Deprecated: Function set_magic_quotes_runtime() is deprecated in /home4/mfoster/public_html/cb/forums/include/common.php on line 62

Warning: Cannot modify header information - headers already sent by (output started at /home4/mfoster/public_html/cb/forums/include/common.php:62) in /home4/mfoster/public_html/cb/forums/header.php on line 31

Warning: Cannot modify header information - headers already sent by (output started at /home4/mfoster/public_html/cb/forums/include/common.php:62) in /home4/mfoster/public_html/cb/forums/header.php on line 32

Warning: Cannot modify header information - headers already sent by (output started at /home4/mfoster/public_html/cb/forums/include/common.php:62) in /home4/mfoster/public_html/cb/forums/header.php on line 33

Warning: Cannot modify header information - headers already sent by (output started at /home4/mfoster/public_html/cb/forums/include/common.php:62) in /home4/mfoster/public_html/cb/forums/header.php on line 34
Cross-Browser.com / [xFenster] how to implement?

Cross-Browser.com

X Library Forums

You are not logged in.

Announcement

New user registration is currently disabled.

#1 November 10, 2009 11:56:10 pm

newbie
New Member
Registered: November 10, 2009
Posts: 4

[xFenster] how to implement?

I am very new to cross-browser.com and very confused to implement codes. I searched the forum thoroughly to find the sollution of my problems but couldn't found.
My problem is I need xfenster 4 demo code for my website. I downloaded the xml and js files and tried to use it thought xc. I studied structure and reference. I am very new and bit slow learner, so couldn't figure out how to use these files. Please help me in this regard. I will be very very thankful to you.
I tried in xc.exe
xc output.html xfenster.xml xfenster.js big_smile ya i know it not the case. Please explain in easy words. My english is poor too:(((

Offline

 

#2 November 11, 2009 9:38:13 am

MikeFoster
Administrator
From: Alabama, USA
Registered: April 27, 2007
Posts: 874
Website

Re: [xFenster] how to implement?

Hi newbie, Welcome to the forums!

Download the X Library distribution file and unzip it into the folder of your choice. Be sure to select the "Use folder names" option when unzipping. After unzipping you will find a folder named Cross-Browser.com which has several sub-folders.

Right-click on this link and save it as a file named "xfenster.css". Put it in the Cross-Browser.com\x\examples folder.

Save the following as a file named "xfenster4.html" and put it in the Cross-Browser.com\x\examples folder.

That should do it, just load "xfenster4.html" into a browser.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>xFenster Demo 4</title>
<link rel='stylesheet' type='text/css' href='../../css/v3.css'>
<link rel='stylesheet' type='text/css' href='xfenster.css'>
<style type='text/css'>
.fenster-content {
  padding:1em;
}
#xf0 {
  position:absolute;
  overflow:hidden;
  visibility:hidden;
}
#xf0 fieldset {
  margin: 4px 0;
  padding: 4px;
}
#xf0 form div {
  margin: 4px 0 0 0;
  padding: 0;
}
#xf0 input, #xf0 select {
  font-size: x-small;
}
</style>
<script type='text/javascript' src='../x.js'></script>
<script type='text/javascript' src='../lib/xenabledrag.js'></script>
<script type='text/javascript' src='../lib/xfenster.js'></script>
<script type='text/javascript'>

xAddEventListener(window, 'load',
  function () {
    var i, e, f = document.forms['mgrForm'];
    var c = xGetElementById('xf0');
    openFenster('xf0', 'Fenster Manager', null,
                 xClientWidth() - c.offsetWidth - 10,
                 xClientHeight() - c.offsetHeight - 30,
                 c.offsetWidth, c.offsetHeight);
    e = f.elements;
    for (i in e) {
      if (e[i] && e[i].type && e[i].type == 'button') {
        e[i].onclick = fenMgrBtnOnClick;
      }
    }
  }, false
);

