myElement.style.displays = 'hide';

**rfl** · Jan 24, 2007, 11:57

i'm playing around with javascript and tried the following:
//a.js

HTML Code:

function  oculta() {
    var paragrafo = document.getElementById("a");
    paragrafo.style.displays = 'hide';
}
window.onload = oculta;

//test.htm

HTML Code:

<html>
<head>
<title></title>
<style type = "text/css"></style>
<script type = "text/javascript" src = "a.js"></script>
</head>
<body>
<p id = "a" >bla bla</p>
</body>
</html>

but nothing happens, either i use 'none', or '' or even 'hide'
what am i doing wrong?

TiA

**funkdaddy** · Jan 24, 2007, 12:01

should be:

Code:

paragrafo.style.display = 'none';

display not displays

**rfl** · Jan 24, 2007, 12:59

that's how i had it, but allways got a error msg saying invalid argument about display property;
so i went here:
http://developer.mozilla.org/en/docs/DOM:CSS
and changed it...

**funkdaddy** · Jan 24, 2007, 13:27

must be a typo, does your script work now though?

**rfl** · Jan 24, 2007, 16:07

if i use display, i get that error msg, else, nothing happens

**nicc9** · Jan 24, 2007, 16:50

shoudn't it be

Code:

window.onload = oculta();

instead of

Code:

window.onload = oculta;

?

just a thought...

**felgall** · Jan 24, 2007, 18:22

Originally Posted by nicc9

shoudn't it be

Code:

window.onload = oculta();

instead of

Code:

window.onload = oculta;

?

just a thought...

Only if you want the oculta() function to run immediately and return the value that is to be run when the page finishes loading. If you want oculta to run after the page is loaded you need to leave off the () so that it assigns the function to the event handler and not the value returned from the function.

**funkdaddy** · Jan 25, 2007, 06:43

This code works fine for me, there must be something else in your script:

HTML Code:

<html>
<head>
<title></title>
<style type = "text/css"></style>
<script type = "text/javascript"><!--
function  oculta() {
    var paragrafo = document.getElementById("a");
    paragrafo.style.display = "none";
}
window.onload = oculta;
//-->
</script>
</head>
<body>
	<p id="a">bla bla</p>
</body>
</html>

**dwees** · Jan 25, 2007, 07:00

Thank you Felgall for explaining a problem I've had for ages. I was always getting those 'property not etc...' errors when I used window.onload, and now I understand why.

Dave

**rfl** · Jan 25, 2007, 14:21

Originally Posted by funkdaddy

This code works fine for me, there must be something else in your script:

HTML Code:

<html>
<head>
<title></title>
<style type = "text/css"></style>
<script type = "text/javascript"><!--
function  oculta() {
    var paragrafo = document.getElementById("a");
    paragrafo.style.display = "none";
}
window.onload = oculta;
//-->
</script>
</head>
<body>
    <p id="a">bla bla</p>
</body>
</html>

cant use hide, but none or '' instead, and so works fine
tx

The SitePoint Forums have moved.

User Tag List

Thread: myElement.style.displays = 'hide';

Thread Tools

Display

myElement.style.displays = 'hide';

Bookmarks

Bookmarks

Posting Permissions