Figuring out Hide/Unhide mode, in IE and Mozilla

mooeypoo · Sep 26, 2005

Hello all,

I'm a php developer. I have been using a very simple script to
hide/unhide divs in my script:

function DisplayI(obj)
{
obj.style.display=("none"==obj.style.display? "block" : "none");
}

the Div tag, looks like this:
<div id="blabla" style='display:hidden;'>

the ID of the Div is being compiled by a php script linked to a
Database (therefore, all DIVs get different ids).

It works perfectly in I.E, but in mozilla (firefox and netscape) it
doesn't.
If I change "display:hidden" to "display:block", it shows them open
completely (without hiding) throughout mozilla and I.E together.

I'm looking for a script that hide and unhides my divs and works in a
crossbrowser environment.
I've seen codes to solve the crossbrowser thing, but all of them
seperated "hidediv" and "showdiv" to two functions, and I need them
unified - the code to figure out if the div is shown and hide it, and
the other way around.

Can anyone please help me with this?

Thanks a lot!

~mooey

ZER0 · Sep 26, 2005

function DisplayI(obj)
{
obj.style.display=("none"==obj.style.display? "block" : "none"); ^^^^
}

the Div tag, looks like this:
<div id="blabla" style='display:hidden;'>

<div id="blabla" style='display:none'>

"hidden" is value of visibility style's attribute.

Mick White · Sep 26, 2005

mooeypoo said:
Hello all,

I'm a php developer. I have been using a very simple script to
hide/unhide divs in my script:

function DisplayI(obj)
{
obj.style.display=("none"==obj.style.display? "block" : "none");
}

the Div tag, looks like this:
<div id="blabla" style='display:hidden;'>

<div id="blabla" style='display:none;'> // note "display" property.
function DisplayI(id){
var obj;
if(obj=document.getElementById(id)){
obj.style.display=("none"==obj.style.display?"":"none");
return;
}
//if you arrive here, obj doesn't exist.
}

[snip]
Mick

mooeypoo · Sep 26, 2005

I have done all of that (changed display to none, and tried your code)
but now it doesnt' work in I.E aswell

won't open my divs.

It doesn't even show an error, it just doesn't show my div in I.E or
Mozilla Firefox.

Ideas?

Thanks !

~mooey

ASM · Sep 26, 2005

mooeypoo a écrit :

I have done all of that (changed display to none, and tried your code)
but now it doesnt' work in I.E aswell won't open my divs.

It doesn't even show an error, it just doesn't show my div in I.E or
Mozilla Firefox.

Ideas?

re strat from beginning ...

<html>
<p><button onclick="mooey('poo');">yes no</button>
<div id="poo" style="display: none;height:150px;">
<h1>it is not a good idea</h1>
<p>Why ?
<p>Because without JS you'll can never see this div ...
</div>
<h2> Oh what a so terrific YoYo effect !</h2>

<script type="text/javascript">
function mooey(aDiv) {
var D = document.getElementById(aDiv).style;
D.display = D.display==''? 'none' : '';
}
</script>
</html>

mooeypoo · Sep 28, 2005

Stephane,

thanks, but it still doesn't work in Firefox.

~mooey

hide/unhide data with variable numbers of fields	3	Nov 17, 2006
Fading effect between play and play-over and pause and pause-over	0	Oct 16, 2021
Hide Divs	1	Jun 6, 2008
Show/Hide div NOT workink in IE	10	Jun 15, 2009
Hide/Show Divs	5	Nov 18, 2008
ClientScript working in IE but not Mozilla	6	Jun 11, 2009
Hide/Show Multiple Div Centered (in firefox and ie)	2	Oct 18, 2007
Hide/Show Issue, Please Help	1	Nov 10, 2006

Figuring out Hide/Unhide mode, in IE and Mozilla

mooeypoo

ZER0

Mick White

mooeypoo

ASM

mooeypoo

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads