[js] style: font-size aanpassen met js - Softwareontwikkeling

dinsdag 5 februari 2002 18:52

Acties:

one life, live it!

Topicstarter

hoe kan je de font-size aanpassen van bijvoorbeeld een text-input?
heb het al geprobeerd met document.formpje.textinput.style.font-size, maar dat werkt niet

2 swim or not 2 swim, that's the question

dinsdag 5 februari 2002 19:12

Acties:

pp_

code:

1 2	<option style="font-size: 9px; font-family: verdana;"> </option>

dinsdag 5 februari 2002 19:32

Acties:

aqua_man

one life, live it!

Topicstarter

Op dinsdag 05 februari 2002 19:12 schreef Peter-Paul het volgende:
code:
1
2
<option style="font-size: 9px; font-family: verdana;">
</option>

uuh, wat moet ik hier precies mee, als ik per option een andere font-size in voer, veranderd ie ook niet

maar kan je niet in js die het verandert?
bijvoorbeeld:

code:

<script language=javascript>
<!--
function Text() {
document.jeformpje.jetextinput.style.font-size = document.jeformpje.jetextinput.style.font-size + 2;
}
// -->
</script>

2 swim or not 2 swim, that's the question

dinsdag 5 februari 2002 19:34

Acties:

Verwijderd

CSS -> JS

font-size -> fontSize
background-color -> backgroundColor

liggende streepjes in javascript worden opgevat als een 'min' en moeten weg, en de eerstvolgende letter vervang je door een hoofdletter

dinsdag 5 februari 2002 19:36

Acties:

Dennis

En de beste manier om dit te doen is door meerdere classes te maken en dan de class te laten wijzigen via het nieuwe DOM model.

dinsdag 5 februari 2002 19:44

Acties:

aqua_man

one life, live it!

Topicstarter

Op dinsdag 05 februari 2002 19:34 schreef Cheatah het volgende:
CSS -> JS

font-size -> fontSize
background-color -> backgroundColor

liggende streepjes in javascript worden opgevat als een 'min' en moeten weg, en de eerstvolgende letter vervang je door een hoofdletter

TNX!
maar hoe haal je nou dat pt (van 9pt) weg?
ik d8 zelf:
document.form.text.style.PointFontSize
maar dat werkt niet

2 swim or not 2 swim, that's the question

dinsdag 5 februari 2002 19:55

Acties:

Verwijderd

Op dinsdag 05 februari 2002 19:44 schreef aqua_man het volgende:

TNX!
maar hoe haal je nou dat pt (van 9pt) weg?
ik d8 zelf:
document.form.text.style.PointFontSize
maar dat werkt niet

pt mag je gewoon weglaten, je kunt gewoon een waarde doorgeven als integer.

document.formpje.textinput.style.fontSize = 9;

Dat zou moeten werken.

dinsdag 5 februari 2002 20:10

Acties:

aqua_man

one life, live it!

Topicstarter

code:

<HTML>
<HEAD>
<SCRIPT language="JavaScript">
<!-- Begin
function Text() {
var newSize = document.form.text.style.fontSize + 1;
document.form.text.style.fontSize = newSize;
Timer();
}
function Timer() {
timer = setTimeout("Text()", 3000);
}
// End -->
</SCRIPT>
<TITLE>Test!</TITLE>
</HEAD>
<BODY bgcolor="#FFFFFF" onLoad="Timer();">

<center>
 <table border=0 cellpadding=0 cellspacing=0>
  <tr>
   <td>
    <form name="form" style="border: 2px; background-color: #FFFFFF; font-family: Verdana; font-size: 9pt;">
     <input name="text" type=text value="Test!">
    </form>
   </td>
  </tr>
 </table>
</center>

</BODY>
</HTML>

dit scriptje geeft een fout op regel 7: ongeldig argument
wta doe ik fout?

2 swim or not 2 swim, that's the question

dinsdag 5 februari 2002 20:23

Acties:

Clay

cookie erbij?

document.form.text.style.fontSize

geeft in eerste instantie de fontSize niet terug. bij de eerste keer wordt het dan 1, en bij de 2e keer krijg je de fontsize terug als 1px. newSize wordt dat 1px1, en dat is geen geldige waarde voor fontSize, dus dan gaat het fout. Moet je ff een check voor maken, en die fontSize parseInten om van dat px af te komen oid.

Instagram | Flickr | "Let my music become battle cries" - Frédéric Chopin

woensdag 6 februari 2002 03:21

Acties:

RRX

@life-

[topic=402610/1]

mijn T.net systeemspecspagina