Button Sperre Einstellungen

[michi-w.]

Hallo,

wie mach ich das, das ein Button nach dem ersten Klick für 10 Sekunden gesperrt ist?

Habe schon nach Java & Co gesucht, konnte aber nichts finden. Das einzige war ein Countdown Script, welcher aber gleich beim öffnen der Seite los geht. Ich brauch etwas, was erst nach dem ersten Klick anfängt zu zählen.

Da ich nicht weiß, was für ein Weg (PHP, Java, Perl, HTML) der richtige ist, schreib ich es einfach mal unter HTML rein.

Gruß
michi-w.

P.S. Hallo Conny

[i.b.g]

Hallo,

am Anfang: Java <> JavaScript!

Was Du möchtest, ist imho nur mit JavaScript zu lösen und zwar mit der Funktion setTimeout:

QUELLTEXT

window.setTimeout(function(), waittime)

Schau mal bei SelfHTML nach; da wirst Du die entsprechenden Informationen finden.

[Conny]

Hi Michi,

long time no see!

Ich wurde es auch wie Ingo lösen.
Du brauchst da wohl ein kleines JavaScript und ein Eventhandler wie: OnClick,
dann SetTimeout('anweisung(text?)', 10000);
Nach dem ';' könntest du weitere Parameter setzen.
Die 10000 wären die 10Sekunden.

cu
Conny

PS. wenn ich aber einen Button klicken würde und dann geht 10 sek. lang nix, würde ich annehmen da ist was 'kapott'!

[michi-w.]

Danke!

long time no see!

Stimmt, hoffe es geht dir gut!

Wäre das so richtig?

QUELLTEXT

<input type="submit" name="submit" class="button" value="Bild melden" onClick="SetTimeout('anweisung(text?)', 10000);">

Gruß
michi-w.

Der Beitrag wurde von michi-w. bearbeitet: 07.02.2006 - 10:57

[michi-w.]

Das geht alles nicht

[i.b.g]

Hallo,

Das geht alles nicht

Du musst natürlich 'anweisung(text?)' durch eine Funktion ersetzen, die nach den 10000 Millisekunden aufgerufen werden soll. Ggf musst Du eine dummy-Funktion schreiben, die im Zweifel nichts macht. Also doch nochmal in SelfHTML reinschauen.

[michi-w.]

Aha, mit dummy-Funktion kann die Suche in SelfHTML nichts anfangen und ich weiß nicht, wonach ich suchen muss.

[i.b.g]

Hallo,

Aha, mit dummy-Funktion kann die Suche in SelfHTML nichts anfangen und ich weiß nicht, wonach ich suchen muss.

Ich meine damit eine Funktion, die den einzigen Zweck hat, da zu sein, aber nichts an Aktionen ausführt beim Aufruf. Und in SelfHTML sollst du nach setTimeout suchen, denn da ist auch ein Beispiel, das funktioniert.

Ich habe aber irgendwie das Gefühl, dass Du gar nicht weißt, wovon Conny und ich hier sprechen, oder? Lernen musst Du hingegen schon selbst.

[michi-w.]

Das ist meine erste Stunde in Sachen Javascript, was erwartest du?

[i.b.g]

Hallo,

Das ist meine erste Stunde in Sachen Javascript, was erwartest du?

... dass Du mit unserer Hilfe zur Selbsthilfe den Weg zur Lösung Deines Problems finden kannst. Das wäre doch in Ordnung, oder?

[michi-w.]

Klar, das möchte ich ja auch, nur Aussagen wie

Schau mal bei SelfHTML nach;

und

dummy-Funktion

helfen mir nicht weiter, wenn ich nicht einmal weiß, wonach oder was ich suchen muss.

Da wär mir mit einem fertigen Javascript und einer passenden Erklärung mehr geholfen.

Gruß
michi-w.

[Auge]

Klar, das möchte ich ja auch, nur Aussagen wie

Schau mal bei SelfHTML nach;

und

dummy-Funktion

helfen mir nicht weiter, wenn ich nicht einmal weiß, wonach oder was ich suchen muss.

SELFHTML gibt dir eine recht umfangreiche JavaScript-referenz inclusive Erklärungen. Lesen musst du diese schon selbst.

Da wär mir mit einem fertigen Javascript und einer passenden Erklärung mehr geholfen.

Wenn dir hier jemand den JavaScript-quellcode servieren würde, würdest du ihn nehmen und "hurra" schrei(b)en (so er funktioniert). So, wie du dich in diesem Thread präsentiert hast, nehme ich aber an, dass du eine auch noch so gute Erklärung links liegen lassen würdest.

