[javascript] met innerHTMl een DIV tag aanpassen

Pagina: 1
Acties:
  • 196 views sinds 30-01-2008
  • Reageer

  • Vampier
  • Registratie: Februari 2001
  • Laatst online: 20-04-2015

Vampier

poke-1,170

Topicstarter
Ik heb de volgende code
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<html>
<HEAD>

<SCRIPT LANGUAGE="JavaScript">
<!-- 
function iets(){

intUitkomst=(document.test.uurloon.value) * (document.test.aantal.value)

// verander div ID

alert ('Het aantal uren is ' + intUitkomst)



}
-->
</SCRIPT>

    <body>
    <form name="test">
        Geef uurloon:     <input type="text" name="uurloon" /><br />
        Geef aantal uren: <input type="text" name="aantal" /><br />
        <input type="button" value="Bereken!" OnClick="iets()" /><br />
        <div id="waarschuwing">Geen waarschuwing</div>
    </form>

</P>

    
    </body>
</html>

Als ik op de button duw moet er een pop op scherm komen wat de 2 value's van de vakken vermedigvuldigd. Als de uitkomst boven de 40 uitkomt wil ik 'geen waarschuwing' naar 'waarschuwing' laten veranderen. Maar dir mag helaas niet in een textveld (anders was het lekker simpel geweest ;))

Kan iemand me vertellen hoe ik dat het beste kan doen?

Alvast bedankt :)

  • Bosmonster
  • Registratie: Juni 2001
  • Laatst online: 29-08 19:47

Bosmonster

*zucht*

DOM:

document.getElementById("divnaam").innerHTML = "bladiebla";

Legacy IE:

document.all["divnaam"].innerHTML = "bladiebla";

Legacy NS:

with(document.layers["divnaam"].document){write("bladiebla");close();}


Zoals je ziet zijn er 2 dingen altijd hetzelfde.. dus maak er makkelijk een functietje van:
code:
1
2
3
4
5
6
7
8
9
function setHTML(divnaam,html){
   if(document.getElementById){
     document.getElementById(divnaam).innerHTML = html;
   }else if(document.all){
     document.all[divnaam].innerHTML = html;
   }else{
     with(document.layers[divnaam].document){write(html);close();}
   }
}

  • Vampier
  • Registratie: Februari 2001
  • Laatst online: 20-04-2015

Vampier

poke-1,170

Topicstarter
Thanx Bosmonster :)

(ff S wegehaald voor Bosmonster :))

Bedankt voor de overige tips. Het moet op dit moment alleen in IE5.0 werken ;)

  • Bosmonster
  • Registratie: Juni 2001
  • Laatst online: 29-08 19:47

Bosmonster

*zucht*

Bosmonster.. niet Bossmonster... ;)

Verwijderd

Het lijkt wel een gathering of evil dudes hier... wat een portraits! :)

  • Bosmonster
  • Registratie: Juni 2001
  • Laatst online: 29-08 19:47

Bosmonster

*zucht*

Trouwens... als je div relatief gepositioneerd is kan NS4 hier nog wel eens moeilijk over doen..

mogelijk ben je dan verplicht deze absoluut te positioneren met style="position:absolute"..
Pagina: 1