Problem mit Submit-Button

st0n3d · 20.07.2011, 01:52

Morgen zusammen,

ich habe mir ein kleines Scipt aus dem Internet gesucht, welches ich gerne auf einer Seite vervielfältigen würde.

Es funktioniert soweit alles wie gewollt, ich klicke auf den Submit-Button, der Countdown läuft im Button ab (kann nicht mehr geklickt werden) und nach Ablauf der Zeit ist er wieder voll funktionsfähig.

Versuche ich allerdings dieses Script mehrmals auf eine Seite einzubauen wird mir immer mindestens 1 Button gräulich (nicht anklickbar) angezeigt.

Ich probiere seit Stunden herum, aber finde die Lösung für mein kleines Problem einfach nicht, hier mal der Code.

Code:

   <html>
   <head>

   <script type="text/javascript">
   var countdown = <?=$timestamp_1?>;
      
   function doCount()
   {
   if (countdown > 0)
   {
   countdown--;
   document.forms['counter'].elements['counter'].value =  formatTime(countdown) + ' bis zur Fertigstellung';
   window.setTimeout('doCount()', 1000);
   }
   else
   {
   document.forms['counter'].elements['counter'].value = 'Skillen';
   document.forms['counter'].elements['counter'].disabled = false;
   }
   }
      
   function formatTime(time)
   {
   var h = Math.floor(time / 3600);
   var m = Math.floor(time % 3600 / 60);
   var s = time - (h*3600 + m*60);
        
   s = ( (s < 10) ? '0' : '' ) + s;
   h = ( (h < 10) ? '0' : '' ) + h;
   m = ( (m < 10) ? '0' : '' ) + m;
        
   return h + ':' + m + ':' + s;
   }
   </script>
   
   </head>
   <body onLoad="doCount();">

   <form name= "counter" form action="?go=countdowns" method="post">
   <input type="submit" name="counter" value="Starten" onClick=('doCount()', 1000); disabled/>
   </form>
   
   </body>
   </html>

nikosch · 20.07.2011, 03:38

Fachfragen zu bestimmten Softwareprodukten

eagle275 · 20.07.2011, 09:32

wenn ich das richtig verstanden habe, dann brauchst du auch für 1000 Buttons auf deiner Seite dieses Script"chen" nur ein einziges mal - du musst es halt nur bewerkstelligen, dass es automatisch den jeweils geklickten Button herausfindet - und das könnte eine geeignete onclick-Methode tun, die per $this den angeklickten Button an die Methode des Scripts weiterreicht

Wolla · 20.07.2011, 11:09

Wenn du mehrere Submit-Buttons auf deiner Seite hast, die

<input type="submit" name="counter"

den gleichen Namen haben, dann wird dein Javascript mit

document.forms['counter'].elements['counter'].value

alle Schaltflächen gleichzeitig manipulieren.

ChrisB · 20.07.2011, 11:14

Zitat:

Zitat von Wolla

dann wird dein Javascript mit

document.forms['counter'].elements['counter'].value

alle Schaltflächen gleichzeitig manipulieren.

Nein, das wird es nicht.
Es muss schon auf eines der Elemente gezielt zugegriffen werden, um dessen Eigenschaften zu ändern.

eagle275 · 20.07.2011, 12:06

wolla ? die ID ist laut html-Spec eindeutig zu vergeben, also kannst du auch gezielt ein einzelnes Element manipulieren

st0n3d · 20.07.2011, 14:50

Also als ich versucht habe es zu vervielfältigen habe ich im JS alles counter1 genannt und den submitbutton ebenfalls ... durch klick auf den jeweiligen submitbutton wird ein timestamp generiert, der die Dauer meines Countdowns festlegt ... muss ich vielleicht noch was an "doCount()" ändern ?

ChrisB · 20.07.2011, 14:57

Zitat:

Zitat von st0n3d

muss ich vielleicht noch was an "doCount()" ändern ?

Wenn du die Funktion mehrfach mit unterschiedlichem Inhalt haben willst, musst du ihren Namen natürlich auch ändern ...

Aber das ist alles andere als ein sinnvolles Vorgehen.
Mit ein bisschen JavaScript-Grundkenntnissen kann man das problemlos so umschreiben, dass es bei einer Funktion bleibt, und dir per Parameter übergeben bekommt, auf welche HTML-Elemente sie wirken soll.

st0n3d · 20.07.2011, 16:02

