Kein Button, sondern einfach nur Text

Kori · 22.08.2006, 21:00

Code:

<form name="formel1">
<p align="center">
<font size="1">
<input name="button2" type="button" onClick="location.href='index2in.php'" VALUE="Enter Now !" style="width:200;height:25"></font>
<script type="text/javascript">
<!--
var secs = 20;
var wait = secs * 1000;
document.formel1.button2.disabled=true;
	
for(i=1;i<=secs;i++) {
 window.setTimeout("update(" + i + ")", i * 1000);
}

window.setTimeout("timer()", wait);

function update(num) {
 if(num == (wait/1000)) {
  document.formel1.button2.value = "Enter Now !";
 }
 else {
  printnr = (wait/1000)-num;
  document.formel1.button2.value = "Please wait... (" + printnr + ")";
 }
}

function timer() {
 document.formel1.button2.disabled=false;
}
//-->
</script>

Also, wie ihr sehen könnt hab ich hier nen SCript geschrieben, wo es ein Submit BUtton gibt, der nach Ablaufen der Zeit von deaktviert zu aktiviert switcht, und während dem Ablaufen der Zeit, die aktuelle Restzeit geprintet wird...

Objektorientiert halt, aber ich möchte kein Submit Button mehr, ich möchte nur noch Text, der erst NACH ablaufen der 20 SEkunden zu einem link wird, und dann zu der oben genannten seite verlinkt, aber auch die aktuelle Wartezeit anzeigt... leider geht das mit objektorientierten Programieren nicht, weiss jemand ggf. wie ich das realisieren kann und hat ggf. die Codeschnipsel für mein Script?

Wäre sehr verbunden & dankbar,

mfg
Kori

Kori · 22.08.2006, 21:31

Hab da schonmal was probiert, bleib aber bei Enter 19 stehen

Code:

<script type="text/javascript">
<!--
var secs = 20; // Wartezeit
var wait = secs * 1000;
	
for(i=1;i<=secs;i++) {
 window.setTimeout("update(" + i + ")", i * 1000);
}

window.setTimeout("timer()", wait);

function update(num) {
 if(num == (wait/1000)) {
  document.write("Enter");
 }
 else {
  printnr = (wait/1000)-num;
  document.write("Enter " + printnr + "");
 }
}

function timer() {
 document.write("Enter");
}
//-->
</script>

vllt jemand ne idee wies richtig gehen würde? soll halt genau wie beim oberen runterzählen und das darstellen und am ende nach 20 sekcs Enter Anzeigen

XLB · 23.08.2006, 01:08

Wirf mal einen Blick auf dieses :

Code:

<html>
<head>
<script type="text/javascript">

	TCount		=0;

	TDuration	=20;

	function TimerX()
	{
		if(TCount<TDuration)
		{
			TCount++;

			document.getElementById('ContainerX').innerHTML=TCount;

			setTimeout('TimerX()',1000);
		}
		else
		{
			document.getElementById('ContainerX').innerHTML='ENTER';
		}
	}

</script>
</head>

<body onload="TimerX()">

   <div id="ContainerX">
 
   </div>

</body>
</html>

24.08.2006, 17:40

Nett, XLB - dazu mal ne Frage... die Rekursion geht für wieviele Sekunden? steigt der nicht irgendwann mit "too many nested scopes" oder so aus?"

Wäre es da nicht besser, in einer neutralen Schleife den Counter mit Parameter sec oder so aufzurufen, damit die Funktion nicht "genested" ist?

XLB · 24.08.2006, 22:11

Hierbei handelt es sich um keine Rekursion ! Die Funktion TimerX() ruft sich nicht selbst auf, sondern einen Timer, der wiederum die gleiche ("für sich" separate) Funktion aufruft. Danach wird die "Ursprungs"-Funktion regulär beendet. Daher gibt es auch keinen Buffer-Overflow.
Ein häufiger Irrtum, der bisweilen zu recht bizarren Schleifenkonstrukten führt.

