DHTML span probleempje

[Verwijderd]

Ik heb deze code:

<SPAN
style="cursor:hand"
onClick="link1.style.display=''"
onMouseOut="link1.style.display='none'">
<FONT color="red"><B>nieuwsbericht 1</B></FONT></SPAN>
<P ID="link1" STYLE="display:none">blablablablablabalablablablaablablablablablabla</P><p>

<SPAN
style="cursor:hand"
onClick="link2.style.display=''">
<FONT color="red"><B>nieuwsbericht 2</B></FONT></SPAN>
<P ID="link2" STYLE="display:none">nieuws blabla</P>

zodra ik met de muis van link1 afga wordt de tekst van link1 verborgen.
Nu wil ik eigenlijk dat de tekst pas verdwijnt als ik op bijvoorbeeld link2 heb geklikt.
Wat ik ook probeer, ik krijg het niet voor elkaar

wie kan mij helpen?

[ Voor 50% gewijzigd door Verwijderd op 29-03-2004 12:58 ]

[sig69]

Dat is niet vreemd, als je dit gebruikt:

onMouseOut="link1.style.display='none'">

Hij doet dus precies wat jij zegt dat hij moet doem, zodra je met je muis van de link af gaat, wordt de tweede link verborgen.

Edit:
Verkeerd gelezen, onClick in link 2 zal beter werken

[ Voor 44% gewijzigd door sig69 op 29-03-2004 13:00 ]

[André]

Zodra er een onclick is op link 2 maak je link 1 onzichtbaar, benodigdheden:
onclick, getElementById, style, display.

[Michali]

even een paar vraagjes. Wat is link1? Ik zie alleen ID's definitionID en link2. Waarom noem je het een link als het een paragraaf is? Waarom gebruik je een font tag als je met CSS bezig bent?

cursor: hand; is trouwens IE only, maak er liever cursor: pointer; van. En je kunt ook beter display='display'; gebruiken ipv. display=''; Dan ben je ook verzekerd van een betere ondersteuning (lijkt me).

[ Voor 37% gewijzigd door Michali op 29-03-2004 12:58 ]

[Verwijderd]

dat weet ik, die had ik er even tussen laten staan om aan te geven waar mijn probleem zich ongeveer bevond

[Verwijderd]

Michali schreef op 29 maart 2004 @ 12:56:
even een paar vraagjes. Wat is link1? Ik zie alleen ID's definitionID en link2. Waarom noem je het een link als het een paragraaf is? Waarom gebruik je een font tag als je met CSS bezig bent?

omdat ik op dit moment een totale n00b ben als het om dhtml en css gaat!
(geef me een weekje )

[Michali]

Geeft niet. Zet in je style tag color: red; of color: #FF0000; als je de tekst graag rood wilt. Op W3Schools zijn trouwens wel goede tutorials te vinden over vanals wat met het web te maken heeft. Ik kijk er ook nog wel regelmatig op.

Om je probleem op te lossen zou ik gewoon de onMouseOut event weghalen en in link2 zetten. Simpel. Maar ik heb als zo'n vermoeden dat dat niet geheel de bedoeling is. Je zou ook het weghalen in link1 via een timeout kunnen laten verlopen en dan als je bijvoorbeeld over link2 gaat, dat je dan de timeout weer cancelled. Zo verbergd link1 toch na een bepaalde tijd, behalve als je over link2 hovered. Mischien een ideetje?

[Verwijderd]

Ik kan inderdaad door op link2 te klikken de tekst bij link1 laten verdwijnen... is het mogelijk om met een klik op link1:

de tekst onder link1 te laten zien
én
de tekst onder link2 te laten verdwijnen?

[Michali]

code:

<span onClick="document.getElementById('link1').style.display='display';document.getElementById('link2').style.display='none';">link</span>

Je kunt overigens zoveel statements achter elkaar zetten als dat je nodig hebt. Je zou er ook een functie van kunnen maken:

code:

<script type="text/javascript">
function display_link(l1, l2)
{
  document.getElementById(l1).style.display='display';
  document.getElementById(l2).style.display='none';
}
</script>
<span onClick="display_link('link1','link2');">link</span>

Of iets in die geest. Ik hoop dat ik je zo een beetje op de goede weg help.

[Verwijderd]

euhhh.... nee het helpt niet echt...

[Michali]

Begrijp je de code niet of weet je niet hoe je het op je eigen code moet toepassen?

[Verwijderd]

het is te erg voor woorden maar het laatste dus...

[Verwijderd]

LOL het is al gelukt... kwestie van " eromheen plaatsen

alleen ik zou nou eigenlijk wel een functie willen schrijven die alle links/paragrafen weer inklappen... behalve degene waarop is geklikt

er moeten nmlk gewoon links/paragrafen toegevoegd kunnen worden

[ Voor 128% gewijzigd door Verwijderd op 31-03-2004 10:19 ]