Anzeige - [Hier werben / Mediadaten]
(?) Tags raten (?) button, countdown, javascript (edit)
 
Reply to this topicStart new topicStart Poll
> Button Freigabe nach X Sekunden, formular submit button zunächst sperren
Thema abonnieren | Thema versenden | Thema drucken
André Griepenburg
Andre Griepenburg Internetdienstleistungen
Geschrieben am: So 14.01.2007, 02:53
Report PostQuote Post

AyomRank 6
************

Gruppe: Member (aktiv)
Beiträge: 784
Mitglied seit: 29.08.2006
Hallo,

ich möchte den Submit Button eines Formulars zunächst sperren.
Erst nachdem 5 Sekunden vergangen sind, soll der Button aktiv werden.
Während die Sekunden runter zählen sollte dies nach Möglichkeit beim Button sichtbar werden, etwa so:
absenden (5)
...
absenden (4)
...
usw.


Hat jemand eine Ahnung, wie man das realisiert?
Oder wo ich hierzu Tutorials finde?
Schön wäre es auch, wenn ich den "Countdown" über einen Funktionsaufruf starten kann (z.B. erst dann, wenn die Seite vollständig geladen wurde).

Gruß & Dank,
André


--------------------
Party und Eventcommunity aus Niedersachsen *** Mein privater Entwickler blog
Top
PMEmail PosterUsers WebsiteICQ
Top
 
 
BLochmann
Benjamin Lochmann New Media GmbH
#2 Geschrieben am: So 14.01.2007, 10:46 (+07:53)
Report PostQuote Post

AyomRank 4
********

Gruppe: Member (aktiv)
Beiträge: 59
Mitglied seit: 18.12.2005
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">


Quelle: http://www.computerhilfen.de/hilfen-8-140107-0.html

Viel Spass damit!


--------------------
- Biete Standalones an >300.000 Empfänger, älteste Adressen sind 6 Monate alt, sehr gute Liste
- Biete 10000-20000 freiwillige Textlink-Klicks/Tag an, 5-15 Cent CPC, je nach Text => Anfragen bitte per PN
Top
PMEmail PosterICQ
Top
 
André Griepenburg
Andre Griepenburg Internetdienstleistungen
#3 Geschrieben am: So 14.01.2007, 14:23 (+03:37)
Report PostQuote Post

AyomRank 6
************

Gruppe: Member (aktiv)
Beiträge: 784
Mitglied seit: 29.08.2006
Öhm,

perfekt, danke.
Das war exakt das, was ich gesucht habe.
Hab das ganze natürlich noch ein bisschen an meine Bedürfnisse angepasst wink.gif

Mhh...
und ich hab endlich den "Aha"-Effekt bei JavaScript erlebt...
ich verstehs wink.gifwink.gif


--------------------
Party und Eventcommunity aus Niedersachsen *** Mein privater Entwickler blog
Top
PMEmail PosterUsers WebsiteICQ
Top
 
radarin
GIHD mbH
#4 Geschrieben am: So 14.01.2007, 21:42 (+07:18)
Report PostQuote Post

AyomRank 5
**********

Gruppe: Member (aktiv)
Beiträge: 429
Mitglied seit: 25.07.2004
Sehr praktisches Script. Ich würde aber gerne den Zähler in den Button integrieren, aber mit dem <div> im value will das nicht klappen. Weiss jemand wie das geht?

Danke im Voraus.
Top
PMEmail PosterUsers WebsiteICQMSN
Top
 
André Griepenburg
Andre Griepenburg Internetdienstleistungen
#5 Geschrieben am: So 14.01.2007, 21:59 (+00:17)
Report PostQuote Post

AyomRank 6
************

Gruppe: Member (aktiv)
Beiträge: 784
Mitglied seit: 29.08.2006
mhh..
also ich "rate" mal ein bisschen.

Du müsstest dem Button eine id zuweisen:

QUOTE
<input type="submit" id="irgendwas" value="weg damit">


Und dann den folgenden Code ersetzen:

QUOTE
document.getElementById('max').innerHTML = 'Button wird aktiviert in '+sec+' Sekunden';


Hier muesste etwas rein wie:

QUOTE
document.getElementById('irgendwas').value = 'Aktiv in '+sec+' Sekunden';


Das ganze ist ungetestet und ohne großes JS Wissen ^^
Aber so in der Art sollte es wohl gehen


Edit: Logisch wäre es natürlich dann noch, wenn du nach Ablauf der Zeit die Beschriftung änderst in "absenden" oder ähnliches


--------------------
Party und Eventcommunity aus Niedersachsen *** Mein privater Entwickler blog
Top
PMEmail PosterUsers WebsiteICQ
Top
 
radarin
GIHD mbH
#6 Geschrieben am: So 14.01.2007, 22:48 (+00:48)
Report PostQuote Post

AyomRank 5
**********

Gruppe: Member (aktiv)
Beiträge: 429
Mitglied seit: 25.07.2004
Deine Überlegung war richtig. Das modifizierte Script inkl. Textänderung nach Ablauf der Zeit:

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';
//document.getElementById('mybutton').value = 'Aktiv in '+sec+' Sekunden';
document.getElementById('mybutton').value = 'Absenden ('+sec+')';
sec--;

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




Bearbeitet von radarin am So 4.02.2007, 01:59
Top
PMEmail PosterUsers WebsiteICQMSN
Top
 
André Griepenburg
Andre Griepenburg Internetdienstleistungen
#7 Geschrieben am: Do 1.02.2007, 13:55 (+17d 15:06)
Report PostQuote Post

AyomRank 6
************

