php.de

Zurück   php.de > Webentwicklung > JavaScript, Ajax und mehr

JavaScript, Ajax und mehr dynamisches Scripten und Interaktion auf Clientebene

Antwort
 
LinkBack Themen-Optionen Thema bewerten
Alt 03.01.2012, 11:37  
Benutzer
 
Registriert seit: 23.08.2011
Beiträge: 31
PHP-Kenntnisse:
Anfänger
Flllo befindet sich auf einem aufstrebenden Ast
Standard [Erledigt] Javascript Button ausgrauen nach onlick()

Hallo!

Ich bin gerade dabei ein Script zu entwerfen, und benutze dabei JavaScript als Button.

Button:
Code:
<form method="post" form name="dllink">
<input type="submit" name="dlbutton" value="Download" onClick="location.href="___DOWNLOADLINK___"">
</form>
Script:

Code:
<script type="text/javascript">
 <!--
  var secs = 3; // Wartezeit in Sekunden
  var wait = secs * 1000;
  document.dllink.dlbutton.disabled=true;
  for(i=1;i<=secs;i++)
  {
   window.setTimeout("update(" + i + ")", i * 1000);
  }
  window.setTimeout("timer()", wait);
  function update(num)
  {
   if(num == (wait/1000))
   {
    document.dllink.dlbutton.value = "Download";
   }
   else
   {
    printnr = (wait/1000)-num;
    document.dllink.dlbutton.value = "Download (" + printnr + ")";
   }
  }
  function timer()
  {
   document.dllink.dlbutton.disabled=false;
  }

 //-->
</script>
Jetzt möchte ich eine onclick() Funktion einbauen, dass nach einem klick der Button wieder ausgegraut ist.

Wie mache Ich das am besten, bis jetzt sind nämlich mehrere Versuche gescheitert.

Danke im Voraus

Flllo
Flllo ist offline   Mit Zitat antworten
Sponsor Mitteilung
PHP Code Flüsterer

Registriert seit: 21.08.2005
Beiträge: 4682
PHP-Kenntnisse:
Fortgeschritten

Alt 03.01.2012, 11:43  
Erfahrener Benutzer
 
Benutzerbild von wolf29
 
Registriert seit: 17.03.2010
Beiträge: 1.833
PHP-Kenntnisse:
Fortgeschritten
wolf29 wird schon bald berühmt werdenwolf29 wird schon bald berühmt werden
Standard

Zitat:
dass nach einem klick der Button wieder ausgegraut ist.
ausgrauen und/oder deaktivieren (http://de.selfhtml.org/html/formular...ente_ausgrauen) ?

mfg Wolf29
__________________
while (!asleep()) sheep++;

Unterschätze nie jemanden der einen Schritt zurück geht! Er könnte Anlauf nehmen.
wolf29 ist offline   Mit Zitat antworten
Alt 03.01.2012, 11:44  
moderatives Dielektrikum
 
Benutzerbild von nikosch
 
Registriert seit: 21.05.2008
Beiträge: 35.987
PHP-Kenntnisse:
Fortgeschritten
nikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunft
Standard

Zitat:
bis jetzt sind nämlich mehrere Versuche gescheitert.
Dann zeig uns diese Versuche bitte.
__________________
--
One pixel is still too big. Please make it smaller. ASAP.

Initiative Mittelstand.
Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers.
--
nikosch ist offline   Mit Zitat antworten
Alt 03.01.2012, 11:48  
Benutzer
 
Registriert seit: 23.08.2011
Beiträge: 31
PHP-Kenntnisse:
Anfänger
Flllo befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von nikosch Beitrag anzeigen
Dann zeig uns diese Versuche bitte.
sekunde ich muss erst im papierkorb suchen
Flllo ist offline   Mit Zitat antworten
Alt 03.01.2012, 11:52  
Benutzer
 
Registriert seit: 23.08.2011
Beiträge: 31
PHP-Kenntnisse:
Anfänger
Flllo befindet sich auf einem aufstrebenden Ast
Standard

1. Habe ich das einfach drangehangen:

Code:
 onClick="function('document.dllink.dlbutton.disabled=true;');
2. das hier
Code:
  function onclick()
  {
   document.dllink.dlbutton.disabled=true;
  }
doch es funktioniert beides nicht.

Ich muss dazu sagen ich kenne mich nicht gut mit JS aus, deshalb nicht schlagen

Flllo
Flllo ist offline   Mit Zitat antworten
Alt 03.01.2012, 11:56  
moderatives Dielektrikum
 
Benutzerbild von nikosch
 
Registriert seit: 21.05.2008
Beiträge: 35.987
PHP-Kenntnisse:
Fortgeschritten
nikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunft
Standard

Ja, das merkt man. Bei 2) fehlt natürlich der Bezug zum auslösenden Element und der Eventhandler-Name alleine macht keine Funktionalität. Schau Dir besser mal ein Grundlagenkapitel zum Thema Events an.
1) ist schon relativ nahe dran. Allerdings ist Deine function('')-Syntax schlichtweg ausgedacht und kann so nicht funktionieren. Ein Eventhandler-Attribut erwartet bereits Javascript-Code direkt im Attributwert. inline-Javascript ist eigentlich auch nicht mehr zeitgemäß, aber als Anfänger hast Du erstmal andere Probleme.
__________________
--
One pixel is still too big. Please make it smaller. ASAP.

