nicht angemeldet
Ich brauche drigend Hilfe!
Hallo Leute!
Ich brauche ganz drigend Hilfe. Also wir haben in der Schule Folgende arbeit bekommen. Also, es geht darum ein neues Fenster zu öffnen mit den open(), close() und window () functions! Ich fange mal von vorne an!
Wir müssen eine Seite machen die ein Textfelt hat, eine Drop und down liste (mit Farben) und einen link. Mit dem link sollen wir ein neues Fenster öffnen mit der open.window function. Das neue Fenster soll einen Button haben mit dem man das Fenster dann schließt (close.window Funktion). Ausserdem soll der Text den wir im Textfelt schreiben auch im neuen Fenster erscheinen. Das habe ich alles bis jetzt gemacht. Der Hacken ist, dass wir in der Drop and Down Liste eine Farbe auswählen müssen und das Fenster dann die Farbe die man ausgewählt hat.
---------------------------------------------------------------------
Der Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
(diese Function läuft nicht)
function changeColor(x){
if (document.Formular.text1.blue)
document.Formular.text1.blue[x].bgColor='blue';
else
if (document.Formular.text1.green)
document.Formular.text1.green[x].bgColor="green";
}
function NewWindow() {
color = changeColor ();
contents= '<body bgcolor=changeColor()>'+document.Formular.text1.value+'<br><br><br><br>'+
'<center><input type="button" value="Close" onClick="javascript:window.close()">';
options="width=300, height=200";
MyWindow=window.open("","MyWindow",options);
MyWindow.document.write(contents);
MyWindow.document.close();
}
</SCRIPT>
</HEAD>
<BODY>
<FORM Name="Formular">
<INPUT Type=Text NAME="text1"><br>
<br>
<select name="color1" size=1>
<option name="blue")">Blue</option>
<option selected value="changecolor('black')">Black</option>
<option selected value="changecolor('white')">White</option>
<option selected value="changecolor('yellow')">Yellow</option>
<option selected value="changecolor('green')">Green</option>
<option selected value="changecolor('brown')">brown</option>
<option selected value="changecolor('black')">orange</option>
</select>
<br>
<br>
<a href="javascript:NewWindow()">Create Window</a>
</FORM></TABLE>
</BODY>
</HTML>
---------------------------------------------------------------------
Ich wäre euch wirklich dankbar für jeden Tipp!
Mit lieben Grüssen
Rena
-
<option name="blue")">Blue</option>
Hab es nicht ausprobiert, aber vielleicht ist es ja schon die Klammer ), die da nicht hingehört.
Gruß TanTan
-
Mal sehen....
Hast ja recht! ;-) Ist ein Tippfehler :-)
-
-
Hallo Rena,
<SCRIPT LANGUAGE="JavaScript">
Bitte nicht das type-Attribut vergessen.
(diese Function läuft nicht)
[...]Du erwartest, dass die Funktion etwas zurückgibt, das tut sie aber nicht. Schau dir hierzu mal folgendes Beispiel an:
http://selfhtml.teamone.de/javascript/sprache/funktionen.htm#rueckgabewert
function NewWindow() {
color = changeColor ();Du musst natürlich, wenn alles zu deiner Zufriedenheit läuft, den Wert der Variable color auch in die Variable contents einfügen. Zur Verarbeitung von Auswahllisten findest du hier ein gutes Beispiel:
http://selfhtml.teamone.de/javascript/objekte/options.htm#value
Vielleicht hilft's
Siechfred-
Viele dank für den Tipp! Vor allem das Select Beispiel ist sehr hilfreich. Ich versuche es mal!
Mit lieben Grüssen
Rena
-