lima-city: kostenloser Webspace, professionelles Webhosting und WordPress-Hosting & Cloud
  1. lima-city
  2. Tutorials
  3. HTML, CSS & Javascript
  4. Alert mit Input, das auf Site erscheint

Alert mit Input, das auf Site erscheint

Geschrieben von mawes am 20.10.2004, 17:59

Hi!
Viele waren auf meiner Site, und waren von meiner Geschichte begeistert!
Hier die Erklärung, wie das geht:
Nehmen wir also eine ganz stinknormale HTML Datei!


<html>
<head>
<title>Geschichte</title>
</head>
<body>
</body>
</html>

So, das dürfte allen bekannt sein, falls nicht, gibt es viele Tutorials dazU!
So dann brauchen wir das Javascript:

<SCRIPT language="JavaScript"><!--
// ;

alert("Dies ist eine Meldung! Hier können einige Informationen eingetragen werden! Bei Bedarf natürlich ändern!
// end hide
// --></SCRIPT>


Hier öffnet sich also ein Fenster! Dieses Fenster, hat ein Ausrufezeichen, und nebenan den Text!
Der Text muss natürliuch noch angepasst werden!

Nun brauchen wir natürlich noch das wichtigste:


Mann, fühle ich mich heute wieder&nbsp;<SCRIPT
language="JavaScript"><!--
// iniciar
var CAR = prompt("Wie fühlst du dich gerade?","")
document.write(" " + CAR + " ") // finalizar
// --></SCRIPT>

Hier ist also ein Eingabe feld im Script dabei, dass dann auf der Site erscheint! Die Frage lautet hier: Wie fühlst du dich gerade? Die Antwort erscheint dann so:

Mann, fühle ich mich heute wieder *antwort*

Damit kann man also ganz einfach diese geschichten bilden!
Hier nochmal das ganze Script:


<html>
<head>
<title>Geschichtengenerator</title>
<SCRIPT LANGUAGE="JavaScript">
</script>
</head>
<body>
<SCRIPT language="JavaScript"><!--
// ;

alert("Wenn Ihr alles ordentlich ausfüllt kommt am Ende eine Geschichte bei raus :-)");
// end hide
// --></SCRIPT><b>Eines
Freitag Abends entscheidest du dich, deinen&nbsp;<SCRIPT
language="JavaScript"><!--
// iniciar
var CAR = prompt("Gib den Namen deines Lieblingsautos ein.","")
document.write(" " + CAR + " ") // finalizar
// --></SCRIPT>

<p>
<br></b>

</body>
</html>

Ja, viel Spaß damit!
PS: Kann man sich auch auf http://www.mawes.de.vu runterladen!

Copyright by mawes

Bewertung Anzahl
4
100,0 %
1 Bewertungen