Dynamisk ændring af celle bredde, ud fra <div>'s overflow

<ole>


/mvh
</bole>

Hmm, det forstår jeg ikke meget af. Jeg får i hvert fald intet output fra javascript.

Det skal så siges, at min div indeholder en fuld tabel. Skal den nye div placeres specielt i forhold til denne tabel?

Det gule div er bare for at skabe noget højt indhold. Fremgangsmåden virker i alle gængse browsere uanset indholdet.

Jo jo, men burde jeg ikke få et oputpu fra javascript, når jeg nu har noget der løber ud over den første divs størrelse?

Så laver du fejl, du ikke fortæller om

Prøv denne kode:

Tja, laver da sikkert en fejl, elers burde det vel virke :-)

Tager jeg din testkode, får jeg popupen, men ikke på min egenside.

For at komplicere det endnu, men så er siden bygget sådan op, at der er en index side, som bl.a. inkludere denne side, jeg har problemer med. Begge indeholder javascript.

Kan det have noget med det at gøre? Jeg prøvede godt nok at flytte scriptet op i hovedsiden, men det hjælp heller ikke.

Har du slået fejlmeldinger fra? I så fald kan du ikke udvikle  =)

Fra det andet spørgsmål ved jeg, du bruger IE, så gør følgende: Klik på tandhjulet øverst til højre i din browser. Vælg Internetindstillinger -> Avanceret og scrolle ned til lige efter de tre første radio buttons. Her finder du en gruppe med tre check boxes. Sæt flueben i Vis en meddelelse om hver scriptfejl

Husk, at en browser læser koden, ligesom du selv gør ... oppefra og ned. Det betyder, at elementer skal være renderet i browseren, før de kan kaldes af JS.

Derfor står scriptet i mit eksempel under det element, der skal kaldes. En anden udvej er at kalde på onload

Aha, den var jeg ikke klar over skulle slås til i IE9. Nu får jeg en fejl om at scrollheight ikke er defineret eller er null

Førnævnte fejl, kommer når scriptet ligger på indexside (hovedsiden), hvis jeg flytter det til selve undersiden, så sker der intet.

Doh, det var en fejl 40, fik sat kode ind et forkert sted på undersiden. Efter det blev rettet får jeg en alert når den løber ud over størrelsen

scrollheight staves med stort H

Jamen, så virker det jo  =)

Ja, nu skal jeg bare finde ud af, hvordan jeg får defineret cellen korrekt.

Prøvede dette tildels for at fordele "overskudet", men det er vidst ikke rigtigt.

    if (elm.scrollHeight>elm.clientHeight) {
        //alert("Scrollbar")
        var celle = document.getElementById("mappe");
        celle.width = "30px";
        var celle = document.getElementById("intern");
        celle.width = "50px";
    } else {
        var celle = document.getElementById("mappe");
        celle.width = "50px";
        var celle = document.getElementById("intern");
        celle.width = "30px";   
    }

Hmm, hvordan får jeg det til at gøre det for alle rækker i tabellen?

Lige nu ændrer den kun den øverste, og det ser forkert ud. Men reelt kan jeg ikke sige, om det er rigtigt eller forkert, fordi den ikke ændre alle de andre celler.

Det kan ikke passe. Ændrer du én celle i en kollonne, ændres alle celler i kollonnen tilsvarende

Det ville jeg jo også mere, men du kan ser her hvordan den gør: http://i43.tinypic.com/2wmm3hs.png.
Øverste til højre

Men det er den samme side, som jeg rodder med DOCTYPE på, så måske det kan skyldes det?

Men nu vil jeg hjem ad, ser om jeg ikke kan få tid til at kigger på det hen over weekenden.

Jeg har lige prøvet at validere din kode, og det viser sig, den er proppet med fejl - hvoraf nogle er ret alvorlige. Ret dem først, før vi kan gå videre

Derudover er det denne celle, du skal ændre:


- og det er vist ikke den, du har ændret på billedet, vel?

#21 Hvad har du valideret med, for kunne da godt tænke mig at se fejlen og få dem rettet.

#22 Jo den skulle være rigtig nok, det er den allersidste celle, men det kun jo være at det fejler pga. de førnævnte fejl

Jeg kopierede din kode ind i W3C's validator.

Når jeg ændrede de 50px i den celle, udvidede resten af kollonnen sig. Jeg ved ikke, hvad det er, der sker

Okay, den kender jeg godt, men kan man helt stole på den?

Jeg mener den burde jo være ok når det er W3C's, men når den kan komme med følgende fejl, så undrer jeg mig lidt.

Line 372, Column 42: there is no attribute "HEIGHT"...v id="left"><table width="160" height="550" border="0" cellspacing="0" cellpad...

Jeg har ændret doctype til
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/1998/REC-html40-19980424/loose.dtd">

Ja, det er netop et tegn på dens pålidelighed  =)

Der har aldrig eksisteret en height attribut på et TABLE tag i nogen version af HTML-standarden - så det er lige efter bogen.

Med indførelsen af CSS i slutningen af 90'erne fik vi en valid løsning på det problem, men det har aldrig været 'lovligt' at sætte en height attribut

Kom du videre med dette problem?

Naaaj, egentlig ikke, kunne ikke få det til at virke. Nu har jeg lavet en høker løsning, hvor jeg tager højde for scrollbarens bredde, og så gør den sidste kolonne fast det stykker mindre. Der er alligevel ikke rammer på tabellen, så med lidt tilpasning, ser brugerne det aldrig.

Men smid et svar, selvom jeg ikke fik det løst direkte, så har du fremkommet med en god løsning, og det skal du selvfølgelig også have noget for.

Ellers tak, jeg samler ikke point. Jeg var bare nysgerrig  =)

Læg selv et svar og accepter det, så tråden lukkes

okay