Computerhilfen.de: button mit einem countdown

Design und Entwicklung: Webmaster Forum & Hilfe: Thema gestartet von: problemchild am 29.11.06, 16:39:19
Thema lesen und antworten: http://www.computerhilfen.de/hilfen-8-140107-0.html
Mit dem Handy lesen und antworten: http://mobil.computerhilfen.de/mobil-hilfen-8-140107-0.html




Titel: button mit einem countdown
Beitrag von: problemchild am 29.11.06, 16:39:19
heyy, suche ein script wobei der button, welcher auf einen link verweist erst nach 5 sekunden aktiviert wird.

vielen dank fürs lesen

mfg



Titel: Re: button mit einem countdown
Beitrag von: JoSsiF am 29.11.06, 16:43:12
Hi |

Skript ist schonmal gut. Und ein Skript ist meist in einer bestimmten Sprache geschrieben ;)

Und wo soll das Ganze dann Anwendung finden?

greez 8)
JoSsiF



Titel: Re: button mit einem countdown
Beitrag von: problemchild am 29.11.06, 16:52:46
es soll auf einer blogseite eingesetzt werden



Titel: Re: button mit einem countdown
Beitrag von: problemchild am 29.11.06, 16:54:24
ich sag mal so , ich will einen button auf meiner blogseite einsetzten, wo die user 5 sekunden abwarten müssen um den button (kann auch link sein) anzuklicken



Titel: Re: button mit einem countdown
Beitrag von: JoSsiF am 29.11.06, 17:03:37
OK.

Ein fertiges Skript hab ich leider nicht zur Hand, aber zum Prinzip:

Erstmal verwendest du JavaScript. (http://www.computerhilfen.de/fachbegriffe-j-Javascript.html) Mit dem Date-Objekt kannst du dir einen Timer bauen, der im Sekundentakt lustig runterzählt. Bei null angekommen änderst du einfach das disabled-Attribut des Buttons. Fertig ;)

greez 8)
JoSsiF



Titel: Re: button mit einem countdown
Beitrag von: problemchild am 29.11.06, 17:20:31
danke für dein beitrag. aber leider bin ich ein anfänger in diesen sachen, wüsste jetzt nicht was ich machen soll ^^

meinst du, du kannst mir näher behilflich sein :)

danke fürs lesen



Titel: Re: button mit einem countdown
Beitrag von: problemchild am 29.11.06, 22:45:40
bitte bitte



Titel: Re: button mit einem countdown
Beitrag von: JoSsiF am 29.11.06, 22:58:18
Gut. Die einfache Variante ohne Datumsobjekt, aber sicherlich ausreichend genau:

Code:
<script language="javascript">
var interval = window.setInterval ('countItDown()', 1000);
var sec = 5;

function countItDown()
{
document.getElementById('max').innerHTML = 'Button wird aktiviert in '+sec+' Sekunden';
sec--;

if (sec < 0 )
{
document.getElementById('mybutton').disabled = '';
clearInterval(interval);
}
}
</script>
<div id="max" style="font-family: verdana; font-size: 10px; color: #000099; font-weight: bold;"></div>
<input type="button" id="mybutton" value="Button" disabled="disabled">

Einbau in eine Seite und Anpassung dürftest du ja hinbekommen ;)

greez 8)
JoSsiF



Titel: Re: button mit einem countdown
Beitrag von: problemchild am 30.11.06, 00:43:17
WOW riesen dank für deine hilfe :) echt sehr nett von dir. hab den code bei mir in meine blogseite eingebaut aber leider funzte es net, es funktioniert nur bei einer htm oder html (http://www.computerhilfen.de/fachbegriffe-h-HTML.html) seite. aber wieso geht es nicht auf einer blogseite ?

vielleicht nen vorschlag ?



Titel: Re: button mit einem countdown
Beitrag von: problemchild am 30.11.06, 13:00:10
^^



Titel: Re: button mit einem countdown
Beitrag von: JoSsiF am 30.11.06, 23:41:03
Zitat von: problemchild am 30.11.06, 00:43:17
vielleicht nen vorschlag ?


Nein. Weil der Begriff "Blogseite" leider nich viel über den Inhalt der Seite aussagt.

Poste doch mal den Quellcode (http://www.computerhilfen.de/fachbegriffe-q-Quellcode.html) bzw. einen Link zu der Seite.

greez 8)
JoSsiF



Computerhilfen.de | Powered by SMF 2.5.1.
© 2001-2012, Lewis Media. Alle Rechte vorbehalten.