Hallo zusammen,
Ich spiele mich gerade ein bisschen mit der Manipulation mittels Javascript. Ich versucche verschiedene Texte innerhalb eines DIVS von der Schriftgöße/Art zu ändern.
Mein bisheriges Script funktioniert schon, allerdings kann man das sicherlich optimieren, derzeit habe ich für jedes DIV eine eigene Funktion, das ginge doch aber sicher auch wenn ich dem Formular welches die Änderungen auslöst mitgebe für welches DIV die Änderung gilt, oder?
JS Part:
Alles anzeigen
Style Part
HTML Part
Alles anzeigen
Was ich gerne möchte ist das ich nur noch einen Select part habe wo ich fontsize/font auswähle, und dann eben eine zusätzlich dropdown darin für welches DIV der gelten soll, wer kann mir dabei helfen?
Danke und Gruß,
Matthias
Ich spiele mich gerade ein bisschen mit der Manipulation mittels Javascript. Ich versucche verschiedene Texte innerhalb eines DIVS von der Schriftgöße/Art zu ändern.
Mein bisheriges Script funktioniert schon, allerdings kann man das sicherlich optimieren, derzeit habe ich für jedes DIV eine eigene Funktion, das ginge doch aber sicher auch wenn ich dem Formular welches die Änderungen auslöst mitgebe für welches DIV die Änderung gilt, oder?
JS Part:
Quellcode
- function changeFont(str)
- {
- document.getElementsByName("demo")[0].style.fontFamily = str;
- }
- function changeSize(str)
- {
- document.getElementsByName("demo")[0].style.fontSize = str;
- }
- function changeFont1(str)
- {
- document.getElementsByName("demo1")[0].style.fontFamily = str;
- }
- function changeSize1(str)
- {
- document.getElementsByName("demo1")[0].style.fontSize = str;
- }
- function changeFont2(str)
- {
- document.getElementsByName("demo2")[0].style.fontFamily = str;
- }
- function changeSize2(str)
- {
- document.getElementsByName("demo2")[0].style.fontSize = str;
- }
Style Part
HTML Part
Quellcode
- TAG 1
- <div id="jetscram">
- Font <select name="fontchange" onchange="changeFont(this.value)">
- <option value=""Gill Sans MT", Gill Sans, Gill,Arial, Sans" selected="selected">Gill Sans MT</option>
- <option value="Arial, Sans">Arial</option>
- <option value="Verdana, Sans">Verdana</option>
- <option value="Helvetica,"Helvetica LT", Sans">Helvetica</option>
- <option value="Georgia, Sans">Georgia</option>
- </select>
- Font Size
- <select name="fontsize" onchange="changeSize(this.value)">
- <option value="12px">12</option>
- <option value="13px">13</option>
- <option value="14px">14</option>
- <option value="15px">15</option>
- <option value="16px" selected="selected">16</option>
- <option value="18px">18</option>
- </select>
- </div>
- TAG2
- <div id="jetscram">
- Font <select name="fontchange" onchange="changeFont1(this.value)">
- <option value=""Gill Sans MT", Gill Sans, Gill,Arial, Sans" selected="selected">Gill Sans MT</option>
- <option value="Arial, Sans">Arial</option>
- <option value="Verdana, Sans">Verdana</option>
- <option value="Helvetica,"Helvetica LT", Sans">Helvetica</option>
- <option value="Georgia, Sans">Georgia</option>
- </select>
- Font Size
- <select name="fontsize" onchange="changeSize1(this.value)">
- <option value="12px">12</option>
- <option value="13px">13</option>
- <option value="14px">14</option>
- <option value="15px">15</option>
- <option value="16px" selected="selected">16</option>
- <option value="18px">18</option>
- </select>
- </div>
- TAG 3
- <div id="jetscram">
- Font <select name="fontchange" onchange="changeFont2(this.value)">
- <option value=""Gill Sans MT", Gill Sans, Gill,Arial, Sans" selected="selected">Gill Sans MT</option>
- <option value="Arial, Sans">Arial</option>
- <option value="Verdana, Sans">Verdana</option>
- <option value="Helvetica,"Helvetica LT", Sans">Helvetica</option>
- <option value="Georgia, Sans">Georgia</option>
- </select>
- Font Size
- <select name="fontsize" onchange="changeSize2(this.value)">
- <option value="12px">12</option>
- <option value="13px">13</option>
- <option value="14px">14</option>
- <option value="15px">15</option>
- <option value="16px" selected="selected">16</option>
- <option value="18px">18</option>
- </select>
- </div>
- <div id="lal" name="demo">Hallo Frau Hase</div><br>
- <div id="lal" name="demo1">OllaFrau Hase</div>
- <div id="lal" name="demo2">OllaFrau Hase</div>
Was ich gerne möchte ist das ich nur noch einen Select part habe wo ich fontsize/font auswähle, und dann eben eine zusätzlich dropdown darin für welches DIV der gelten soll, wer kann mir dabei helfen?
Danke und Gruß,
Matthias
Das Leben ist binär - du bist eine 1, oder eine 0