function fenMgrBtnOnClick()
{
  var pso, e = this.form.elements;
  var id = e.fenSelect.options[e.fenSelect.selectedIndex].value;
  var xf = xFenster.instances[id];
  switch (this.name) {
    case 'openBtn':
      pso = e.pgSelect.options[e.pgSelect.selectedIndex];
      openFenster(id, '<i>' + id + '<\/i>: ' + pso.text, pso.value);
      break;
    default: if (xf) xf[this.name]();
  }
}

// Open fenster indicated by id and set the requested title and url.
function openFenster(id, title, url, x, y, w, h)
{
  var cw, ch, fw, fh, n, fx, fy, xf = xFenster.instances;
  if (xf[id]) { // if it already exists
    xf[id].show();
    if (url) xf[id].href(url);
    if (title) xf[id].title(title);
  }
  else { // it doesn't yet exist so create it
    cw = xClientWidth();
    ch = xClientHeight();
    fw = w || (cw / 3);
    fh = h || (ch / 3);
    n = Number(id.substr(2));
    fx = x || (40 * n);
    fy = y || (100 + (n * 40));
    new xFenster(id, title, url, fx, fy, fw, fh, 200, null, 0, 1, 0,
                 true, true, true, id!='xf0', id!='xf0', false, true,
                 null, null, null, null, null, null, null, null,
                 'xfCon', 'xfClient', 'xfTBar', 'xfTBarF', 'xfSBar', 'xfSBarF',
                 'xfRIco', 'xfNIco', 'xfMIco', 'xfOIco', 'xfCIco',
                 'Resize', 'Minimize', 'Maximize', 'Restore', 'Close');
  }
}
</script>
</head>
<body><div id='topLinkCon'><a name='topofpg'>&nbsp;</a></div>

<div id='leftColumn' class='column'> <!-- Begin left column -->

<div class='leftContent'> <!-- Begin left content -->

<div id='header'>
<div id='menubar1'>
<a href='http://cross-browser.com/x/lib/' title='X Library Viewer'>X Library</a>&nbsp;|&nbsp;<a href='http://cross-browser.com/forums/' title='X Library Community'>Forums</a>&nbsp;|&nbsp;<a href='http://cross-browser.com/' title='Cross-Browser.com'>Cross-Browser.com</a>
</div> <!-- end menubar1 -->
<h1>Cross-Browser.com</h1>

</div> <!-- end header -->

<h2>xFenster Demo 4</h2>

<h3>Intro</h3>
<div>
  <p>A simple manager for iframe fensters.</p>
  <p>View xFenster <a href='http://cross-browser.com/x/lib/view.php?sym=xFenster'>Source &amp; Docs</a>.</p>

</div>

<div id='xf0' class='xFenster'>
  <div class='fenster-content'>
    <form name='mgrForm'>
      <fieldset>
        <legend>Select a Fenster</legend>
        <div>
          <select name='fenSelect'>
            <option value='xf1'>Fenster 1</option>
            <option value='xf2'>Fenster 2</option>
            <option value='xf3'>Fenster 3</option>
            <option value='xf4'>Fenster 4</option>
            <option value='xf5'>Fenster 5</option>
            <option value='xf6'>Fenster 6</option>
          </select>

        </div>
      </fieldset>
      <fieldset>
        <legend>Select an Action</legend>
        <div>
          <input name='openBtn' type='button' value='Open'>
          <select name='pgSelect'>
            <option value='http://cross-browser.com/toys/imageless_gradients.html'>Imageless Gradients</option>
            <option value='http://developer.mozilla.org/'>Moz Dev Center</option>
            <option value='http://google.com/'>Google</option>
            <option value='http://lineoflight.com/'>Line of Light</option>
            <option value='http://cross-browser.com/x/menus/xmenu6.html'>xMenu6 Demo</option>
            <option value='http://www.rogermillington.com/tunetoc/index.html'>Irish Music</option>
            <option value='http://cross-browser.com/x/examples/layout7.html'>3 Col Liquid Center</option>
            <option value='http://hyperphysics.phy-astr.gsu.edu/hbase/hframe.html'>HyperPhysics</option>
            <option value='http://cross-browser.com/x/examples/vertical_toolbar.html'>Vertical Toolbar</option>
            <option value='http://mfoster.com/'>mFoster.com</option>
          </select>
        </div>  
        <div><input name='closeBtn' type='button' value='Close'></div>
        <div><input name='minimize' type='button' value='Minimize'></div>
        <div><input name='maximize' type='button' value='Maximize'></div>
        <div><input name='restore' type='button' value='Restore'></div>
        <div><input name='destroy' type='button' value='Destroy'></div>
      </fieldset>
    </form>
  </div>