Gruppe: Member (aktiv)
Beiträge: 784
Mitglied seit: 29.08.2006
Hallo,

hab leider erst heute das ganze einbauen und Testen können, dabei kam raus, dass das ganze unter dem IE NICHT funktioniert.
Fehlermeldung:
document.getElementById(...) ist NULL oder kein Objekt


Kann da jemand etwas mit anfangen?
Bzw. kann mir hier jemand weiter helfen?
Bin über jeden Hinweis froh...

url:
http:// www . partynation . tv/sms.php
(Das Script wurde in den Testmodus geschaltet und für alle freigegeben, trotzdem bitte NICHT verlinken)


PS: Im FF geht das ganze ohne größere Probleme wink.gif


--------------------
Party und Eventcommunity aus Niedersachsen *** Mein privater Entwickler blog
Top
PMEmail PosterUsers WebsiteICQ
Top
 
radarin
GIHD mbH
#8 Geschrieben am: Fr 2.02.2007, 17:11 (+27:15)
Report PostQuote Post

AyomRank 5
**********

Gruppe: Member (aktiv)
Beiträge: 429
Mitglied seit: 25.07.2004
Mit der Fehlermeldung kann ich Dir leider auch nicht helfen. Den Code so wie ich ihn vorher gepostet habe, ist auf dieser Seite 1:1 drinn, da funktioniert es mit dem Explorer:

kuckst du hier

Kann mir höchstens vorstellen, dass sich da zwei Scripte in die Quere kommen.

Gruss René
Top
PMEmail PosterUsers WebsiteICQMSN
Top
 
Alain_Aubert
#9 Geschrieben am: Fr 2.02.2007, 17:45 (+00:34)
Report PostQuote Post

Ayom Slave
Group Icon

Gruppe: Admin
Beiträge: 4827
Mitglied seit: 25.09.2003
Im IE7 funktioniert das wunderbar. Hab grad keinen 6er.
Du müsstest also die _vollständige_ Fehlermeldung posten.
Top
PMEmail PosterUsers Website
Top
 
radarin
GIHD mbH
#10 Geschrieben am: Fr 2.02.2007, 17:58 (+00:13)
Report PostQuote Post

AyomRank 5
**********

Gruppe: Member (aktiv)
Beiträge: 429
Mitglied seit: 25.07.2004
Bei mir (XP) funktionierts auch im 7er nicht...
Top
PMEmail PosterUsers WebsiteICQMSN
Top
 
André Griepenburg
Andre Griepenburg Internetdienstleistungen
#11 Geschrieben am: Fr 2.02.2007, 19:16 (+01:17)
Report PostQuote Post

AyomRank 6
************

Gruppe: Member (aktiv)
Beiträge: 784
Mitglied seit: 29.08.2006
QUOTE (radarin @ Fr 2.2.2007, 18:58)
Bei mir (XP) funktionierts auch im 7er nicht...

Hallo,

dein Link funktioniert bei mir, also scheinen sich dort tatsächlich 2 Scripte zu beißen.
Werde mich nun mal auf die Fehlersuche begeben...

Andernfalls muss ich ne andere Möglichkeit finden...


--------------------
Party und Eventcommunity aus Niedersachsen *** Mein privater Entwickler blog
Top
PMEmail PosterUsers WebsiteICQ
Top
 
André Griepenburg
Andre Griepenburg Internetdienstleistungen
#12 Geschrieben am: Fr 2.02.2007, 22:08 (+02:52)
Report PostQuote Post

AyomRank 6
************

Gruppe: Member (aktiv)
Beiträge: 784
Mitglied seit: 29.08.2006
Habs rausgefunden ^^
Tjaja, meine Javascripte sind alle in Ordnung, allerdings gilt dis nicht für das von LayerAds.
Solange ich das Script für die Buttonfreigabe >nach< dem LA Script schreibe bekomme ich keine Probleme (keine JS Fehler), drehe ich das jedoch um gibt es den o.g. Fehler.

:-)


--------------------
Party und Eventcommunity aus Niedersachsen *** Mein privater Entwickler blog
Top
PMEmail PosterUsers WebsiteICQ
Top
 
Thema wird von 0 Benutzer(n) gelesen (0 Gäste und 0 anonyme Benutzer)
0 Mitglieder:
« PDF-Dokumente mit PHP in Text umwandeln | Programmierung Allgemein | Wie Tabelle oben fixieren? »
Trackback-Url: http://www.ayom.com/track/t/16080
Dieses Thema abonnieren

Topic Options Reply to this topicStart new topicStart Poll

 


> Ähnliche Themen
Themen Titel Autor Views Antworten Letzte Aktion
[S] unique Textcontent (Synonym-Suche) nach eigene Martin.NewAd 94 0 Do 23.10.2008, 07:43
Paypal Weiterleitung nach Kauf A-Markets 224 6 Fr 17.10.2008, 02:03
weitere Formularfelder nach ausfüllen einblenden easymoments 151 1 So 21.09.2008, 11:36
Auf der Suche nach einem Job ( vorzugsw. 400€ ) Bertrammarcel 124 0 Mi 3.09.2008, 14:44
Hilfe: Refresh nach Select-Auswahl TTlong 242 2 So 31.08.2008, 15:39
[MYSQL] ø bei Suche nach o finden MarkusH 156 1 Mi 20.08.2008, 09:10
DB Restore nach Hackerangriff spaceman007 222 2 Di 12.08.2008, 08:24
Auf der Suche nach einem Job ( vorzugsw. 400€ ) Bertrammarcel 187 0 Do 7.08.2008, 18:49




Anzeige - [Hier werben / Mediadaten]



Anzeigen


[Hier werben / Mediadaten]