Tigra Menu Product Family - Tigra Menu Product - Tip: How to hide select form elements


	\| About Us \| Services \| Download \| Order \| Support \| \|

Not logged in [ Login | Register ]

SoftComplex Forums » Tigra Menu Product Family » Tigra Menu Product » Tip: How to hide select form elements

Last active: Never

Printable Version | Subscribe | Add to Favourites

aetchell

Junior Member

Posts: 2
Registered: 7/10/2005
Location: sheffield UK
Member Is Offline

posted on 7/10/2005 at 01:33 PM

Tip: How to hide select form elements

Hi All

this has probebly already been done but i couldnt find any reference to it in the forums

if you want to hid select form elements that render above everything in a browser window (i think this is an IE only thing)

amend the following functions in menu.js

menu_onmouseout
add:
var selNodes = document.getElementsByTagName('select')
var i=0;
if (!selNodes.item(0)){
return false;
} else {
do{selNodes.item(i).style.visibility = 'visible';}
while(++i < selNodes.length);
}

menu_onmouseover
add:
var selNodes = document.getElementsByTagName('select')
var i=0;
if (!selNodes.item(0)){
return false;
} else {
do{selNodes.item(i).style.visibility = 'hidden';}
while(++i < selNodes.length);
}

this will show/hide all select elements on the page when the menu is activated

my javascript knowledge is pretty poor so someone could come up with a much better way i imagine, flash elements could do with being hidden too.

Would love to see a better version of the code above, as its just a quick hack i just added.

regards
ash

aetchell

Junior Member

Posts: 2
Registered: 7/10/2005
Location: sheffield UK
Member Is Offline

posted on 7/10/2005 at 01:48 PM

oops error in js

it had return false; in there, you dont wont to be doing that

amended code:

menu_onmouseout
add:
var selNodes = document.getElementsByTagName('select')
var i=0;
if (!selNodes.item(0)){

} else {
do{selNodes.item(i).style.visibility = 'visible';}
while(++i < selNodes.length);
}

menu_onmouseover
add:
var selNodes = document.getElementsByTagName('select')
var i=0;
if (!selNodes.item(0)){

} else {
do{selNodes.item(i).style.visibility = 'hidden';}
while(++i < selNodes.length);
}