</div>

<h3>Off-topic but Interesting</h3>
<div>
  <h4>W3 Archive: Design Issues</h4>
  <p>"These statements of architectural principle explain the thinking behind the specifications. These are personal notes by Tim Berners-Lee: they are not endorsed by W3C. They are aimed at the technical community, to explain reasons, provide a framework to provide consistency for for future developments, and avoid repetition of discussions once resolved."</p>
  <p><a href='http://www.w3.org/DesignIssues/Overview.html'>Source</a></p>
  <h4>Famous Curves: Astroid</h4>
  <p>"The astroid was first discussed by Johann Bernoulli in 1691-92. It also appears in Leibniz's correspondence of 1715. It is sometimes called the tetracuspid for the obvious reason that it has four cusps."</p>
  <p>"The astroid only acquired its present name in 1836 in a book published in Vienna. It has been known by various names in the literature, even after 1836, including cubocycloid and paracycle."</p>
  <p><a href='http://www-groups.dcs.st-and.ac.uk/~history/Curves/Astroid.html'>Source</a></p>
</div>

</div> <!-- end leftContent -->

<div id='footer' class='leftContent'>
Copyright &copy; 2000-2009 Michael Foster<br>
Javascript distributed under the terms of the <a href='../../license.html'>GNU LGPL</a>
</div> <!-- end footer -->

</div> <!-- end leftColumn -->

<div id='rightColumn' class='column'>
<div class='rightContent'>

<h3>Tech Support</h3>
<div class='collapsible'>
<p>Forum support is available at the <a href='http://cross-browser.com/forums/'>X Library Support Forums</a>.</p>
</div>

</div> <!-- end rightContent -->

</div> <!-- end rightColumn -->

</body>
</html>

Offline

 

#3 November 11, 2009 9:53:34 am

newbie
New Member
Registered: November 10, 2009
Posts: 4

Re: [xFenster] how to implement?

Thanks for quick reply. I have implemented it successfully.
Thanks for everything you are doing for us. May God bless you!

Offline

 

#4 November 11, 2009 9:56:49 am

newbie
New Member
Registered: November 10, 2009
Posts: 4

Re: [xFenster] how to implement?

The little problem which i am facing is, cross and minimize and maximize button disappeared.
What could be the reason?
P.S. BUtton are working fine but they just disappeared.

Last edited by newbie (November 11, 2009 9:57:51 am)

Offline

 

#5 November 11, 2009 7:33:05 pm

MikeFoster
Administrator
From: Alabama, USA
Registered: April 27, 2007
Posts: 874
Website

Re: [xFenster] how to implement?

Oops. I forgot about the images. Grab a copy of them from here:

minimize
maximize
restore
close
resize

Look in the "xfenster.css" file, you'll find where you can change the path to the images.

Offline

 

#6 November 11, 2009 8:53:31 pm

newbie
New Member
Registered: November 10, 2009
Posts: 4

Re: [xFenster] how to implement?

bundle of thanks sir!
so nice of you!

Last edited by newbie (November 11, 2009 8:55:20 pm)

Offline

 

Board footer

Powered by PunBB 1.2.15
Copyright © 2002–2005 Rickard Andersson

Expand Restore Select Format Eval Load