Hab das Problem dank eurer Hilfe gelöst, danke erstmal ... ist es möglich, alle anderen Countdown-Buttons zu deaktivieren wenn bereits einer läuft ?

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
[Erledigt] Hauptfentser nach Druck auf Submit Button im PopUp neu laden	litterauspirna	JavaScript, Ajax und mehr	13	29.04.2010 19:45
Problem mit Abfrage für aktiven Button	eLost	PHP Tipps 2009	3	03.11.2009 13:24
[Erledigt] Submit Button Disabled - auch mit Bildern ?	the-rod	JavaScript, Ajax und mehr	3	13.08.2009 12:45
[Erledigt] Radio button submit	Hügel	PHP Tipps 2009	12	10.08.2009 21:01
Submit Button von Eintrag abhängig	YANNiiCK	PHP Tipps 2009	4	03.05.2009 02:42
[Erledigt] submit button mit bild problem	Webby	HTML, Usability und Barrierefreiheit	19	02.03.2009 23:54
Image Button oder Submit mit Hintergrund?	PsychoEagle	HTML, Usability und Barrierefreiheit	3	19.07.2007 13:17
Formular abschiken ohne Submit Button	shocky	HTML, Usability und Barrierefreiheit	10	02.11.2006 21:53
button (submit) ->action auf https		PHP Tipps 2005	7	18.04.2005 18:32
Problem mit Button beim IE, den ich beim Firefox nicht habe		PHP Tipps 2005	5	11.01.2005 21:38
Submit button	JanM	HTML, Usability und Barrierefreiheit	6	29.12.2004 13:29
[Erledigt] Submit Button		HTML, Usability und Barrierefreiheit	8	23.12.2004 23:15
[Erledigt] Formular, Submit, PHP - Hab ein kleines Problem		PHP Tipps 2004	2	10.07.2004 13:50
Grafischer Submit Button sendet im IE seinen Namen nicht		PHP Tipps 2004	3	30.06.2004 14:54


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

20.07.2011, 03:38
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Fachfragen zu bestimmten Softwareprodukten __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

20.07.2011, 09:32
eagle275 Erfahrener Benutzer Registriert seit: 01.09.2010 Beiträge: 4.561 PHP-Kenntnisse: Fortgeschritten	wenn ich das richtig verstanden habe, dann brauchst du auch für 1000 Buttons auf deiner Seite dieses Script"chen" nur ein einziges mal - du musst es halt nur bewerkstelligen, dass es automatisch den jeweils geklickten Button herausfindet - und das könnte eine geeignete onclick-Methode tun, die per $this den angeklickten Button an die Methode des Scripts weiterreicht __________________ "Irren ist männlich", sprach der Igel und stieg von der Drahtbürste

20.07.2011, 11:09
Wolla Moderator Registriert seit: 06.06.2008 Beiträge: 4.945 PHP-Kenntnisse: Fortgeschritten	Wenn du mehrere Submit-Buttons auf deiner Seite hast, die <input type="submit" name="counter" den gleichen Namen haben, dann wird dein Javascript mit document.forms['counter'].elements['counter'].value alle Schaltflächen gleichzeitig manipulieren. __________________ Warum denkt mein Hund eigentlich immer dann, wenn es an der Tür klingelt, es sei für ihn?

20.07.2011, 12:06
eagle275 Erfahrener Benutzer Registriert seit: 01.09.2010 Beiträge: 4.561 PHP-Kenntnisse: Fortgeschritten	wolla ? die ID ist laut html-Spec eindeutig zu vergeben, also kannst du auch gezielt ein einzelnes Element manipulieren __________________ "Irren ist männlich", sprach der Igel und stieg von der Drahtbürste

20.07.2011, 14:50
st0n3d Neuer Benutzer Registriert seit: 12.02.2011 Beiträge: 24 PHP-Kenntnisse: Anfänger	Also als ich versucht habe es zu vervielfältigen habe ich im JS alles counter1 genannt und den submitbutton ebenfalls ... durch klick auf den jeweiligen submitbutton wird ein timestamp generiert, der die Dauer meines Countdowns festlegt ... muss ich vielleicht noch was an "doCount()" ändern ?

20.07.2011, 16:02
st0n3d Neuer Benutzer Registriert seit: 12.02.2011 Beiträge: 24 PHP-Kenntnisse: Anfänger	Hab das Problem dank eurer Hilfe gelöst, danke erstmal ... ist es möglich, alle anderen Countdown-Buttons zu deaktivieren wenn bereits einer läuft ?