Initiative Mittelstand.
Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers.
--
nikosch ist offline   Mit Zitat antworten
Alt 03.01.2012, 13:29  
Erfahrener Benutzer
 
Benutzerbild von jspit
 
Registriert seit: 19.08.2011
Beiträge: 701
PHP-Kenntnisse:
Anfänger
jspit wird schon bald berühmt werden
Standard

Beim Ausgrauen (disabled) des submit-buttons per onclick lauert noch eine ganz böse Falle:
Der IE schickt das Formular gar nicht erst ab!
jspit ist offline   Mit Zitat antworten
Alt 03.01.2012, 13:35  
Erfahrener Benutzer
 
Registriert seit: 03.08.2010
Beiträge: 1.141
PHP-Kenntnisse:
Anfänger
hausl wird schon bald berühmt werdenhausl wird schon bald berühmt werden
Standard

@Flllo: Wenn es dazu kein anderes Tutorial im Web gibt das sowas gut beschreibt, dann bist du ev. GMX "Kunde", die machen das so, wenn man im Website ein Mail schickt. Sollte sich mittels Firebug und Konsorten inspizieren lassen, was da abgeht.

[edit]
http://www.google.at/search?q=js+but...t+deaktivieren

LG
__________________
Keine Zahl != ein Zeichen das keine Zahl ist

Geändert von hausl (03.01.2012 um 13:38 Uhr).
hausl ist gerade online   Mit Zitat antworten
Antwort


Themen-Optionen
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an
Gehe zu

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
[Erledigt] Facebook &quot;like&quot; button zu jeder news bahrain PHP Einsteiger 14 12.09.2011 10:57
[Erledigt] Inhalt von einer URL ausgeben per Javascript Ahrta5 JavaScript, Ajax und mehr 4 31.08.2011 19:16
Google Maps JavaScript API mit PHP Array Demian JavaScript, Ajax und mehr 4 17.08.2011 12:27
&amp;quot;Submit&amp;quot; Button in anderem Frame erzeugen skerge12 PHP Tipps 2010 12 19.10.2010 11:59
[Erledigt] Problem mit dynamischer URL in Javascript Dateien da.eXecutoR JavaScript, Ajax und mehr 4 28.09.2010 17:18
timing Probleme bzw Zusammenspiel PHP Javascript thica PHP Tipps 2009 2 19.02.2010 19:06
[Erledigt] Variable von Javascript mit 1x1px-Bild an PHP übergeben beneblack PHP Tipps 2009 18 03.05.2009 22:40
1101: 10x JavaScript und kein Ende ist abzusehen… Nikolaus 2.0 Adventskalender 2008 9 13.12.2008 20:11
Lerne Grundlagen | Quellensammlung cycap PHP Einsteiger 0 12.11.2008 16:23
Reset Button bei Formularen TeazY PHP Tipps 2008 2 24.12.2007 14:59
Submit durch Javascript oder Button Marian HTML, Usability und Barrierefreiheit 25 28.07.2006 10:07
Javascript link mit button öffnen (ich habe alles versucht ) Bruce HTML, Usability und Barrierefreiheit 8 27.03.2006 11:02
[Erledigt] NewWindow mit JavaScript - Vor-Zurück Button automatisch ? HTML, Usability und Barrierefreiheit 0 10.07.2005 15:43
JavaScript Button Linken! CHRIS HTML, Usability und Barrierefreiheit 3 26.12.2004 14:31

Besucher kamen über folgende Suchanfragen bei Google auf diese Seite
button ausgrauen javascript, javascript button ausgrauen, javascript ausgrauen, javascript button über php deaktivieren, onclick deaktivieren für eine sekunde, javascript button nach klick ausgrauen, onclick nach einem klick ausgrauen, onclick this.disabled true ie sendet nicht#, javascript button nach klick deaktivieren, disable a submit button with onclick timer, button ausgrauen, button ausgrauen js, html location.href php auslösender button, onlick php, onlick() php

Alle Zeitangaben in WEZ +2. Es ist jetzt 12:01 Uhr.




Powered by vBulletin® Version 3.7.2 (Deutsch)
Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0
Aprilia-Forum, Aquaristik-Forum, Liebeskummer-Forum, Zierfisch-Forum, Geizkragen-Forum