|
|||
Auswahl in Select-Feld soll Text-Align eines Input-Feldes ändern
Hallo Leute,
ich bin neu hier und habe schon seit ein paar Tagen gesucht, aber keine Lösung für mich gefunden. Folgendes Problem habe ich: Ich habe eine HTML-Datei, diese beinhaltet ein "Empfänger-Inputfeld", ein "Absender-Inputfeld" und eine Select-Liste. HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html><head> <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"> <link rel="stylesheet" type="text/css" href="style.css" /> <script language="javascript" type="text/javascript" src="function.js"></script> <title>Dogtags - US-Erkennungsmarke</title> </head><body onload="dauernd()"> <form action="" name="test" method="post"> <table border="0" cellspacing="0" cellpadding="0" width="100%"><tr> <td background="Zwischenablage02.jpg" rowspan="4" width="350px" height="350px"> <input class="anzeige" name="feld1" type="text" readonly><br /> </td> <!--Zeile1--> <td> <input name="zeile1" type="text" value="zeile1"> </td><td><!--Schriftart--> <select name="Schriftart1"> <option>Arial</option> <option>Arial Black</option> <option>Verdana</option> </select> </td><td><!--Ausrichtung--> <select name="Ausrichtung1"> <option id="rechts1">rechts</option> <option id="links1">links</option> <option id="zentriert1">zentriert</option> </select> </td></tr> </table> </form> </body></html> Code:
function angleich(){ <!-- --> document.test.feld1.value = document.test.zeile1.value } Wie ihr sehen könnt, soll auch die Schriftart veränderbar sein, aber an dem "Problem" arbeite ich noch nicht. Da ich die Ausrichtung des Inputfeldes nur mit CSS beeinflußen kann, muss ich also irgendwie dem Javascript erzählen das er das tun soll. Ich weiß nur nicht wie. Alles was ich bisher im Netz gefunden habe bezog sich immer nur auf ein Objekt, aber ich benötige ja (vermute ich) eine if-Abfrage dafür. Ich komme nur irgendwie nicht weiter. Vielleicht könnt ihr mir helfen. Also noch mal kurz, wenn ich aus der Auswahlliste "zentriert" wähle, dann soll in dem "Empfänger-Input" die Schrift auch zentriert dargestellt werden. Liebe Grüße und danke schon mal Eva |
Sponsored Links |
|
||||
SELFHTML: JavaScript / Objektreferenz / style
Also in etwa so: [Element].style.textAlign = 'center'; Noch eine Anmerkung: Kommentare im skriptblock gehen so: // oder so /* */ Das was du verwendest sind HTML Kommentare (die zwar mittlerweile von den meisten Browsern gefressen werden, aber einige ältere quittieren das mit einem Fehler) |
Sponsored Links |
|
|||
Noch eine Anmerkung zu deinem HtML.
Verwende UTF-8 als Zeichencodierung, das macht dir das Leben leichter und ist der Standard. Speichere deine Dokumente als UTF-8 in deinem Editor ab. HTML-Code:
<body onload="dauernd()">
Scripte besser ans Ende vor dem schliessenden Body-Tag stellen, damit verhinderst du unangenehme Effekte, da die Seite sonst womöglich noch nicht geladen ist wenn während du schon auf Elemente zugreifst. Tabellen zum Designen zu verwenden ist eine veraltete Vorgehensweise. Nimm die Tabelle komplett raus und formatiere die Positionen der Elemente per CSS. Verwende Label und Fieldset um Struktur in dein Formular zu bringen. Zu einem Fromular gehört auch ein Input-Submit. Lerne die Grundlagen zu HTML und CSS und Javascript. Wir schreiben hier keine Einstiegs-Tutorials.
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..." Aus einem Forum. |
|
|||
Vielen Dank für die Hilfe!
In der Zwischenzeit habe ich mein Problem selbst lösen können. Danke für die vielen Tipps und Hinweise. Das Ganze dient erstmal nur als Gerüst, daher habe ich mir wenig Gedanken um die Optik gemacht. Dann werde ich mich demnächst mit Labeln und Fieldset auseinandersetzen. Den Submit gibt es, hatte ich nur nich mit kopiert, da der ganze Code eigentlich was länger ist. Wollte nur nicht zuviel hier rein kopieren, nur soviel das es klar wird was ich möchte. Zu dem HTML-Code:
<body onload="dauernd()">
Danke schonmal LG Eva |
|
|||
Lies mal diesen Artikel -> JavaScript: Fortgeschrittene Ereignisverarbeitung
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..." Aus einem Forum. |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Wrapper wächst nicht mit, keine Floats | maclady | CSS | 11 | 10.02.2010 18:30 |
Wachsende Container | Andy CD | CSS | 13 | 10.02.2010 14:08 |
DIV bis GANZ unten | burnZ | CSS | 5 | 27.07.2008 14:14 |
Helft mir. Ich habe voll die Leseschwäche | nick | CSS | 12 | 15.01.2008 21:52 |
Problem mit div und Höhe | deep4 | CSS | 2 | 13.11.2007 21:03 |