Nach diesem Schema funktionieren alle JS-Animationen (wenn man's denn so nennen will) - stundenlang, wenn gewollt ...

Beispiele:

http://www.jjam.de/JavaScript/Animat...ei_Kreise.html

http://www.jjam.de/JavaScript/Animation/Kreis_2.html

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
Text kürzen mit Sonderzeichen	tayke	PHP Tipps 2008	4	27.02.2008 13:31
Reset Button bei Formularen	TeazY	PHP Tipps 2008	2	24.12.2007 14:59
SWiki, weil einfach einfach einfach ist.	b++	Beitragsarchiv	0	06.10.2007 19:07
Hoverbutton mit HTML/CSS ohne JS, Flash etc.	supertramp	Tutorials	16	17.03.2006 16:48
[Erledigt] Per POST Methode Text mit "</textarea>		PHP Tipps 2005-2	3	25.10.2005 14:46
[Erledigt] Link		PHP Tipps 2005-2	10	20.07.2005 21:28
[Erledigt] durch Klick auf Text anderen Text einblenden		HTML, Usability und Barrierefreiheit	3	03.07.2005 14:41
in zelle oben text und unten grafik am rand	janni	HTML, Usability und Barrierefreiheit	4	29.06.2005 23:35
[Erledigt] Text auf Bild		PHP Tipps 2005	9	28.04.2005 15:05
[Erledigt] Kann man den Button Text von input type=&amp;quot;file&amp;quot; änd		HTML, Usability und Barrierefreiheit	3	14.04.2005 09:43
txt-Datei erstellen	d-81	PHP Tipps 2004	12	11.08.2004 20:31
[Erledigt] Probleme beim ausrichten von Textarea & Button		HTML, Usability und Barrierefreiheit	2	27.07.2004 14:17
[Erledigt] Ausrichtung von Text innerhalb von Button ändern?		HTML, Usability und Barrierefreiheit	10	29.06.2004 10:50
Caesar-Algorithmus - Text kodieren		PHP Tipps 2004	4	28.06.2004 01:20
formular button linkt an interne Stelle		PHP Tipps 2004	1	08.06.2004 10:02

22.08.2006, 21:00
Kori Erfahrener Benutzer Registriert seit: 16.03.2004 Beiträge: 170	Kein Button, sondern einfach nur Text Code: <form name="formel1"> <p align="center"> <font size="1"> <input name="button2" type="button" onClick="location.href='index2in.php'" VALUE="Enter Now !" style="width:200;height:25"></font> <script type="text/javascript"> <!-- var secs = 20; var wait = secs * 1000; document.formel1.button2.disabled=true; for(i=1;i<=secs;i++) { window.setTimeout("update(" + i + ")", i * 1000); } window.setTimeout("timer()", wait); function update(num) { if(num == (wait/1000)) { document.formel1.button2.value = "Enter Now !"; } else { printnr = (wait/1000)-num; document.formel1.button2.value = "Please wait... (" + printnr + ")"; } } function timer() { document.formel1.button2.disabled=false; } //--> </script> Also, wie ihr sehen könnt hab ich hier nen SCript geschrieben, wo es ein Submit BUtton gibt, der nach Ablaufen der Zeit von deaktviert zu aktiviert switcht, und während dem Ablaufen der Zeit, die aktuelle Restzeit geprintet wird... Objektorientiert halt, aber ich möchte kein Submit Button mehr, ich möchte nur noch Text, der erst NACH ablaufen der 20 SEkunden zu einem link wird, und dann zu der oben genannten seite verlinkt, aber auch die aktuelle Wartezeit anzeigt... leider geht das mit objektorientierten Programieren nicht, weiss jemand ggf. wie ich das realisieren kann und hat ggf. die Codeschnipsel für mein Script? Wäre sehr verbunden & dankbar, mfg Kori


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

24.08.2006, 17:40
Gast Beiträge: n/a	Nett, XLB - dazu mal ne Frage... die Rekursion geht für wieviele Sekunden? steigt der nicht irgendwann mit "too many nested scopes" oder so aus?" Wäre es da nicht besser, in einer neutralen Schleife den Counter mit Parameter sec oder so aufzurufen, damit die Funktion nicht "genested" ist?

24.08.2006, 22:11
XLB Erfahrener Benutzer Registriert seit: 31.07.2005 Beiträge: 1.126 PHP-Kenntnisse: Fortgeschritten	Hierbei handelt es sich um keine Rekursion ! Die Funktion TimerX() ruft sich nicht selbst auf, sondern einen Timer, der wiederum die gleiche ("für sich" separate) Funktion aufruft. Danach wird die "Ursprungs"-Funktion regulär beendet. Daher gibt es auch keinen Buffer-Overflow. Ein häufiger Irrtum, der bisweilen zu recht bizarren Schleifenkonstrukten führt. Nach diesem Schema funktionieren alle JS-Animationen (wenn man's denn so nennen will) - stundenlang, wenn gewollt ... Beispiele: http://www.jjam.de/JavaScript/Animat...ei_Kreise.html http://www.jjam.de/JavaScript/Animation/Kreis_2.html