Avatar billede jessbonde Nybegynder
18. maj 2006 - 16:16 Der er 8 kommentarer og
1 løsning

tabeller flytter sig på mac

Jeg har en tabel hvor en <tr> skal foldes ud ved klik.
Det ser sådan ud:

<table border="0" class="clsForm" width="410">
        <tr>
            <td height="20">
            <table border="0" cellpadding="0" cellspacing="0" width="100%">
            <tr>
                <td width="27"><img src="../img/flag_EN.gif" alt="" width="23" height="17" border="0"></td>
                <tdEnglish</td>
                <td id="minTd_1" onclick="CloseOpen(this, 'minTr_1')" style="cursor:pointer;" align="right" class="clsInfo">Open</td>
            </tr>
            </table>
            </td>
        </tr>
        <tr id="minTr_1" style="display:none;">
            <td style="font-size:10px;">
            Headline:<br>
            <input type="text" name="frmHeadEN" class="clsInput" style="width:388px;" value="">&nbsp;*<br>
            Teaser:<br>
            <textarea cols="" rows="" name="frmTeaserEN" class="clsText" style="height:70px;"></textarea>&nbsp;*<br>
            Text:<br>
            <textarea cols="" rows="" name="frmTextEN" class="clsText" style="height:120px;"></textarea>&nbsp;*<br>
            </td>
        </tr>
        </table>

Med script:
function CloseOpen(elm01, elm02){
        if(elm01.innerHTML=='Close'){
            elm01.innerHTML='Open';
            document.getElementById(elm02).style.display='none';
        }else{
            elm01.innerHTML='Close';
            document.getElementById(elm02).style.display='block';
        }
}
(kode lånt fra et andet sp)

Når jeg ser det på mac, hopper den øverste <tr> ned i bunden og når jeg lukker igen, er hele tabellen lidt højere end den var oprindeligt.
Er der nogen der kan hjælpe?
Avatar billede jessbonde Nybegynder
18. maj 2006 - 16:22 #1
Samt når jeg kikker det i firefox på PC, så skjuler den ikke <tr>'en men den bliver bare højere hver gang man klikker.
Avatar billede olebole Juniormester
18. maj 2006 - 19:27 #2
<ole>

Prøv med et link til et eksempel

/mvh
</bole>
Avatar billede jessbonde Nybegynder
18. maj 2006 - 20:25 #3
Yes, her:
http://www.1234rock.dk/test.htm

Det er mest træls i firefox på pc men også safari på mac opfører sig lidt træls
Avatar billede olebole Juniormester
18. maj 2006 - 20:36 #4
Ja, det kan jeg zq godt se. Noget kunne tyde på, vi er stødt ind i endnu en af FF's utallige, dumme fejl (dens DOM er desværre intet mindre end katastrofal dårlig!). Jeg har ikke Mac oppe at køre, som jeg kan teste på ... en anden må teste i Safari.

Jeg bliver lige nødt til at kikke lidt mere på eksemplet  :)
Avatar billede jessbonde Nybegynder
18. maj 2006 - 20:43 #5
Det skal præsenteres på mac, højst sandsynligt safari, så det er den der er vigtigst.
Al hjælp er yderst påskønnet
Avatar billede olebole Juniormester
18. maj 2006 - 21:00 #6
Fejlen er helt tydeligt en bug i FF - så du bliver nødt til at lave en anden løsning. Det kunne være noget à la:

<div class="clsForm" style="width:410px">
    <table border="0" cellpadding="0" cellspacing="0" width="100%">
    <tr>
        <td width="27"><img src="http://www.1234rock.dk/flag_IT.gif" alt="" width="23" height="17" border="0"></td>
        <td>Italian</td>
        <td id="minTd_5" onclick="CloseOpen(this, 'mitDiv_5')" style="cursor:pointer;" align="right" class="clsInfo">Open</td>
    </tr>
    </table>
    <div id="mitDiv_5" style="display:none">
        Headline:<br>
        <input type="text" name="frmHeadIT" class="clsInput" style="width:388px;" value="testtesttesttesttesttesttest">&nbsp;*<br>
        Teaser:<br>
        <textarea cols="" rows="" name="frmTeaserIT" class="clsText" style="height:70px;">testtesttesttesttesttesttest</textarea>&nbsp;*<br>
   
        Text:<br>
        <textarea cols="" rows="" name="frmTextIT" class="clsText" style="height:120px;">testtesttesttesttesttesttest</textarea>&nbsp;*<br>
    </div>
</div>

- og så må du lige justere dine styles  :)
Avatar billede jessbonde Nybegynder
18. maj 2006 - 23:48 #7
Tusind tak, det er for lækkert.
Du må gerne lave svar.
Avatar billede olebole Juniormester
19. maj 2006 - 01:30 #8
Selvtak  :)
Avatar billede olebole Juniormester
19. maj 2006 - 18:48 #9
- og tak for points  :)
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