Nach Countdown etwas anzeigen

Chinese · 28.07.2010, 19:42

Hey Leute,

ich habe ein kleines Problem und zwar habe ich einen Countdown, der von 20 bis 0 Sekunden herunterläuft. Wenn die Variable t, also die Zeit, 0 erreicht hat, sollen sich nur ein paar Tags einblenden. Ich habe das mit document.write versucht, aber da wird das in eine neue Seite geschrieben. Ich habe unter der Objektreferenz von selfhtml nachgeschaut, aber die Seite lädt derzeit nicht bei mir.
Wäre echt nett, wenn ihr mir helfen könntet,

mit freundlichen Grüßen,
Chinese

nikosch · 28.07.2010, 19:50

DOM benutzen.

Chinese · 28.07.2010, 19:59

Ich kenne mich nur wenig mit DOM aus, weiß aber wie man neue Attribute und Werte hinzufügt, jedoch weiß ich nicht wie ich in einem JavaScript Code DOM einbauen soll. War wahrscheinlich nicht so gemeint, aber ich stehe echt auf dem Schlauch.

PHP-Code:

  function DrawBotBoot(){
  document.write("What is "+ a + " + " + b +"? ");
  document.write("<input id='BotBootInput' type='text' maxlength='2' size='2'/>");
}

Diese Funktion, bzw. der Code, soll nach Ablauf des Countdowns eingeblendet werden.

Danke für deine Antwort, auf jeden Fall.
Chinese

nikosch · 28.07.2010, 20:05

Zitat:

weiß aber wie man neue Attribute und Werte hinzufügt, jedoch weiß ich nicht wie ich in einem JavaScript Code DOM einbauen soll.

Poste doch erstmal nen entsprechenden Versuch. Sprich das übergeordnete Element an, erzeuge einen Node und füge ihn mit append an.

Chinese · 28.07.2010, 20:14

Ich habe einfach mal ein Input Feld erstellt, welches ich brauchen würde, denn dort würde der Captcha eingegeben werden.

PHP-Code:

  $input = $doc->createElement('input');
$root->appendChild($input); 
$root_attr1 = $doc->createAttribute('id');
$input->appendChild($root_attr1);
$root_text = $doc->createTextNode('BotBootInput');
$root_attr1->appendChild($root_text);
$root_attr2= $doc->createAttribute('type');
$input->appendChild($root_attr2);
$root_text = $doc->createTextNode('text');
$root_attr2->appendChild($root_text);

Allerdings weiß ich nicht, wie ich das nach Ablauf des Countdowns an beliebiger Position einblenden kann.

nikosch · 28.07.2010, 20:20

Zitat:

Sprich das übergeordnete Element an, erzeuge einen Node und füge ihn mit append an.

Chriz · 28.07.2010, 20:24

Benutz doch mal jQuery:

$("'zielcontainer").html("<input type .../>");

Chinese · 29.07.2010, 02:54

Danke für eure Antworten, ich habe das nun nach langem techtel mechtel mit innerHTML einigermaßen verwirklicht. Das einzige Problem, das derzeit besteht, ist, dass der Ausgabewert immer False ist. Ich weiß nicht genau, was ich falsch mache. Ich denke ich poste mal den "ganzen" betroffenen Quelltext.

Code:

var a = Math.ceil(Math.random() * 10);
var b = Math.ceil(Math.random() * 10);       
var c = a + b 
function ValidBotBoot(){
	var d = document.getElementById('BotBootInput').value;
	if (d == c) return true;        
	return false; 	    	
}
document.getElementById('test').innerHTML = "'What is "+ a + " + " + b +"? " + "<input id='BotBootInput' type='text' maxlength='2' size='2'/><input id='Button1' type='button' value='Check' onclick='alert(ValidBotBoot());'/>";

Es wäre sehr nett von euch, wenn ihr mir ein letztes Mal ein wenig unter die Arme greifen könntet.

Vielen Dank,
Chinese

ByStones · 29.07.2010, 10:24

Benutze jQuery, damit bekommst solche Sachen 100mal einfacher hin:
jQuery: The Write Less, Do More, JavaScript Library

nikosch · 29.07.2010, 14:31

SOll das ein Captcha werden? Dann kannst Du auch gleich ein Button-onClick-Submit machen, denn Bots sprechen normalerweise kein Javascript.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Countdown Funktion mehrmals ausführen	secretwz	JavaScript, Ajax und mehr	3	17.06.2010 12:17
Countdown	luks2com	JavaScript, Ajax und mehr	1	05.02.2010 18:58
Serveruhrzeit -> Countdown	phplars	PHP Tipps 2009	10	30.10.2009 17:09
php in ein JavaScript Countdown einbinden!	Boennchen	PHP Tipps 2005	11	26.04.2005 13:41
Wie kann ich den Countdown von der Stautsleiste in den Body		HTML, Usability und Barrierefreiheit	17	25.04.2005 22:04
[Erledigt] Leidiges Thema Countdown		HTML, Usability und Barrierefreiheit	16	26.03.2005 12:40
Dringend! PHP, JScript und SQL - countdown		PHP-Fortgeschrittene	2	01.03.2005 23:50
[Erledigt] JavaScript + PHP (SQL) Countdown		HTML, Usability und Barrierefreiheit	5	23.12.2004 14:01
[Erledigt] Cookie - Seite anzeigen / nicht anzeigen		PHP Tipps 2004-2	2	11.11.2004 15:59
problem (countdown)		HTML, Usability und Barrierefreiheit	8	07.11.2004 23:08
Der 'Countdown' und das Tutorial...		HTML, Usability und Barrierefreiheit	2	12.09.2004 22:43
[Erledigt] Countdown problem!		HTML, Usability und Barrierefreiheit	3	28.07.2004 11:59
Javascript countdown mal anders - erledigt	Ohrwurm83	HTML, Usability und Barrierefreiheit	4	02.07.2004 23:35
javascript countdown in while scheife	Ohrwurm83	PHP Tipps 2004	1	02.07.2004 16:50
[Erledigt] Countdown		HTML, Usability und Barrierefreiheit	2	27.06.2004 02:32

