Expand/Udvid funktion
Hej Experter!Jeg er igang med en shoutbox på min side.
Den shoutbox vil jeg lave så den viser de første 200 tegn, og når man klikker på "udvid" så viser den hele teksten.
Jeg har prøvet at løse det ved at vise de første 200 tegn og derefter sætte resten i en <span> som skifter display: når man klikker på udvid. Dette virkede ikke helt da det buggede når de første 200 tegn stoppede midt i et <img> tag f.eks.
Jeg har så prøvet at ændre det så den første <span> viser de første 200 tegn og har display: block - og så den anden <span> viser hele teksten og har display: none
Når man så klikker udvid skal de 200 tegn skjules og hele teksten vises.
Her er hvad jeg har af kode nu:
<div style=\"margin:7px;\"><b>$skribent <span style=\"cursor: pointer;\" onclick=\"document.getElementById('beskedshort$id').style.display=(document.getElementById('beskedshort$id').style.display == 'none') ? 'block' : 'none';document.getElementById('beskedfull$id').style.display=(document.getElementById('beskedfull$id').style.display == 'block') ? 'none' : 'block';\">(udvid)</span>".$delete."</b><br /><span id=\"beskedshort$id\" style=\"display: block;\">".substr($besked,0,200)."</span><span id=\"beskedfull$id\" style=\"display: none;\">".$besked."</span></div>
Det virker også helt fint i Mozilla Firefox, men ikke i internet explorer.
min side ligger på http://www.qbone.biz og i kan se at det virker med de 20 øverste posts, men på den af Mathias bugger den :(
Kan nogle af jer evt. fortælle mig hvorfor? og evt. skrive hvordan den skal fixes?
Mvh. Mads Henriksen