Wie heißt es doch so schön: Gib einem Mann einen Fisch und du ernährst ihn einen Tag. Zeige ihm, wie man Fische fängt, und du nährst ihn ein ganzes Leben lang.

Tschö, Auge

[michi-w.]

Conny kennt mich und weiß, das ich nicht gleich aufgebe.
Und klar, in erster Linie suche ich ein Script nur für diese Aufgabe und habe die Frage eigentlich nicht gepostet, um Java zu erlernen. Ich möchte eigentlich nur mein Problem beseitigen. Ich muss schließlich nicht erst KFZ Mechaniker lernen, um ein Auto fahren zu können.

Ach ja, und so gut ist SELFHTML nicht. Die Beschreibungen sind oft unverständlich und setzen zuviel Vorwissen voraus.

Gruß
michi-w.

[Conny]

Moin,
hier möchte ich Michi beipflichten, ich kenne ihm u.A. aus anderen Foren, und ich weiss, er ist durchaus stets bereit dazu zu lernen, immer bestrebt auch anderen zu helfen .

Klar, in diesem Falle würde ein fertiges Script schon helfen, leider habe auch ich keins zur Hand, melde mich aber sobald ich ansatzweise was gefunden habe!

cu
Conny

[Conny]

Moin again,
selbst bin ich zwar auch kein Held in Sachen JS.
Zwei Sachen habe ich aber heraus gefunden:

Das hier geht...

HTML

<FORM ACTION="anfang.htm" NAME="auszeit">
<INPUT TYPE="button" NAME="auszeit" VALUE="Klicken" ONCLICK="java script:alert('warten Sie!'); self.location.href='anfang.htm'">
</FORM>

Das hier geht aber nicht! (weiss aber auch nicht warum nicht...)

HTML

<FORM ACTION="anfang.htm" name="auszeit">
<INPUT TYPE="button" NAME="auszeit" VALUE="Klicken" onClick="java script:setTimeout('auszeit();', 3000);self.location.href='anfang.htm'">
</FORM>

In dieser Variante geht es auch nicht...

HTML

<script TYPE="text/javascript" LANGUAGE="JavaScript">
<!--
function auszeit()
{
setTimeout('auszeit();', 3000);
}
-->
</SCRIPT>
<FORM ACTION="anfang.htm" name="auszeit">
<INPUT TYPE="button" NAME="auszeit" VALUE="Klicken" onClick="java script:setTimeout('auszeit();', 3000);self.location.href='anfang.htm'">
</FORM>

Sorry.
cu
Conny

[michi-w.]

Vielen Dank Conny,
aber mit from Tags komm ich nicht weiter, da sich der Input bereits in einem form befindet. Ich habe nun mehrere Varianten versucht, form name zu kombinieren, aber das wird nichts.

Hätte nicht gedacht, das soetwas so schwer ist.

Gruß
michi-w.

[i.b.g]

Hallo,

ich glaube nicht, dass ich daneben war. Ich sagte ja, dass ich helfen möchte, also bitte:

QUELLTEXT

<script type="text/javascript">
function wait() {
    self.setTimeout('self.open(\'http://www.qhaut.de/\')',10000);
}
</script>
<button name="Klickmich" type="button"  value="test" onClick="wait();">
<p>Klickmich</p>
</button>

Der Button wird geklickt, aber erst nach 10 Sekunden öffnet sich qhaut. Es ist getestet und bei mir funktionierts. Die Frage, die offen bleibt: Was bewirkt eigentlich der Button in diesem Formular? Es könnte nämlich sein, dass gerade die Funktion aufgerufen werden muss, die der Button eigentlich aus löst. Aber das ist von hier aus Glaskugellesen.

[Nosferatu]

Hallo,

wie mach ich das, das ein Button nach dem ersten Klick für 10 Sekunden gesperrt ist?

Habe schon nach Java & Co gesucht, konnte aber nichts finden. Das einzige war ein Countdown Script, welcher aber gleich beim öffnen der Seite los geht. Ich brauch etwas, was erst nach dem ersten Klick anfängt zu zählen.

Da ich nicht weiß, was für ein Weg (PHP, Java, Perl, HTML) der richtige ist, schreib ich es einfach mal unter HTML rein.

Gruß
michi-w.

P.S. Hallo Conny

Wäre mal wichtig zu sehen, wie in deinem Button-Tag die Aktion ausgelöst wird.
FALLS mit onClick = "...", dann ist das folgende JavaScript eine einfache Lösung.

HTML

<html>
<head>

