Avatar billede stratokaster Novice
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>
Avatar billede olebole Juniormester
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>
Avatar billede olebole Juniormester
05. februar 2006 - 17:53 #2
- og så hedder skriften 'arial' ... ikke 'ariel'  ;o)
Avatar billede stratokaster Novice
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?
Avatar billede olebole Juniormester
05. februar 2006 - 18:25 #4
Det forstod jeg vist ikke lige  :)
Avatar billede stratokaster Novice
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å?
Avatar billede olebole Juniormester
05. februar 2006 - 19:38 #6
Du gør det samme - men det kræver, at brugeren downloader og installerer fonten
Avatar billede olebole Juniormester
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
Avatar billede stratokaster Novice
05. februar 2006 - 19:49 #8
okay tak for hjælpen, tid til point!
Avatar billede olebole Juniormester
05. februar 2006 - 19:52 #9
Gerne, tak  :)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester