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 fra Thales
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