document about firefox javascript [Archive]

Click to See Complete Forum and Search --> : document about firefox javascript

maxdezign

04-20-2005, 05:34 PM

i need to use javascript for firefox.
if u have something about this.
plez send to me.

maxdezign@gmail.com

sorry my language so bad.

phpnovice

04-20-2005, 09:45 PM

Basically, JavaScript is JavaScript without consideration for the browser. The only exception to this is in IE -- but, even then, what works in the other browsers will also work in IE 99% of the time. So, is it just plain JavaScript you really want to know about?

maxdezign

04-21-2005, 11:46 AM

i want to use layer in firefox
i want to know function for write layer hide layer show layer and set x,y in layer

now i can use this in ie bu this code error in firefox and ns

sorry my eng so bad

phpnovice

04-21-2005, 04:06 PM

<div id="myLayer>
This is a layer.
</div>

To hide it:

document.getElementById("myLayer").style.display = "none";

To show it:

document.getElementById("myLayer").style.display = "block";

To change the layer's text:

document.getElementById("myLayer").firstChild.data = "This is MY layer.";

maxdezign

04-28-2005, 05:01 PM

thank

phpnovice

04-29-2005, 03:01 PM

Cheers.

pizzaluva

05-16-2005, 05:55 PM

I'm still having some problems with this..
could you check out my page at :

http://www.welovewinter.com/showhidelayer.html

I'm not exactly a developer, so i'm pretty clueless with some things..
ANy help would be greatly appreciated!

works fine in IE, but not at all in firefox.

<script language="JavaScript">

</script>

phpnovice

05-16-2005, 07:32 PM

I'd suggest rearranging this:

function display(layerName) {
if (IE4) {
document.all[layerName].style.visibility = "visible";
}
else if(NN4) {
document.layers[layerName].visibility = "show";
}
else if(FF) {
document.getElementById('layer1').style.display = "block";
}
}

into this:

function display(id) {
if (document.getElementById) {
document.getElementById(id).style.display = "block";
}
else if (document.layers) {
document.layers[id].visibility = "show";
}
else if (document.all) {
document.all[id].style.visibility = "visible";
}
else {
alert('Unknown browser category.');
}
}

and likewise:

function hide(id) {
if (document.getElementById) {
document.getElementById(id).style.display = "none";
}
else if (document.layers) {
document.layers[id].visibility = "hide";
}
else if (document.all) {
document.all[id].style.visibility = "hidden";
}
else {
alert('Unknown browser category.');
}
}

pizzaluva

05-17-2005, 01:42 AM

that didn't seem to work.. actually now it won't work in IE.

heres what i have:

<script language="JavaScript">

</script>

<head>
<body>

<table width="500" border="1">
<tr>
<td align="center" class="tiny" bgcolor="#ff0000"
style="cursor: pointer" onclick=' display("layer1")'
onMouseOver="this.style.backgroundColor='000040';
return
true;" onMouseOut="this.style.backgroundColor='#ff0000';"><font color="white">SHOW WINDOW</font></td>
</tr>
</table>

<div id="layer1" style="left:305px; position:absolute; top:205px; visibility:hidden; z-index:0">
<table width="500" bgcolor="blue" height="300" border="2">
<tr>
<td height="30" align="center" class="tiny" bgcolor="#ff0000"
style="cursor: pointer" onclick=' hide("layer1")'
onMouseOver="this.style.backgroundColor='000040';
return
true;" onMouseOut="this.style.backgroundColor='#ff0000';"><font color="white">CLOSE WINDOW</font></td>
</tr>

<tr><td>LAYER 1 TABLE</td></tr>
</table>
</div>

phpnovice

05-17-2005, 07:28 AM

Change the quotes on these:

onclick=' display("layer1")'

to be like this:

onclick="display('layer1')"

Although, technically, you should add return true; to the end of each function and code the events as follows:

onclick="return display('layer1')"

phpnovice

05-17-2005, 07:37 AM

I reworked your source a bit so that it will work now:

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

</script>
<head>

<body>

<table width="500" border="1">
<tr>
<td align="center" class="tiny" bgcolor="#ff0000"
style="cursor: pointer" onclick="return display('layer1')"
onMouseOver="this.style.backgroundColor='#000040'; return true;"
onMouseOut="this.style.backgroundColor='#ff0000'; return true;">
<font color="white">SHOW WINDOW</font></td>
</tr>
</table>

<div id="layer1" style="position:absolute; left:305px; top:205px; z-index:0;">
<table width="500" bgcolor="blue" height="300" border="2">
<tr>
<td height="30" align="center" class="tiny" bgcolor="#ff0000"
style="cursor: pointer" onclick="return hide('layer1')"
onMouseOver="this.style.backgroundColor='#000040'; return true;"
onMouseOut="this.style.backgroundColor='#ff0000'; return true;">
<font color="white">CLOSE WINDOW</font></td>
</tr>
<tr><td>LAYER 1 TABLE</td></tr>
</table>
</div>

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

</script>