lettertype in javascript

[Gust1977]

Hoe kan ik in onderstaand script het lettertype bepalen? (grootte en kleur). Ik heb het eerst geprobeerd met

document.write(str.fontcolor("Red"));
document.write(str.fontsize(7));

maar dan werkt het javascript niet meer.

Dit is het script:

<script type="text/javascript"> 
function setThis() { 

var aantal = 26; 
var wat = document.getElementById('watt').value; 
   if(wat != "kies"){ 
      for (i = 1; i <= aantal; i++){ 
         document.getElementById("wat_"+i).innerHTML = wat; 
      } 
   } 
} 
</script>

 

[Supersnail]

Bij mij werkt dit:

var str = "hoi";
document.write(str.fontcolor("Red"));
document.write(str.fontsize(7));

of als hij zowel rood als groter moet zijn:

var str = "hoi";
document.write(str.fontcolor("Red").fontsize(7));

 

[Gust1977]

Maar hoe moet je dat integreren in dat groter javascript? Want bij werkt het hele javascript dan niet meer...

 

[Supersnail]

Kan je laten zien hoe je het hebt proberen te integreren?

 

[Gust1977]

<script type="text/javascript"> 
function setThis() { 
 
document.write(str.fontcolor("Red"));
document.write(str.fontsize(7));

var aantal = 26; 
var wat = document.getElementById('watt').value; 
   if(wat != "kies"){ 
      for (i = 1; i <= aantal; i++){ 
         document.getElementById("wat_"+i).innerHTML = wat; 
      } 
   } 
} 
</script>

 

[Supersnail]

Er ontbreekt een

var str="de tekst die je wilt tonen";

 

[Gust1977]

Tis maar een gedeelte van het javascript, de uiteindelijke tekst wordt ergens anders getoond.

Maar hoe zou jij het lettertype bepalen in het hele script?

 

[Supersnail]

Je kan de uiteindelijke tekst in een variabele zetten en die met

document.write(variabelenaam.fontcolor("Red"));

tonen of gebruik maken van CSS:

document.write('<span style="color: red; font-size: 12px;">');
//toon hier de tekst
document.write('</span>');

Als je meerdere regels tekst wilt tonen kan je i.p.v. "span" beter "div" gebruiken.

 

[Gust1977]

De tekst die getoond moet worden staat heel ergens anders. Om het je even duidelijk te maken heb ik de bewuste code in een nieuwe pagina gezet.

Klik hier om de pagina te bekijken.

In de rechterkolom zie je wat ik bedoel. Het javascript staat in de head, het resultaat in de rechterkolom, die met een dropdownmenu wordt aangestuurd.

 

[Gust1977]

Ik heb de oplossing gevonden. 't is inderdaad gewoon css bij de output