Ændre visibility på node sibling

Skal det ikke hedde:

Jo det har du ret i. Jeg havde lige brugt "display: none/block" i stedet.. men:

onclick="nextSibling.style.visibility = 'visible'"

virker heller ikke. Jeg ved ikke om man overhovedet kan navigere i nodetræet på den måde...

jeg får foresten denne fejl i JS debuggeren:

TypeError: Result of expression 'nextSibling.style' [undefined] is not an object.

hm?

Kan vi se hele din kode?

Altså hvor du får din NextSibling fra?

yes...

en div indholdende to elementer, et billede og en "embed". Disse må altså være to siblings ikke. Når jeg trykker på billedet skal playeren "embed" elementet blive visible. Er Embed ikke NextSibling i forhold til img tagget?

<div class="playWrapper">
<img src="graphics/speaker.png" onclick="nextSibling.style.display = 'visible'">

<embed
                      src="graphics/player.swf"
                      width="200"
                      height="20"
                      allowscriptaccess="always"
                      allowfullscreen="false"
                      flashvars="file=graphics/test.mp3&autostart=false&duration=30&backcolor=1080ff&frontcolor=ffffff"
/>
</div>
</div>

nej, det er object text
- prøv at sige alert(nextSibling);
husk at rette visibility til block eller inline

Det skal være en DOMnode.nextSibling

Prøv med [code]      this.[/code] som DOMnode:

hmm. Det virker heller ikke...

jeg har prøvet med lidt forskelligt fra
http://www.howtocreate.co.uk/tutorials/javascript/domstructure
uden en løsning

Der er ingen grund til at bruge this ?
- Overså i mit indlæg ?

- Ryk elementerne sammen så der ikke er en text node imellem dem og benyt enten display samt none, block, inline eller visibility samt hidden, visible.

Test eksempel:

<div class="playWrapper">
<img src="graphics/speaker.png" onclick="nextSibling.style.display = 'block'" alt="klik mig"><embed
                      src="a.jpg"
                      width="200"
                      height="20"
                      allowscriptaccess="always"
                      allowfullscreen="false"
                      flashvars="file=graphics/test.mp3&autostart=false&duration=30&backcolor=1080ff&frontcolor=ffffff"
style="display:none;" />
</div>

Tak for det! Jeg havde prøvet det men havde glemt at fjerne mellemrum og derved text-node. Nu virker det!

Oki doki :)