The idea is that the blue help text rechtangle will have to remain
visible when mouse over (because there will be soon links in it) and
invisible when onmouseout.
I have now placed javascript on the small numbered balls and within
the rechtangle itself.
But I have it in a way that when "onmouseout" the blue help rechtangle
will be hidden. But now the onmouseout event is acting like
onmouseover. Any Ideas to do this correctly? So right now when you
onmouseover it it will disappear :S
If I get this working I can start thinking of putting a timeout on the
rechtangle for it to disappear within a couple of seconds after
"onmouseout"
I'm designing a site that implements popup menus. There are several menus and each one is called by a mouseover event on an image. Each menu is set to show for about 3 seconds, and then it will go away. The only problem I am having is if you roll over two or more different images, both of the popup menus will display. I need some help on showing only one popup at a time. I'm sure it would be something like this...
HTML Code:
i = popup numbers; //which should be either 1 or 0 if (i == 1) { hide(previous popup); show(getElementById); }
else { show(getElementById); } I'm just not sure on how to determine the previous popup. Any suggestions?
I found this script on a tutorial site but it had no summary of browser compatibility or any other issues. I know absolutely nothing about javascript and, although it works fine when I test it,
<head> <script type="text/javascript"> lastone='empty'; function showIt(lyr)
I am trying to hide/show table when hide/show button is pressed
Problem: The code works fine when I remove 'slow' from line 10. But with 'slow' in line 10 content of toggleButton doesnt change from Hide to Show when pressed.
Have form elements between two background layers (z-index set to -1 and 0). But when I show a layer above the form elements (triggered from a menu drop down list of dynamically produced data from a database table) they all appear above the layer (N4) and the select drop down shows above in the layer (IE). I have set the z-index to 2 for the above layer. Even tried placing the form into a layer and setting the z-index to 1!!
I created this script because <select> form menus in IE on Windows appear on TOP of my DHTML layer navigation menus = client NOT happy and blames YOU. To avoid this crappy situation you can use my script to hide a certain number of the <select> menus when your DHTML layer nav menus are active.
Place this JavaScript in the <head> somewhere.
<script type="text/javascript">
// code to hide/show form menu drop downs ie/win courtesy of www.dreamingdigital.ca // function should take in the parameter "visible" or "hidden" (the_action)
function dd_hide_show_selects(the_action) { var dom = (document.getElementById) ? true : false; var windows = (navigator.userAgent.toLowerCase().indexOf("windows")>-1) ? true : false; var ie5 = ((navigator.userAgent.toLowerCase().indexOf("msie")>-1) && dom) ? true : false; var cp_selects = document.getElementsByTagName("select"); var number_to_hide = 0; var number_needed_hidden = 4; // 4 was the number of selects I needed to hide
<a href="somewhere.html" title="Some text to describe the link." onMouseOver="dd_hide_show_selects('hidden');" onMouseOut="dd_hide_show_selects('visible');">Something</a>
I always want "smenu3" to show with "smenu4" and "smenu5" collapsed... When the user clicks the link, it calls a javascript function to show "smenu4" like so...
I am trying to hide some form elements in a form by default and show/hide depending on which radio button is clicked. This is what I have but it is not working: Code:
I'd like to have a show/hide widget on my web site, kind of like "show details" / "hide details" in Google Groups. Is there a tutorial explaining how to make them? Google's is a bit complex and it's easy to get something wrong. If the browser does not support the required features, I want it to generate a completely static page with the "details" shown automatically.
i have 5 sections in seperate divs and i am trying to collapse them using anchor onclicks and some js to toggle the display style. I am a little unsure of how to make this piece of code work a little more elegantly(lack of js symantic knowledge). Code:
I have 5 links and 5 divs. When the page loads I've set the visibility of first div to visible and all the rest are hidden. When the user clicks on second link I want to hide all the other divs and show only second. Similarly when the user clicks third link I want to show third div only. You get the idea. Here is what I have so far. Nothing happens when I click the second link.
Basically, I need a link that gives the user an option to show the rest of an article, and then a link UNDER the rest of the article to hide a post again. The link needs to work uniquely with each link. Every method I've used so far has worked for one post, and on the next post, when the link is clicked, it just shows the rest of the first post.
I have a javascript that works great in every browser except IE8. In IE8 the rows of links change but this ONLY happens when you open and close the info using the same link.
I would like to add some javascript to show/hide a certain row of a table. The first row of the table contain the hyperlink that calls the javascript the second row is the one i want to show/hide with the javascript in a toggle fashion.
the problem is a know very little javascript and have become incredibly frustrated because i went ahead thinking it was going to be like C. its not.
I know i can use these lines to do the actual work:
but I don't think i can use a getElementById exactly because i want to reference the element via its relationship to the hyperlink that calls the javascript, i know this can be done. You see there will be several tables on one page and i want to be able to toggle each one independently; hopefully with the same bit of javascript.
I have a working Show / Hide form, that works on FF, but what I would like to do is to be able to display one part when a user clicks on one radio button and display another part when the user clicks on the second radio button - here is the code which just shows / hides the whole form:
I'm using a simple show function, called from a button.
function show(rowId) { var hideRow = "View_" + rowId document.getElementById(showRow).style.display ="block"; }
QUESTION: I'm using xsl and can have more than one table row with the specific rowId, and I want ALL of them to show when the button is clicked for that rowId. But although the html source is there, I only get the first row with the rowId.
I have some divs laid on top of each other. By clicking somewehre specific I want to hide all the divs but except for one - which is related to the point i clicked - to show up.Here is my code so far:The function will be called by something like this:
All these divs are in the same from the right_nav-class.I guess the problem lies within line 6, where I want to select the div that should show up and is given as the argument of the function.The commented lines are things I already tried, but didn't work either, especially $(this).style seems to be invalid.It does hide all divs as i want, but the one i want to show again doesn't show up. It just stays hidden...
I got this example code which show rows when click on it, the problem is it shows all but I want if I click on one row it shows that one and hide others.
i searched the forum, but did not find a working solution for my problem. IE6/7 are not hiding the divs in the $(document).ready function. Tried also:
$("#closed").css('display', 'none'); document.getElementById('closed').style.display = 'none'; It is working when i add the ID "closed" to the <li>-Element instead of the <div>-Container. All other browsers are working fine.
the box. Anybody know what's wrong?i have the following code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">
I am pretty new to JS but I've managed to create a function to show and hide a div according to a link's URL, but I am gonna have lots of url's and lots of div's to show and hide, its not a problem to show and hide them, the only trouble is that they stack, if I show div 1, and then press link 2 to show div 2, Div 2 is gonna be below div 1, and what I want is that when I click link 2 to hide div 1 or any other shown divs, I am sure its possible but i don't know how to do it. I think it would be possible by storing the id of the div in a variable, but the only problem is that when I call that function, the variable always changes so it would be a matter of storing the id in a variable outside the function, but i don't know how to do that, or what are the rules?
This is my code: JS function showHide(product) { var el = document.getElementById(product); el.className = (el.className == 'hide') ? '' : 'hide'; }
HTML <div id="1" class="hide">Content of Div 1</div> <div id="2" class="hide">Content of Div 2</div> <a href="javascript:showHide('1');">Show Hide 1</a> <a href="javascript:showHide('2');">Show Hide 1</a>
CSS .hide { display:none; }
I need to have the javascript function call in href because of an applet I am using. In resume, the divs are hidden at the start, when I click one link, the div shows, when I click the other link I need the previous div shown to be hidden (class="hide"), and show the new div and so on.
