hide / show div javascript is working in firefox but not IE

Hi,

I want to show a div depending of the value of a <select> option, using 2 functions hidediv() and showdiv() - it is working fine in firefox, but not in IE (tested with IE 6 and 7). <body onload="javascript:hidediv()"> DOES work in IE, but the rest does not.
Any ideas?
Thanks a lot

Tim

here is the code
----------------------------

Expand|Select|Wrap|Line Numbers

 
<html>

<head>

<script language=javascript type='text/javascript'>

Expand|Select|Wrap|Line Numbers

 
function hidediv() {

    if (document.getElementById) { // DOM3 = IE5, NS6

        document.getElementById('genre_select1').style.visibility = 'hidden';

    }

    else {

        if (document.layers) { // Netscape 4

            document.genre_select1.visibility = 'hidden';

        }

        else { // IE 4

            document.all.genre_select1.style.visibility = 'hidden';

        }

    }

}
 
function showdiv() {

    if (document.getElementById) { // DOM3 = IE5, NS6

        document.getElementById('genre_select1').style.visibility = 'visible';

    }

    else {

        if (document.layers) { // Netscape 4

            document.genre_select1.visibility = 'visible';

        }

        else { // IE 4

            document.all.genre_select1.style.visibility = 'visible';

        }

    }

}

Expand|Select|Wrap|Line Numbers

 
</script> 
 
</head>

<body onload="javascript:hidediv()">

      <form name="form" action="chart.php" method="post">

        <select name="view_by">

          <option value="" onclick="hide()">-----Chart view-----</option>

           <option onclick="javascript:hidediv()">Most votes</option>

          <option  onclick="javascript:hidediv()">Latest entries</option>

          <option  onclick="javascript:hidediv()">Most profile views</option>
 
          <option  onclick="javascript:hidediv()">Age</option>

          <option onclick="javascript:showdiv()">Genre</option>
 
          <option  onclick="javascript:hidediv()">User name a-z</option>

          <option  onclick="javascript:hidediv()">------------------</option>

         <option  onclick="javascript:hidediv()">Non competition entries</option>

        </select>
 
        </select>  <input type="submit"  class="button"  value="Go" />

        <br/>

        <div id="genre_select1"><select name="genre_select">

        <option value='1'>1</option><option value='2'>2</option> </select></div>

</form>

</div>

</body>

</html>

Sep 12 '07 #1

Subscribe Post Reply

7744

epots9

1,351

Expert 1GB

what is your doctype? you forgot to state what doctype you want to use at the top of your html.

By not declaring a doctype ie acts even worst.

Sep 12 '07 #2

pbmods

5,821

Expert 4TB

Heya, Safiratec. Welcome to TSDN!

Please use CODE tags when posting source code:

[CODE=javascript]
JavaScript code goes here.
[/CODE]

Sep 12 '07 #3

acoder

16,027

Expert Mod 8TB

IE does not support onclick for option elements. Use the select element's onchange event handler instead.

Sep 13 '07 #4

by: David | last post by:

Hi everyone, Hoping there are some .js/browser experts out there that can help with this weird problem. I have made a swap div routine and applied the events to menu buttons with a closer...

Javascript

JavaScript - HIDE/DISPLAY text boxes

by: dmiller23462 | last post by:

Hi guys....I have absolutely NO IDEA what I'm doing with Javascript but my end result is I need two text boxes to stay hidden until a particular option is selected....I've cobbled together the...

Javascript

Hide/show <div>

by: MOHSEN KASHANI | last post by:

Hi, 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: <head> <style> ..noshow {...

Javascript

show/hide thingy

by: alex | last post by:

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...

Javascript

Swap/restore image while show/hide divs

by: bridgemanusa | last post by:

Hi All: I have a very long page of html that I want to take portions and hide them in divs, then show when a link is clicked. I have the hide show part working when the link is clicked, however...

Javascript

Hide/Show Rows based on text box input

by: jimstruckster | last post by:

I have a table with 10 rows, I want all rows except for the first to be hidden when the page first opens up. If the user puts a value in a text box in the first row then I want the second row to...

Javascript

show/hide div not fully working in IE

by: ryrocks | last post by:

Hi, Im making a 'contact us' page. The user click on the div, this then reveals another larger div displaying more information giving the effect of the box expanding or dropping down. I have 3...

Javascript

show/hide css divs with flash actionscripting

by: techtherapy | last post by:

Hello All! This ones a little different as I'm using flash actionscripting to control some javascript swaping. The following page uses a hideDiv, ShowDiv Javascript and the following...

Flash / Actionscript

Show and hide on the same click

by: timplx | last post by:

Hello all, New to javascript and have never worked with programming languages like c++, so my logic in some of these statements might be incorrect or redundant Got a problem with my page......

Javascript

How to turn on java script in a villaon keypad mobile phone

by: Charles Arthur | last post by:

How do i turn on java script on a villaon, callus and itel keypad mobile phone

Java

Merging data from multiple Excel files

by: ryjfgjl | last post by:

In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...

Data Management

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++

What is ONU?

by: marktang | last post by:

ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...

General

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...

C / C++

The easy way to turn off automatic updates for Windows 10/11

by: Hystou | last post by:

Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...

Windows Server

Discussion: How does Zigbee compare with other wireless protocols in smart home applications?

by: tracyyun | last post by:

Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...

General

AI Job Threat for Devs

by: agi2029 | last post by:

Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...

Career Advice

hide / show div javascript is working in firefox but not IE

Similar topics