Søg
Avatar billede baitianlong Nybegynder
01. december 2004 - 17:47 Der er 8 kommentarer og
2 løsninger

Min folde-ud/folde-ind funktion er ikke smuk i firefox

Jeg har en folde ind/ud funktion på nogle trays i en tabel. Det virker fint i IE, men i Firefox er der nogle problemer. Den folder fint nok ud første gang man klikker, men når den skal folde ind igen skjuler den bare indholdet. Den er stadig foldet ud, men tom...

function foldIndUd(id) {
    document.getElementById(id).style.display == 'block' ? document.getElementById(id).style.display = 'none' : document.getElementById(id).style.display = 'block';
}

Bruges f.eks her:

<td align="center" colspan="2" class="stor" valign="middle" onClick="foldIndUd('trFlash');" onMouseOver="this.style.backgroundColor='#E19460'; this.style.cursor='hand'; window.status='Click for at folde ud';" onMouseOut="this.style.backgroundColor='#DDDDDD'; window.status='';">Demonstrationer - Flash</td>
</tr>
<tr id="trFlash" style="display: none;">
<td colspan="2" class="tabel" valign="middle">
<fieldset>
<legend>Spil</legend>
<table width="600" align="center" cellpadding="3">

Et andet lille problem er at den tabel, er så er inde i dette td ikke er centreret, men venstrestillet. i IE er det fint centreret...
Avatar billede baitianlong Nybegynder
01. december 2004 - 18:19 #1
Det samme problem sker i netscape på nøjagtig samme måde...

Er der ingen, der har forslag?
Avatar billede skovenborg Nybegynder
01. december 2004 - 18:32 #2
I mozilla er der tilsyneladende en del forskelle på hvordan CSS tolkes i tabeller og andre elementer. Om det er meningen skal jeg ikke umiddelbart udtale mig om - men det hænder jo at det faktisk er mozilla, som har ret ;-)

Af den grund kan det, når man roder med tabeller, hjælpe en del gange at smide indholdet af cellen ind i en div, og ændre stylen på den:
<table>
<tr>
<td align="center" colspan="2" class="stor" valign="middle" onClick="foldIndUd('trFlash');" onMouseOver="this.style.backgroundColor='#E19460'; this.style.cursor='hand'; window.status='Click for at folde ud';" onMouseOut="this.style.backgroundColor='#DDDDDD'; window.status='';">Demonstrationer - Flash</td>
</tr>
<tr >
<td colspan="2" class="tabel" valign="middle">
<div id="trFlash" style="display: none;margin:0px;">
<fieldset>
<legend>Spil</legend>
Indhold af folde ind og ud menu-tingest
</div>
</td>
</tr>
<tr>
<td>Cellen nedenunder</td>
</tr>
</table>
Avatar billede roenving Novice
02. december 2004 - 12:48 #3
-- og lige en tilføjelse:

Det er i bedste fald noget vrøvl at sætte en cursor på en mouseover, da den i forvejen kun kan virke ved mouseover ...

Desuden er det jo uhensigtsmæssigt at bruge hand-cursoren, da kun IE kender den, så sæt cursor:pointer; i en style:


<td style="text-align:center;cursor:pointer;vertical-align:middle;" colspan="2" class="stor" onClick="foldIndUd('trFlash');" onMouseOver="this.style.backgroundColor='#E19460';window.status='Click for at folde ud';" onMouseOut="this.style.backgroundColor='#ddd'; window.status='';">Demonstrationer - Flash</td>
Avatar billede baitianlong Nybegynder
02. december 2004 - 15:45 #4
Det er med stor glæde, jeg kan fortælle at den nu virker i alle tre browsere :)

Tusind tak for hjælpen. Smider i lige et svar...
Avatar billede skovenborg Nybegynder
02. december 2004 - 17:20 #5
jojoda :-)
Avatar billede baitianlong Nybegynder
02. december 2004 - 17:24 #6
Vi venter lige på Rønving. Han skal have lidt af kagen for sit input... Håber du er enig
Avatar billede roenving Novice
02. december 2004 - 18:30 #7
Oki, men løsningen var vel skovenborgs, så han skal have broderparten '-)
Avatar billede baitianlong Nybegynder
02. december 2004 - 18:32 #8
Det var også min intention :)
Avatar billede roenving Novice
02. december 2004 - 18:47 #9
Tak for point ;~}
Avatar billede skovenborg Nybegynder
02. december 2004 - 19:11 #10
samme her da :-)
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 03/05/202613:59
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 14:53 TV4ever 3.0 Af valby i Diverse
I går 16:21 Installere Ubuntu på Virtuel Maskine Af Uvanga i Andet software
I går 09:38 Microsoft har igen ødelagt mit højreklik Af valby i Windows
30/0714:41 To mails fra YouSee - Jeg tror ikke altid på tilfældigheder Af mort1 i Andet sikkerhed
27/0714:34 Hjælp til at kunne skanne negativer på Plustek 8300i SE Af Mariann i Foto & video
White papers
Flere white papers »