Heel simpel javascript probleem - Softwareontwikkeling

vrijdag 12 mei 2006 11:37

Acties:

Verwijderd

Topicstarter

Hoi,

Ik heb een probleem, waarhscijnlijk iets heel simpels maar ik kom er gewoon niet uit!!!!
Ik wil met javascript de height van een div aanpassen..

dit is de code:

code:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script language="javascript">


document.getElementById('contentDiv').style.height = '50px';

</script>
</head>

<body>
    <div id="contentDiv" name="contentDiv" style="border:solid 1px #ff0000;width:50px;height:30px;margin-top:2px;overflow:auto;">
    content
    </div>
</body>
</html>

wie ziet wat ik niet zie?
Foutmelding van IE:
Fout: Object vereist

vrijdag 12 mei 2006 11:39

Acties:

Gonadan

Admin Beeld & Geluid, Harde Waren

Volgens mij geeft document.getByID() een array terug.
Dus je moet via een loop steeds een object uit het array vragen en daar de stijl op toepassen

Het was nog simpeler

[ Voor 12% gewijzigd door Gonadan op 12-05-2006 11:41 ]

Look for the signal in your life, not the noise.

Canon R6 | RF 24-70 f/2.8 L | 50 f/1.8 STM | 430EX II
Sigma 85 f/1.4 Art | 100-400 Contemporary
Zeiss Distagon 21 f/2.8

vrijdag 12 mei 2006 11:40

Acties:

OnTracK

Op deze manier word javascript uitgevoerd zodra het binnen is (van boven naar beneden), dus je div bestaat nog niet op het moment dat je javascript uitgevoerd is. Oplossingen:

• Zet je javascript ónder je div (niet erg netjes)
• Zorg dat je javascript pas later word uitgevoerd, bijvoorbeeld door het via een onload aan te roepen

Not everybody wins, and certainly not everybody wins all the time.
But once you get into your boat, push off and tie into your shoes.
Then you have indeed won far more than those who have never tried.

vrijdag 12 mei 2006 11:40

Acties:

BtM909

Watch out Guys...

Je kan natuurlijk pas nadat het element gerendered is, de height aanpassen

Zet het geheel in een functie en trigger je functie na je body onload met

JavaScript:

function bla(){
   document.getElementById('contentDiv').style.height = '50px';
}

window.onload = bla;

Gonadan schreef op vrijdag 12 mei 2006 @ 11:39:
Volgens mij geeft document.getByID() een array terug.
Dus je moet via een loop steeds een object uit het array vragen en daar de stijl op toepassen

Nee dat is de getElementsByTagName

[ Voor 36% gewijzigd door BtM909 op 12-05-2006 11:41 ]

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.

vrijdag 12 mei 2006 11:41

Acties:

Janoz

Moderator Devschuur®

!litemod

ByName geeft een array terug. Id's zouden uniek op een pagina moeten zijn.

Je script werkt niet omdat op het moment dat de code uitgevoerd wordt die div nog helemaal niet bestaat. Zou je de code onderaan zetten dan gaat het wel werken.

Ken Thompson's famous line from V6 UNIX is equaly applicable to this post:
'You are not expected to understand this'

vrijdag 12 mei 2006 11:41

Acties:

Gonadan

Admin Beeld & Geluid, Harde Waren

BtM909 schreef op vrijdag 12 mei 2006 @ 11:40:
Nee dat is de getElementsByTagName

Ja, ik zag het net.
Had zelf ook een soortgelijk script, maar daar stond inderdaad nog die tagname meuk achter.

Look for the signal in your life, not the noise.

Canon R6 | RF 24-70 f/2.8 L | 50 f/1.8 STM | 430EX II
Sigma 85 f/1.4 Art | 100-400 Contemporary
Zeiss Distagon 21 f/2.8

vrijdag 12 mei 2006 11:43

Acties:

Verwijderd

Topicstarter

sjongejonge wat stom...

Bedankt!