P
phunky
Hi, habe hier ein kleines Script mit dem ich dem User ermöglichen will, die Farbe seines Eingabetextes vor dem Versenden zu ändern. (Im Augenblick wird noch nix versendet, ist erst der Anfang..). Dabei ändere ich per Script die Auswahl des StyleSheets , die in externen css-Dateien liegen. (beginn.css, rot.css, black.css).
Im IE funktioniert das auch, bei Mozillas (Firefox,..) aber leider nicht. Wieso, getElementById ist doch W3C konform?
Wahrscheinlich liegts ja an was anderem.. Wer kann mir weiterhelfen? THX!
Hier der Code:
<html><head><title>test</title>
<link rel="stylesheet" type="text/css" href="beginn.css" id="css">
<script type="text/javascript">
<!--
function tauschschwarz()
{
document.getElementById("CSS").href = "schwarz.css"
}
function tauschrot()
{
document.getElementById("CSS").href = "rot.css"
}
//-->
</script>
<style type="text/css">
<!--
input {
border : 0px solid black;
background-color : ffffff;
}
//-->
</style>
</head><body>
<form name="Test" action="">
Text:
<table border="1" cellpadding="0" cellspacing="0">
<tr><td>
<input type="text" size="30" name="Eingabe" style="color : black;" onKeyup="this.form.Ausgabe.value=this.value">
</td></tr></table>
<div>
<input class="outputsize" type="text" readonly size="30" name="Ausgabe">
</div>
<
<input type="reset" name="button"
style="BACKGROUND-COLOR: #cccccc; color : black; cursor : hand;cursor : pointer;" value="löschen">
<input type="submit" name="button"
style="BACKGROUND-COLOR: #ff9900; color : black; cursor : hand;cursor : pointer;" value="senden">
</form>
<table border="1" cellspacing="0" cellpadding="5">
<tr>
<td>
<form name="test" action="">
Schriftfarbe wählen:
<select onChange="location.href=this.options[this.selectedIndex].value">
<option value="javascript:tauschschwarz('schwarz.css')">schwarz
<option value="javascript:tauschrot('rot.css')">rot
</select>
</form>
</td></tr>
</table>
</body>
</html>
Im IE funktioniert das auch, bei Mozillas (Firefox,..) aber leider nicht. Wieso, getElementById ist doch W3C konform?
Wahrscheinlich liegts ja an was anderem.. Wer kann mir weiterhelfen? THX!
Hier der Code:
<html><head><title>test</title>
<link rel="stylesheet" type="text/css" href="beginn.css" id="css">
<script type="text/javascript">
<!--
function tauschschwarz()
{
document.getElementById("CSS").href = "schwarz.css"
}
function tauschrot()
{
document.getElementById("CSS").href = "rot.css"
}
//-->
</script>
<style type="text/css">
<!--
input {
border : 0px solid black;
background-color : ffffff;
}
//-->
</style>
</head><body>
<form name="Test" action="">
Text:
<table border="1" cellpadding="0" cellspacing="0">
<tr><td>
<input type="text" size="30" name="Eingabe" style="color : black;" onKeyup="this.form.Ausgabe.value=this.value">
</td></tr></table>
<div>
<input class="outputsize" type="text" readonly size="30" name="Ausgabe">
</div>
<
<input type="reset" name="button"
style="BACKGROUND-COLOR: #cccccc; color : black; cursor : hand;cursor : pointer;" value="löschen">
<input type="submit" name="button"
style="BACKGROUND-COLOR: #ff9900; color : black; cursor : hand;cursor : pointer;" value="senden">
</form>
<table border="1" cellspacing="0" cellpadding="5">
<tr>
<td>
<form name="test" action="">
Schriftfarbe wählen:
<select onChange="location.href=this.options[this.selectedIndex].value">
<option value="javascript:tauschschwarz('schwarz.css')">schwarz
<option value="javascript:tauschrot('rot.css')">rot
</select>
</form>
</td></tr>
</table>
</body>
</html>
