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 / Closeing X Floater Box, how ?

Cross-Browser.com

X Library Forums

You are not logged in.

Announcement

New user registration is currently disabled.

#1 November 28, 2009 2:13:04 pm

megatis
New Member
Registered: November 28, 2009
Posts: 2

Closeing X Floater Box, how ?

Hi there !

First, i need to say, that x floater box i perfect !

Than, i need to ask, how i can insert some text (example: cancel), or image on top of the box, when user want to close box ?

I hope that you know solution !

All the best !

Offline

 

#2 November 29, 2009 1:37:26 am

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

Re: Closeing X Floater Box, how ?

Hi megatis, Welcome to the forums!

The following is from the source of that demo page. Add the line I've indicated with a *** comment:

xAddEventListener(window, 'load',
  function () {
    topMargin = xPageY('leftColumn');
    winOnResize(); // set initial position
    xAddEventListener('hide-floater-lnk', 'click', floaterHideOnClick, false); // ***
    xAddEventListener(window, 'resize', winOnResize, false);
    xAddEventListener(window, 'scroll', winOnScroll, false);
  }, false
);



Add this in with the existing Javascript:

function floaterHideOnClick() {
  xGetElementById('floater').style.display = 'none';
  return false;
}
function floaterShowOnClick() {
  xGetElementById('floater').style.display = 'block';
  return false;
}



In the floater menu's html, add the line I've indicated with a *** comment:

<div id='floater' class='h2Bkgnd'>
<h4>Floater Menu</h4>
<a href='#js' class='m'>Javascript</a>
<a href='#bime' class='m'>But I must explain</a>
<a href='#sup' class='m'>Sed ut perspiciatis</a>
<a href='#otoh' class='m'>On the other hand</a>
<a href='#avee' class='m'>At vero eos et</a>
<a href='#topofpg' class='m'>Top</a>
<a id='hide-floater-lnk' href='#'>Hide Floater</a> <!-- *** -->
</div><!-- end floater -->



Thanks! smile

Offline

 

#3 November 29, 2009 7:51:43 am

megatis
New Member
Registered: November 28, 2009
Posts: 2

Re: Closeing X Floater Box, how ?

Thanks a lot man, you're the best !!!

Keep going with good appz ... smile

All the best !

Offline

 

Board footer

Powered by PunBB 1.2.15
Copyright © 2002–2005 Rickard Andersson

Expand Restore Select Format Eval Load