05. februar 2006 - 17:33
Der er
8 kommentarer og 1 løsning
Vælg font type og size i selectboks?
Hej, Er der nogen der ved hvordan man vælger fonttype og size i en selectboks sådan at den overfører det valgte i firkanten? <script type="text/JavaScript"> function setText() { document.getElementById("coloredTD").innerHTML = document.getElementById("tekstBoks").value; } function setColor(sCol) { document.getElementById("coloredTD").style.background = sCol; } </script> <input type="text" id="tekstBoks"> <button onclick="setText()">TEST</button> <br><br> <select style="background:#188D1B" onchange="setColor(this.value)"> <option style="background-color:#188D1B;" value="#188D1B">green</option> <option style="background-color:#BB2C10;" value="#BB2C10">Red</option> <option style="background-color:#E9F840;" value="#E9F840">yellow</option> <option style="background-color:#223FBC;" value="#223FBC">blue</option> </select> <br><br> <select> <option>1</option> <option>2</option> <option>3</option> <option>4</option> </select> <br><br> <select> <option>verdana</option> <option>ariel</option> <option>times</option> <option>geneva</option> </select> <br><br> <table> <tr> <td id="coloredTD" height="50" width="50" style="background:#b11687"></td> </tr> </table>
Annonceindlæg tema
Cloud & AI
I dette særtema ser vi på, hvordan cloud og AI bliver fundamentet for virksomhedernes digitale forretning, og hvordan de nye muligheder for automatisering og forretningsværdi kan udnyttes uden at miste overblik, sikkerhed og menneskelig kontrol.
05. februar 2006 - 17:52
#1
<ole> <script type="text/JavaScript"> function setText() { document.getElementById("coloredTD").innerHTML = document.getElementById("tekstBoks").value; } function setColor(oSel) { document.getElementById("coloredTD").style.background = oSel.value; oSel.style.background = oSel.value; window.focus(); } function setSize(oSel) { document.getElementById("coloredTD").style.fontSize = oSel.value; window.focus(); } function setFamily(oSel) { document.getElementById("coloredTD").style.fontFamily = oSel.value; window.focus(); } </script> <input type="text" id="tekstBoks"> <button onclick="setText()">TEST</button> <br><br> <select style="background:#188D1B" onchange="setColor(this)"> <option style="background-color:#188D1B;" value="#188D1B">green</option> <option style="background-color:#BB2C10;" value="#BB2C10">Red</option> <option style="background-color:#E9F840;" value="#E9F840">yellow</option> <option style="background-color:#223FBC;" value="#223FBC">blue</option> </select> <br><br> <select onchange="setSize(this)"> <option value="8px">8px</option> <option value="10px">10px</option> <option value="12px">12px</option> <option value="14px">14px</option> </select> <br><br> <select onchange="setFamily(this)"> <option value="verdana">verdana</option> <option value="ariel">ariel</option> <option value="times">times</option> <option value="geneva">geneva</option> </select> <br><br> <table> <tr> <td id="coloredTD" height="50" width="50" style="background:#b11687"></td> </tr> </table> /mvh </bole>
05. februar 2006 - 17:53
#2
- og så hedder skriften 'arial' ... ikke 'ariel' ;o)
05. februar 2006 - 18:19
#3
Tak endnu en gang for et hurtigt svar, hvad gør man hvis fonten ikke er med i fontfamily, så kan den ikke kommed med eller hvad, smid et svar?
05. februar 2006 - 18:25
#4
Det forstod jeg vist ikke lige :)
05. februar 2006 - 19:07
#5
Hvis jeg gerne vil bruge andre skrifttyper end de websikre fonts der er med i fontfamily, hvad gør jeg så?
05. februar 2006 - 19:38
#6
Du gør det samme - men det kræver, at brugeren downloader og installerer fonten
05. februar 2006 - 19:42
#7
Jeg har f.eks. skriften Silkscreen installeret - og her virker: <select onchange="setFamily(this)"> <option value="verdana">verdana</option> <option value="arial">arial</option> <option value="times">times</option> <option value="geneva">geneva</option> <option value="silkscreen">silkscreen</option> </select> - men den vil ikke virke hos dig, hvis du ikke har den installeret på dit sytem
05. februar 2006 - 19:49
#8
okay tak for hjælpen, tid til point!
05. februar 2006 - 19:52
#9
Gerne, tak :)
Vi tilbyder markedets bedste kurser inden for webudvikling