[css+JS] waarde voor css doorgeven werkt niet

Pagina: 1
Acties:

  • hobbeldebobbel
  • Registratie: Februari 2001
  • Laatst online: 15-02-2023
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
<script>
hoogte = screen.availHeight-100
document.getElementByID('c_content').style.height = hoogte;


</script>
<div id=c_hoofdkop>
Admin
</div>
    
        <div id=c_content >
        <iframe style="width:80%;height:100%;" src="http://www.nu.nl"></iframe>
        </div>


op de een of andere manier geeft hij nu de foutmelding: Object doesn;t support this proerty or method...
wat ik wil bereiken is het volgende: hij moet de hoogte van de div: c_content veranderen in een bepaalde waarde bepaald door hoogte = screen.availHeight-100

wat is er fout hieraan? ut zal vast iets heel erg eenvoudigs zijn, echter ik zie zo snel even niet wat :>

hier zou een slimme opmerking kunnen staan
maar die staat er niet


  • Blaise
  • Registratie: Juni 2001
  • Niet online
Er moet in ieder geval nog "px" achter de var hoogte en je bent een ; vergeten na regel 2

Verwijderd

De div met id="c_content" bestaat nog niet als de javascript wordt uitgevoerd.

  • djluc
  • Registratie: Oktober 2002
  • Laatst online: 20:58
Verwijderd schreef op 04 maart 2004 @ 16:05:
De div met id="c_content" bestaat nog niet als de javascript wordt uitgevoerd.
In een functie zetten en met onLoad aanroepen dus...

Verwijderd

djluc schreef op 04 maart 2004 @ 16:39:
[...]

In een functie zetten en met onLoad aanroepen dus...
Tja, of je plaatst het script na het div element. Maar laat de topicstarter dat zelf bedenken.

  • hobbeldebobbel
  • Registratie: Februari 2001
  • Laatst online: 15-02-2023
hmmmm ok als ik hem erna plaats dan doet ie het nog niet hoor:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
        <div id=c_content>
        <iframe style="width:80%;height:100%;" src="http://www.nu.nl"></iframe>
        </div>
        
        
        
<script>

    hoogte = screen.availHeight-100;
    document.getElementByID('c_content').style.height = hoogte+"px";


</script>

[ Voor 20% gewijzigd door hobbeldebobbel op 04-03-2004 16:59 ]

hier zou een slimme opmerking kunnen staan
maar die staat er niet


Verwijderd

getElementById, javascript is case sensitive.

Tip: zorg even dat je browser zo is ingesteld dat javascript errors als popup verschijnen. Let op dat gele driehoekje in Internet Explorer.

  • hobbeldebobbel
  • Registratie: Februari 2001
  • Laatst online: 15-02-2023
damn een d ipv een D :>

hier zou een slimme opmerking kunnen staan
maar die staat er niet

Pagina: 1