28.07.2010, 19:42
Chinese Benutzer Registriert seit: 25.02.2009 Beiträge: 58	Nach Countdown etwas anzeigen Hey Leute, ich habe ein kleines Problem und zwar habe ich einen Countdown, der von 20 bis 0 Sekunden herunterläuft. Wenn die Variable t, also die Zeit, 0 erreicht hat, sollen sich nur ein paar Tags einblenden. Ich habe das mit document.write versucht, aber da wird das in eine neue Seite geschrieben. Ich habe unter der Objektreferenz von selfhtml nachgeschaut, aber die Seite lädt derzeit nicht bei mir. Wäre echt nett, wenn ihr mir helfen könntet, mit freundlichen Grüßen, Chinese


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

28.07.2010, 19:50
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	DOM benutzen. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

28.07.2010, 19:59
Chinese Benutzer Registriert seit: 25.02.2009 Beiträge: 58	Ich kenne mich nur wenig mit DOM aus, weiß aber wie man neue Attribute und Werte hinzufügt, jedoch weiß ich nicht wie ich in einem JavaScript Code DOM einbauen soll. War wahrscheinlich nicht so gemeint, aber ich stehe echt auf dem Schlauch. PHP-Code: `function DrawBotBoot(){ document.write("What is "+ a + " + " + b +"? "); document.write("<input id='BotBootInput' type='text' maxlength='2' size='2'/>"); }` Diese Funktion, bzw. der Code, soll nach Ablauf des Countdowns eingeblendet werden. Danke für deine Antwort, auf jeden Fall. Chinese

28.07.2010, 20:14
Chinese Benutzer Registriert seit: 25.02.2009 Beiträge: 58	Ich habe einfach mal ein Input Feld erstellt, welches ich brauchen würde, denn dort würde der Captcha eingegeben werden. PHP-Code: `$input = $doc->createElement('input'); $root->appendChild($input); $root_attr1 = $doc->createAttribute('id'); $input->appendChild($root_attr1); $root_text = $doc->createTextNode('BotBootInput'); $root_attr1->appendChild($root_text); $root_attr2= $doc->createAttribute('type'); $input->appendChild($root_attr2); $root_text = $doc->createTextNode('text'); $root_attr2->appendChild($root_text);` Allerdings weiß ich nicht, wie ich das nach Ablauf des Countdowns an beliebiger Position einblenden kann.

28.07.2010, 20:24
Chriz Moderator Registriert seit: 11.05.2008 Beiträge: 6.266	Benutz doch mal jQuery: $("'zielcontainer").html("<input type .../>"); __________________ "Nuschel ich?" - "Was?"

29.07.2010, 02:54
Chinese Benutzer Registriert seit: 25.02.2009 Beiträge: 58	Danke für eure Antworten, ich habe das nun nach langem techtel mechtel mit innerHTML einigermaßen verwirklicht. Das einzige Problem, das derzeit besteht, ist, dass der Ausgabewert immer False ist. Ich weiß nicht genau, was ich falsch mache. Ich denke ich poste mal den "ganzen" betroffenen Quelltext. Code: var a = Math.ceil(Math.random() * 10); var b = Math.ceil(Math.random() * 10); var c = a + b function ValidBotBoot(){ var d = document.getElementById('BotBootInput').value; if (d == c) return true; return false; } document.getElementById('test').innerHTML = "'What is "+ a + " + " + b +"? " + "<input id='BotBootInput' type='text' maxlength='2' size='2'/><input id='Button1' type='button' value='Check' onclick='alert(ValidBotBoot());'/>"; Es wäre sehr nett von euch, wenn ihr mir ein letztes Mal ein wenig unter die Arme greifen könntet. Vielen Dank, Chinese

29.07.2010, 10:24
ByStones Erfahrener Benutzer Registriert seit: 23.03.2010 Beiträge: 626 PHP-Kenntnisse: Anfänger	Benutze jQuery, damit bekommst solche Sachen 100mal einfacher hin: jQuery: The Write Less, Do More, JavaScript Library __________________ Signatur: PHP-Code: `$s = '0048656c6c6f20576f726c64'; while($i=substr($s=substr($s,2),0,2))echo"&#x00$i;";`

29.07.2010, 14:31
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	SOll das ein Captcha werden? Dann kannst Du auch gleich ein Button-onClick-Submit machen, denn Bots sprechen normalerweise kein Javascript. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --