first element before my div

[sc]

I've got such structure of the part of the site:

<p>content content</p>
<div id=myDiv1>content content</div>

<p>content content</p>
<div id=myDiv2>content content</div>

No I want to hide let's say 'myDiv2'. So I write in JS:

document.getElementById('myDiv2').style.display = 'none'

And now, how to hide also the paragraph which is before the 'myDiv2' div ?
How to check if the first element before 'myDiv2' is a paraghraph ?

Regards,
sc

[Evertjan.]

sc wrote on 06 apr 2006 in comp.lang.javascript:

I've got such structure of the part of the site:

<p>content content</p>
<div id=myDiv1>content content</div>

<p>content content</p>
<div id=myDiv2>content content</div>

No I want to hide let's say 'myDiv2'. So I write in JS:

document.getElementById('myDiv2').style.display = 'none'

And now, how to hide also the paragraph which is before the 'myDiv2'
div ? How to check if the first element before 'myDiv2' is a
paraghraph ?

This is very browser dependent. I think that FF reeds the return as an
extra element, where IE does not?

The safe way is to enclose the two in an extra div.

Try:

<div>
<p>content 1 content</p>
<div id=myDiv2>content 2 content</div>
</div>

<script type='text/javascript'>
document.getElementById('myDiv2').parentNode.style .display = 'none'
</script>
--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)

[sc]

"Evertjan." wrote:

Try:

<div>
<p>content 1 content</p>
<div id=myDiv2>content 2 content</div>
</div>

<script type='text/javascript'>
document.getElementById('myDiv2').parentNode.style .display = 'none'
</script>

The trouble is that I'm not allowed to change the structure of that HTML...

Regards,
sc

[[on]]

sc wrote:

I've got such structure of the part of the site:

<p>content content</p>
<div id=myDiv1>content content</div>

<p>content content</p>
<div id=myDiv2>content content</div>

No I want to hide let's say 'myDiv2'. So I write in JS:

document.getElementById('myDiv2').style.display = 'none'

And now, how to hide also the paragraph which is before the 'myDiv2' div ?
How to check if the first element before 'myDiv2' is a paraghraph ?

Regards,
sc

Tried "previousSibling" ?

var somediv = document.getElementById("myDiv2");
var sibbling = somediv.previousSibling;

Note that it might select a "textNode" if you have whitespaces at odd
places.

[Evertjan.]

sc wrote on 06 apr 2006 in comp.lang.javascript:

"Evertjan." wrote:

Try:

<div>
<p>content 1 content</p>
<div id=myDiv2>content 2 content</div>
</div>

<script type='text/javascript'>
document.getElementById('myDiv2').parentNode.style .display = 'none'
</script>
The trouble is that I'm not allowed to change the structure of that
HTML...

I would not accept an assignment with susch restrictions.

given your question: How to check if the first element before 'myDiv2' is a
paraghraph ?

you could check that:

<div>
<p>content 1 content</p>
<div id=myDiv2>content 2 content</div>
</div>

<script type='text/javascript'>
alert(document.getElementById('myDiv2').previousSi bling.tagName=='P')
</script>

giving, as expected, true in IE and false in FF

--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)

[RobG]

sc wrote:

"Evertjan." wrote:

Try:

<div>
<p>content 1 content</p>
<div id=myDiv2>content 2 content</div>
</div>

<script type='text/javascript'>
document.getElementById('myDiv2').parentNode.sty le.display = 'none'
</script>

The trouble is that I'm not allowed to change the structure of that HTML...

You can work with that, but it's a bit ugly. The following script returns
the previous sibling with the given node name or null if it can't be found:

<script type="text/javascript">

function getPreviousByNodeName(el, nodeName)
{
if (el.previousSibling){
while(el.previousSibling && (el = el.previousSibling)){
if (nodeName.toLowerCase() == el.nodeName.toLowerCase()){
return el;
}
}
return null;
}
}

</script>
<p>the p</p>
<div
onclick="alert(getPreviousByNodeName(this, 'p').innerHTML);"click to get P</div>

Of course the value returned by getPreviousByNodeName() should be tested
before trying to use it, e.g.

var theP = getPreviousByNodeName(el, 'p');
if (theP){
// do stuff
}

--
Rob

[sc]

Big thanks for help to everyone !

sc