button der erst nach 10 sekunden frei wird...
#1
hi jungz,
da ich ein totaler anfänger in sachen html bin wollt ich mal was fragen^^
also wie bekomm ich das hin das auf meiner enter page der enter button erst nach 10 sekunden frei wird und wenn man dann auf den button draufklickt das man dann zur index.html weitergeleitet wird?....
hoffe ihr könnt mir helfen
MFG Marco :lol:
Zitieren
#2
Hi,

Google sagt es Dir mit den Suchbegriffen: Button Countdown

Cu Helmut
Zitieren
#3
ja danke ich hab auch was gefunden bloß ich versteh immer noch nicht wie dann der button wenn man draufklickt auf index.html weiterleitet

hier mal der code:

1.
<html>
2.
<head>
3.
<title>Submit-Button blockieren und nach bestimmter Zeit wieder freigeben</title>
4.
</head>
5.
<body>
6.

7.
<input id="Send" type="submit" value="Abschicken">
8.

9.
<script type="text/javascript">
10.
<!--
11.
var Sekunden = 10;
12.
var Buttonbeschriftung = "Abschicken";
13.

14.
document.getElementById('Send').disabled = true;
15.

16.
for(i = 1; i <= Sekunden; i++)
17.
{
18.
window.setTimeout("ButtonAktualisieren(" + i + ")", i*1000);
19.
}
20.

21.
window.setTimeout("ButtonFreigeben()", Sekunden*1000);
22.

23.

24.
function ButtonAktualisieren(VergangeneSekunden)
25.
{
26.
if(VergangeneSekunden == Sekunden)
27.
{
28.
document.getElementById('Send').value = Buttonbeschriftung;
29.
}
30.
else
31.
{
32.
Restsekunden = Sekunden-VergangeneSekunden;
33.
document.getElementById('Send').val
ue = Buttonbeschriftung + " (" + Restsekunden + ") ";
34.
}
35.
}
36.

37.

38.
function ButtonFreigeben()
39.
{
40.
document.getElementById('Send').disabled = false;
41.
}
42.
//-->
43.
</script>
44.

45.
</body>
46.
</html>

jemand ne ahnung?
Zitieren
#4
Hi,

der Button braucht natürlich auch ein Ziel...

Code:
<html>
<head>
<title>Submit-Button blockieren und nach bestimmter Zeit wieder freigeben</title>
</head>
<body>

[B]<input id="Send" type="button" value="Abschicken" [color=Red]onclick="window.location.href='http://www.google.de'"[/color]>[/B]

<script type="text/javascript">
<!--
var Sekunden = 5;
var Buttonbeschriftung = "Abschicken";

document.getElementById('Send').disabled = true;

for(i=1; i<=Sekunden; i++)
{
    window.setTimeout("ButtonAktualisieren(" + i + ")", i*1000);
}

window.setTimeout("ButtonFreigeben()", Sekunden*1000);

function ButtonAktualisieren(VergangeneSekunden)
{
    if(VergangeneSekunden==Sekunden)
    {
        document.getElementById('Send').value = Buttonbeschriftung;
    }
    else
    {
        Restsekunden = Sekunden-VergangeneSekunden;
        document.getElementById('Send').value = Buttonbeschriftung + " (" + Restsekunden + ") ";
    }
}

function ButtonFreigeben()
{
    document.getElementById('Send').disabled = false;
}
//-->
</script>

</body>
</html>

Cu Helmut
Zitieren
#5
oh danke du gute deutsche man ^^

genau des habsch gesucht^^

mfg Marco
Zitieren
#6
Hallo

Was passiert eigentlich, wenn Javascript deaktiviert ist? Kann man das vielleicht irgendwo mal testen?

Gruß Hulot
Zitieren



Möglicherweise verwandte Themen...
Thema Verfasser Antworten Ansichten Letzter Beitrag
  Dropdown-Menue - Text wird nach unten verschoben Doris 8 5.503 20.04.2010, 16:39
Letzter Beitrag: Doris
  Navigation wird per IE zerrisen dreamflasher 1 1.713 30.01.2009, 17:43
Letzter Beitrag: Helmut
  Navi Button "aktiv" auf aktueller Seite Seramis 5 6.140 14.08.2007, 08:18
Letzter Beitrag: Seramis
  mein java script wird im IE nicht richtig angezeigt fussi 5 3.348 25.12.2006, 15:36
Letzter Beitrag: Helmut
  text von oben nach unten Vincent 4 2.097 16.04.2006, 19:07
Letzter Beitrag: Kuddl83
  CSS nach Tageszeit einbinden Moni 4 1.930 13.01.2006, 19:00
Letzter Beitrag: Moni
  Uhr mit laufenden Sekunden Rolli 2 1.500 09.01.2006, 13:46
Letzter Beitrag: Hulot