nicht angemeldet
Lückentext mit der Möglichkeit Eingaben zu machen
Hallo,
ich hab da ein großes Problem.
Und zwar bin ich noch Anfänger in html Programmierung.
Meine Frage ist nun, ich möchte, wie im folgenden Beispiel, einen Text schreiben, mit Lücken und der Möglichkeit, dass der Leser die Lücken füllen und danach überprüfen kann.
Bspl.
He______(say) that he can _______(come) tommorrow.
Da wo der Strich ist, soll das Verb eingefügt werden können. Danach soll die Möglichkeit bestehen, dieses auf Richtigkeit zu überprüfen.
Da ich keine Ahnung habe mit welchen Mitteln ich da arbeiten muss, würde ich mich sehr, sehr über Hilfe freuen!!
Vielen Dank
Susanne
-
Hallo,
ich hab da ein großes Problem.
Und zwar bin ich noch Anfänger in html Programmierung.AHHH, man programmiert kein HTML!!!
Meine Frage ist nun, ich möchte, wie im folgenden Beispiel, einen Text schreiben, mit Lücken und der Möglichkeit, dass der Leser die Lücken füllen und danach überprüfen kann.
Bspl.
He______(say) that he can _______(come) tommorrow.
Du kannst mit Hilfe von CSS das aussehen von Formularfeldern ändern, wie weit das geht weiss ich nicht, aber schau mal bei selfHTML nach.
Struppi
-
Hallo,
Hallo,
ich hab da ein großes Problem.
Und zwar bin ich noch Anfänger in html Programmierung.Programmierung?
Meine Frage ist nun, ich möchte, wie im folgenden Beispiel, einen Text schreiben, mit Lücken und der Möglichkeit, dass der Leser die Lücken füllen und danach überprüfen kann.
Bspl.
He______(say) that he can _______(come) tommorrow.
Da wo der Strich ist, soll das Verb eingefügt werden können.
Dazu kannst du input Felder benutzen.
http://selfhtml.teamone.de/html/formulare/eingabe.htm#felder»»Danach soll die Möglichkeit bestehen, dieses auf Richtigkeit zu überprüfen.
Dazu benutzt man JavaScript oder PHP. Nimm einen Submit Button für das oben definierte Formular und weise dem action Attribut eine JavaScript Funktion zu die die Inhalte der Felder auswertet (bei der JavaScriptlösung).
http://selfhtml.teamone.de/html/formulare/klickbuttons.htmDa ich keine Ahnung habe mit welchen Mitteln ich da arbeiten muss, würde ich mich sehr, sehr über Hilfe freuen!!
Vielen Dank
Susanne
Gruß,
Henning -
Hallo,
ich hab da ein großes Problem.
Und zwar bin ich noch Anfänger in html Programmierung.
Meine Frage ist nun, ich möchte, wie im folgenden Beispiel, einen Text schreiben, mit Lücken und der Möglichkeit, dass der Leser die Lücken füllen und danach überprüfen kann.Bspl.
He______(say) that he can _______(come) tommorrow.
Da wo der Strich ist, soll das Verb eingefügt werden können. Danach soll die Möglichkeit bestehen, dieses auf Richtigkeit zu überprüfen.
Da ich keine Ahnung habe mit welchen Mitteln ich da arbeiten muss, würde ich mich sehr, sehr über Hilfe freuen!!
Vielen Dank
Susanne
-> indem du immer ein input feld anstelle der Lücke machst und das ganze in ne form packst
zB:
<form name="lueckentext" method=post action="test();">
He <input type="text" name="feld1" size=15> (say) that he can <input type="text" name="feld1" size=15>
(come) tomorrow.//nenne jedes input text feld anders so wie dus brauchst! hauptsache nicht //gleich, wegen dem kontrollieren
//unter den gesamten Text
//machst du einen submit button!
<input type="submit" value="überprüfen">//dann die form wieder zu
</form>
so jetzt schreibst du noch schnell ne javascript funktion, am besten ganz unten
vor dem </body>-tag<script language="Javascript">
function test() { //geschweifte klammern
var richtig=0;
if(self.document.lueckentext.feld1.value == "said") richtig++;
if(usw.) richtig++
dokument.write('Du hast' + richtig +' Lücken richtig');
}
</script>es gibt sicherlich noch mehr möglichkeiten das Auszuwerten, vielleicht schaust du dich mal bei de.selfhtml.org um
gruss
-
Bitteschön:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html>
<head>
<title>Formular</title>
<style type="text/css">
.underscore{
width:50px;
border : 0;
border-bottom : 1px;
border-bottom-style : solid;
}</style>
</head>
<body>
<form action="bla.php">
He <input type="text" name="feld1" class="underscore" />
(say) that he can
<input type="text" name="feld1" class="underscore" />
(come) tommorrow
<input type="submit" name="submit" value="submit" class="button_m" />
</form></body>
</html>Gruss
Gunnar