Javascript variabele in html - Softwareontwikkeling

donderdag 5 juni 2003 15:13

Acties:

Vrolijkheid alom!

Topicstarter

Dit is echt gewoon _te_ simpel, maar ik weet het echt niet meer...
Ik wil een absolute div links onder in m'n browserscherm krijgen. Het stukje script wat de hoogte van het scherm ophaalt werkt zowel in IE als in Netscape. Als ik deze alert krijg ik netjes de hoogte terug.

Het probleem ontstaat op het moment dat ik deze variabele wil invoegen in het stukje html waar de startpositie van de div bepaald moet worden.

HTML:

<div style="position: absolute;
    top: 130px;
    left: 0px;
    width: 150px;
    background-color: yellow;">
Vast blokje
</div>

De functie heet getHeight() en returned variabele myHeight, wat de hoogte van het scherm is. Als ik simpelweg getHeight neerzet, werkt het (natuurlijk) niet. Als ik er <script></script> omheen zet ook niet. Als ik het aanmaken van de <div> binnen een document.write zet en deze escape met "+getHeight()+" werkt het ook niet.

Het is een zwaar simpel probleem en ik begin gewoon zwaar kwaad te worden dat het niet werkt. Ik ben gewoon dom

Alle tutorials die ik kon vinden doorgelezen, allerlei topics gelezen, maar niets gevonden. De topics gaan allemaal over _echte_ problemen, niet over zoiets simpels

Een vergissing is menselijk, maar om er echt een puinhoop van te maken heb je een computer nodig.

donderdag 5 juni 2003 15:15

Acties:

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

document.write gewoon het hele blokje...

Zo effe uit mijn hoofd:

HTML:

<html>
  <head>
     <script language="javascript">
       function printBlokje() {
         document.write('<div style="position:absolute;top:' + myHeight + 'px;
              left: 0px;width:50px;background-color: yellow;">
              Vast blokje</div>');
       }
     </script>
  </head>
  <body>
   ...
   ...
   bla bla
   <script>printBlokje</script>
   bla bla
   ...
   ...
</html>

Kaastosti schreef op 05 June 2003 @ 15:16:
[...]

Wel de hele post lezen voordat je replied he

En toch moet dit werken....

[ Voor 173% gewijzigd door RobIII op 05-06-2003 15:21 ]

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Je eigen tweaker.me redirect

Over mij

donderdag 5 juni 2003 15:16

Acties:

Kaastosti

Vrolijkheid alom!

Topicstarter

Als ik het aanmaken van de <div> binnen een document.write zet en deze escape met "+getHeight()+" werkt het ook niet.

Wel de hele post lezen voordat je replied he

Een vergissing is menselijk, maar om er echt een puinhoop van te maken heb je een computer nodig.

donderdag 5 juni 2003 15:17

Acties:

Verwijderd

div in je pagina neerzetten met een document.write (ja ranzig i know), of document.getElementById("naamvandiv").style.top = positie.

[ Voor 8% gewijzigd door Verwijderd op 05-06-2003 15:18 . Reden: klein foutje... ]

donderdag 5 juni 2003 15:17

Acties:

BtM909

Watch out Guys...

Je kan de height toch zetten met JavaScript?

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.

donderdag 5 juni 2003 15:21

Acties:

eghie

Spoken words!

ik moet eens leren lezen

[ Voor 92% gewijzigd door eghie op 05-06-2003 15:22 ]

donderdag 5 juni 2003 15:23

Acties:

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

eghie schreef op 05 juni 2003 @ 15:21:
ik moet eens leren lezen

edit:

En ik moet niet zo snel reageren

[ Voor 25% gewijzigd door RobIII op 05-06-2003 15:23 ]

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Je eigen tweaker.me redirect

Over mij

donderdag 5 juni 2003 15:25

Acties:

Verwijderd

Verwijderd schreef op 05 juni 2003 @ 15:17:
document.getElementById("naamvandiv").style.top = positie.

zou idd moeten werken, als je de div een id geeft

donderdag 5 juni 2003 15:31

Acties:

Kaastosti

Vrolijkheid alom!

Topicstarter

Nou pfff het is gelukt hoor... op een of andere manier had ik 'm fout in de document.write gezet. Ik zie nog niet waar precies, maar hij doet het iig

thx! ...en hij was nogal simpel he

Een vergissing is menselijk, maar om er echt een puinhoop van te maken heb je een computer nodig.