<script language="JavaScript">
<!--
var last_click = 0;
function click_is_ok() {
if ( (last_click == 0) || (new Date().getTime() - last_click > 10000) ) {
last_click = new Date().getTime();
return true;
} else {
return false;
}
}
//-->
</script>

</head>


<body>

<input type="Button" name="" value="relaxation" onClick="if (!click_is_ok()) return; alert ('action');">

</body>
</html>

[michi-w.]

Vielen Dank, werde das ausprobieren.

Die Button Sperre ist für diesen Mod:
Download
Das Script ist von 4images ( http://www.4homepages.de/ ), ein Upload Script, hier ist er im Moment eingebaut:
http://www.web-upload.de/

Da ist der Melde Button
http://www.web-upload.de/details.php?image_id=17324
wenn der anklickt wird, kommt das Eingabeformular.
(bitte nicht unbedingt die Meldefunktion auslösen, wenn es nicht nötig ist)

Verbesserungen am Mod werden gerne umgesetzt!
Ich habe den Mod allerdings nicht selber gemacht, nehme ihn aber als Übungsfeld und er entspricht schon nicht mehr der Vorgabe des Modherstellers, der ein Kumpel von mir ist, aber leider sehr wenig Zeit hat.

Gruß
michi-w.

Der Beitrag wurde von michi-w. bearbeitet: 08.02.2006 - 17:04

[Nosferatu]

Das ist eigentlich kein Button, sondern ein verlinktes Bild.
Der Fall ist aber auch einfach zu lösen:

Das JavaScript aus meiner vorigen Antwort muss natürlich in die Seite, am besten irgendwo zwischen <head> und </head>.

dann musst Du im Quelltext die Stelle mit dem Bild suchen (nach melden.gif suchen, kommt nur einmal vor)

und das rot gekennzeichnete Attribut hinzufügen, am besten mit copy und paste.

...p_date=08.02.2006+16%3A46" onClick="return click_is_ok();"><img src="templates/default/images/melden.gif" bord...

[michi-w.]

@Nosferatu
Den gif Button mein ich nicht, vielleicht habe ich das nicht ganz deutlich beschrieben.
Wenn du den gif Button benutzt, öffnet sich die Seite melden.html und da gibt es den Button "Abschicken", das ist ein input Button und der soll nach dem ersten Klick für 10 Sekunden gesperrt werden, weil es sonst zu mehrfach Meldungen kommt.

Dein erster Java ist ja ganz nett mit dem zusätzlichen Popup, aber das Problem besteht weiterhin, denn ich bekomm bei mehrfach Klick immer noch mehrere Emails.

Vielleicht kann man das auch über die php lösen, so mit if=klick Button, else=nur einmal, aber soweit kann ich PHP noch nicht.

@i.b.g
Ich weiß nicht, wie ich das mit damit

QUELLTEXT

<input type="submit" name="submit" class="button" value="Bild melden">

verbinden soll, wenn ich da etwas veränder, dann geht der Mod nicht mehr.

Mit

QUELLTEXT

<input type="submit" name="submit" class="button" value="Bild melden" onclick="this.disabled = true;">

wird zwar der Button gesperrt, aber leider auch der ganze Rest, es wird keine Email versendet und auch die Weiterleitung geht nicht.

P.S. vielen Dank!

Der Beitrag wurde von michi-w. bearbeitet: 08.02.2006 - 20:10

[Conny]

Hi Michi,

Ingo's Script:

HTML

<script type="text/javascript">
function wait() {
self.setTimeout('self.open(\'http://www.qhaut.de/\')',10000);
}
</script>
<button name="Klickmich" type="button" value="test" onClick="wait();">
<p>Klickmich</p>
</button>

Und das von Dir:

HTML

<input type="submit" name="submit" class="button" value="Bild melden">

Wie folgt kombinieren:

HTML

<script type="text/javascript">
function wait() {
self.setTimeout('self.open(\'http://www.qhaut.de/\')',10000);
}
</script>
<input type="submit" name="submit" class="button" value="Bild melden" onClick="wait();">

http://www.qhaut.de/ solltest Du natürlich ersetzen mit der Adresse zu der 'submit' führt.

cu
Conny

[Nosferatu]

@Nosferatu
Den gif Button mein ich nicht, vielleicht habe ich das nicht ganz deutlich beschrieben.
Wenn du den gif Button benutzt, öffnet sich die Seite melden.html und da gibt es den Button "Abschicken", das ist ein input Button und der soll nach dem ersten Klick für 10 Sekunden gesperrt werden, weil es sonst zu mehrfach Meldungen kommt.

Dein erster Java ist ja ganz nett mit dem zusätzlichen Popup, aber das Problem besteht weiterhin, denn ich bekomm bei mehrfach Klick immer noch mehrere Emails.

Vielleicht kann man das auch über die php lösen, so mit if=klick Button, else=nur einmal, aber soweit kann ich PHP noch nicht.

@i.b.g
Ich weiß nicht, wie ich das mit damit

QUELLTEXT

<input type="submit" name="submit" class="button" value="Bild melden">

verbinden soll, wenn ich da etwas veränder, dann geht der Mod nicht mehr.

Mit

QUELLTEXT

<input type="submit" name="submit" class="button" value="Bild melden" onclick="this.disabled = true;">

wird zwar der Button gesperrt, aber leider auch der ganze Rest, es wird keine Email versendet und auch die Weiterleitung geht nicht.

P.S. vielen Dank!

aaaah, dann eben so:

1.
onClick = "...." bei deinem Button entfernen


2.

QUELLTEXT

<script language="JavaScript">
<!--
var last_submit = 0;
function submit_is_ok() {
    if (new Date().getTime() - last_submit > 10000) {
        last_submit = new Date().getTime();
        return true;
    } else {
        return false;
    }
}
//-->
</script>

3.
suchen und einfügen:

<form name="melden" action="melden.php" method="post" onsubmit="return submit_is_ok();">

[michi-w.]

@Nosferatu
Heureka, das geht!


@conny
Leider ging das auch nicht!

Vielen, vielllllllllllllllllen Dank an alle die sich Gedanken gemacht haben!!!

Gruß
michi-w.

[sheaulle]

Hallo zusammen,

vielleicht komme ich mit meinem Beitrag etwas zu spät, zumal da so eine seltsame Meldung auf der Upload-Seite von michi steht. Also sorry, dass ich den Thread aufwärme.

Außerdem habe ich beim Lesen übersehen, dass Nosferatus Lösung genau die ist, die ich probiert habe. Na ja, ich hoffe, dass meine Kommentarzeilen und die etwas unelegantere, aber ausführlichere Programmierung für Anfänger leichter verständlich sind.

Statt einen Submit-Button wie bei Nosferatu kann man auch einen normalen "Button-Button" ;-) oder Bilder-Links usw. verwenden und dann das Formular vom Script absenden lassen.

