Avatar billede exp Juniormester
30. marts 2004 - 21:00 Der er 10 kommentarer og
2 løsninger

en tekst skal forsvinde, og en anden skal vises.

Hejsa alle.

Har følgende hjemmebryggede script (der absolut ikke virker!):

----------------------------------------------------------------

<table border="1">
<tr>
<td colspan="6">
<span class="maaned">Juli</span>
</td>
</tr>
<tr>
<td style="width:293px;">
<span class="overskrift">Lorem Ipsum</span>
</td>
<td>
<span class="laes" style="text-align:right;">
<a href="java script:document.getElementById('tekst21').style.display = (document.getElementById('tekst21').style.display != 'none') ? 'none' : ''; return false;" onClick="document.getElementById('span21').style.display = (document.getElementById('span21').style.display != 'none') ? 'none' : ''; return false;">Læs mere</a>
</span>
</td>
</tr>
<tr id="text21">
<td colspan="2" style="vertical-align:top;width:539px;">
<span id="tekst21" style="display:block;">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras et massa ac ipsum tincidunt ullamcorp...
</span>
<span id="span21" style="display:none;">
<span style="float:right">
<img src="billede" style="width:246px;height:170px;border:1px solid black;" />
</span>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras et massa ac ipsum tincidunt ullamcorper. Morbi ligula. Curabitur elit. Quisque bibendum hendrerit neque. Vivamus in felis consectetuer ipsum tincidunt viverra. Vivamus ipsum felis, consectetuer suscipit, blandit non, lobortis non, sem. Maecenas eleifend diam. Fusce ut mi. Nunc tempus nulla nec mi. Aliquam blandit lacus ac wisi. Sed mollis ultricies urna.
</span>
</td>
</tr>

----------------------------------------------------------------

Det jeg vil have, er, at den tekst der vises når siden loades ("Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras et massa ac ipsum tincidunt ullamcorp..."), forsvinder når der klikkes på "Læs mere", og samtidig skal den tekst der kommer frem blive stående.

er der nogen spørgsmål er i velkomne til at spørge - er dog ikke ved computeren de næste par timer :-)
Avatar billede thesurfer Nybegynder
30. marts 2004 - 21:11 #1
Det her ser ud til at virke:

<a href="#" onClick="document.getElementById('tekst21').style.display = (document.getElementById('tekst21').style.display == 'block') ? 'none' : 'block'; document.getElementById('span21').style.display = (document.getElementById('span21').style.display != 'none') ? 'none' : ''; return false;">Læs mere</a>
Avatar billede skovenborg Nybegynder
30. marts 2004 - 21:11 #2
skriv i stedet:
<a href="#" onClick="document.getElementById('span21').style.display = (document.getElementById('span21').style.display != 'none') ? 'none' : '';document.getElementById('tekst21').style.display = (document.getElementById('tekst21').style.display != 'none') ? 'none' : ''; return false;">Læs mere</a>

Problemmet er at onclick-eventen bliver eksekveret først. Her skriver du dog return false, hvilket gør at den ikke går ind på selve linket. Det betyder så imidlertidig at det der står i href="" ikke bliver tolket, hvormed du ikke kan skjule dit span-element.
Avatar billede skovenborg Nybegynder
30. marts 2004 - 21:12 #3
lol - på samme tid ;-)
Avatar billede thesurfer Nybegynder
30. marts 2004 - 21:12 #4
Nice timing :-)
Avatar billede exp Juniormester
30. marts 2004 - 21:14 #5
Jeg vil gerne uddele noget andet istedet for point - tager i imod et kæmpe kys i panden?
Avatar billede thesurfer Nybegynder
30. marts 2004 - 21:15 #6
Hvis du nu havde været en tøs... ;-)
- Jeg tror at jeg nøjes med at lægge et svar :-)
Avatar billede thesurfer Nybegynder
30. marts 2004 - 21:17 #7
Begge koder virker i IE 6, FireFox 0.8 og Opera 7.23

Jeg tror at skovenborg sidder og overvejer det der kys... hæhæhæ :-)
Avatar billede skovenborg Nybegynder
30. marts 2004 - 21:18 #8
Tjooh, hvorfor ikke... men tror alligevel jeg holder mig til point. Det ved man da hvad er ;-)

Jeg svarer lige også - så må du bedømme hvem der var først ;-)
Avatar billede exp Juniormester
30. marts 2004 - 21:23 #9
50/50 - nogen indvendinger skal de ligge inden de næste 20 sekunder ;-)
Avatar billede thesurfer Nybegynder
30. marts 2004 - 21:26 #10
Helt iorden pointsfordeling :-)

Takker for points. :-)
Avatar billede skovenborg Nybegynder
30. marts 2004 - 21:28 #11
takker også for point - det med kysset venter vi lige med ;-)
Avatar billede exp Juniormester
30. marts 2004 - 21:29 #12
hmm... det er så i orden :-D
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester