Follow us on Twitter X-Cart on Facebook Wiki
Shopping cart software Solutions for online shops and malls
 

Use Javascript and CSS to hid / flip visibilty of elements

 
Reply
   X-Cart forums > X-Cart 4 > Dev Questions
 
Thread Tools Search this Thread
  #21  
Old 12-13-2006, 12:12 PM
 
Jerrad Jerrad is offline
 

X-Adept
  
Join Date: Nov 2004
Location: The Netherlands
Posts: 484
 

Default Re: Use Javascript and CSS to hid / flip visibilty of elements

This used to work really great in Explorer, Firefox and Opera.
Unfortunately it doesn't in Internet Explorer 7.0, I just noticed.
Displaying the hidden content by clicking the radiobutton works fine, but clicking
the hide radiobutton doesn't hide the content anymore...

Anybody knows how to get this also working for Explorer 7.0?

Many thanks in advance!
__________________
X-Cart 4.0.12
Heavy modified with paid, free and forum mods.
PHP 5.2.5 | MYSQL 5.0.51a
Reply With Quote
  #22  
Old 12-20-2006, 10:14 PM
  B00MER's Avatar 
B00MER B00MER is offline
 

X-Guru
  
Join Date: Sep 2002
Location: Keller, TX (Cart-Lab.com)
Posts: 3,165
 

Default Re: Use Javascript and CSS to hid / flip visibilty of elements

Just wanted to note, in 4.0.x and later of X-Cart a function to flipDiv's is already implemented.

Take a peek at skin1/common.js and you'll find:

function visibleBox(id,skipOpenClose)

Example in X-Cart that uses it is the search.php page "Advanced Search" opens the entire search form.

Just setup your links for the open/close toggle with an id="closeX" and id="openX" the actual area that is hidden and appears would be id="boxX"

X for all id's being an incremental number starting at 1 to whatever.

Kudos!
__________________
Cart-Lab - 100+ Social Bookmarks for X-Cart.
Reply With Quote

The following user thanks B00MER for this useful post:
Steel (12-10-2010)
  #23  
Old 12-21-2006, 05:30 AM
 
sstillwell@aerostich.com sstillwell@aerostich.com is offline
 

eXpert
  
Join Date: Jun 2004
Location: Duluth, MN
Posts: 242
 

Default Re: Use Javascript and CSS to hid / flip visibilty of elements

Quote:
Originally Posted by Jerrad
This used to work really great in Explorer, Firefox and Opera.
Unfortunately it doesn't in Internet Explorer 7.0, I just noticed.
Displaying the hidden content by clicking the radiobutton works fine, but clicking
the hide radiobutton doesn't hide the content anymore...

Anybody knows how to get this also working for Explorer 7.0?

Many thanks in advance!

Yes, you are right. I just noticed this a few weeks ago and had to change the code to make it work. Right now, it's just a band aid and I'm not really sure why IE7 doesn't like the original. My opinion, IE7... still sucks.
__________________
No longer using Xcart, was good while it lasted.
Reply With Quote
  #24  
Old 12-21-2006, 05:32 AM
 
sstillwell@aerostich.com sstillwell@aerostich.com is offline
 

eXpert
  
Join Date: Jun 2004
Location: Duluth, MN
Posts: 242
 

Default Re: Use Javascript and CSS to hid / flip visibilty of elements

Quote:
Originally Posted by B00MER
Just wanted to note, in 4.0.x and later of X-Cart a function to flipDiv's is already implemented.

Take a peek at skin1/common.js and you'll find:

function visibleBox(id,skipOpenClose)

Example in X-Cart that uses it is the search.php page "Advanced Search" opens the entire search form.

Just setup your links for the open/close toggle with an id="closeX" and id="openX" the actual area that is hidden and appears would be id="boxX"

X for all id's being an incremental number starting at 1 to whatever.

Kudos!

And that is why he is an Xcart Guru. Thanks B00MER.
__________________
No longer using Xcart, was good while it lasted.
Reply With Quote
  #25  
Old 01-07-2007, 04:24 PM
  zshiek's Avatar 
zshiek zshiek is offline
 

Member
  
Join Date: Sep 2006
Location: Virginia
Posts: 16
 

Default Re: Use Javascript and CSS to hid / flip visibilty of elements

wow that is a full waste of code right there.. Basically

onMouseover and onMouseCLick on the <a> and then call the appropriate css on off commands for the divs. simple.. no php no nothing.. just simple three lines of java, and css
__________________
X-Cart Gold 4.1.3 | 4.1.5 | 4.16

PHP/4.4.4 MySQL version 4.1.21
Reply With Quote
Reply
   X-Cart forums > X-Cart 4 > Dev Questions



Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT -8. The time now is 04:06 PM.

   

 
X-Cart forums © 2001-2020