Erst das Formular mit dem Button:

QUELLTEXT

<form action="..." name="formular1">
<input type="button" name="button1" value="Meldung abschicken" onClick="return TimeCheck();">
</form>

... und das Script:

QUELLTEXT

<script language="JavaScript">
<!--
AltKlick = 0;
NeuKlick = 0;
cSperrzeit = 10; // Hier Anzahl der Sekunden für Sperre eintragen

function TimeCheck()
{
  //Zeit des Klicks festhalten
  Jetzt = new Date();
  NeuKlick = Jetzt.getTime();
  NeuKlick = Math.floor(NeuKlick/1000); // Millisekunden von getTime() in Sekunden umrechnen

  Diff = NeuKlick - AltKlick; // Differenz, also die Sekunden seit dem letzten Klick

  if (Diff < cSperrzeit)
  {
    Warten = cSperrzeit - Diff; // Das ist die Zeit bis zur Entsperrung
    alert ("Bitte nur einmal klicken!\n\n" + "Der Button ist noch " + Warten + " Sekunden gesperrt.");
    return false; // Nichts passiert
  }
  else
  {
    AltKlick = NeuKlick; // AltKlick speichert die vorherige Zeit
    document['formular1'].submit();  // Das Formular wird abgeschickt
  }
}
//-->
</script>

Schöne Grüße
Sheaulle

Der Beitrag wurde von sheaulle bearbeitet: 01.04.2006 - 1:56

[michi-w.]

Hallo,

vielen Dank, aber ich habe meine Lösung gefunden.
Und es stimmt, meine Seite ist erst einmal abgeschaltet, ich möchte den Anwälten nicht ihren Lebenstil finanzieren.

Gruß
michi-w.

[Conny]

Hi Michi,

...ich möchte den Anwälten nicht ihren Lebenstil finanzieren....

hast Du da etwa Stress an der Backe bekommen?

Das wäre ja ein Hammer

cu
Conny

[michi-w.]

Nein, diesbezüglich war noch nichts, aber der Upload war wie geschaffen für diese Typen.

Ein falsches Foto und schon hätte es einen Eurotransfer gegeben.
Wir Leben vielleicht in einem schei.. Land, in jedem anderen EU Land gibt es das nicht, nur in Deutschland.

Gruß
michi-w.

[Google Bot]