• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Nach klick auf "Upload" Button > Ladebild anzeigen

zefug

Neues Mitglied
Hallo leute,

bin noch etwas in den kinderschuhn, und hoffe hier auf etwas hilfe.

Also ich habe da ein Formular ink. Upload. Da man hier bis zu 20MB hochladen kann, möchte ich den besuchern signalisieren, dass sie während der langen wartezeit nichts tun sollen - den es tut sich bereits was!

Am besten geht das mit einem animierten bild. Habe da etwas probleme mit solchen (in meinen augen) komplexen lösungen.

Also, mein aktueller Code auf der Seite sieht
HTML:
<input type="submit" id="regularsubmit" name="submit" value="'.JText::_('COM_REDFORM_Submit').'" />
aus.

Im Internet bin ich dann auf
HTML:
<script>$(document).ready(function() { 	$(':submit,.buttonwithwait').after('<img class="imgaftersubmit" style="display:none;vertical-align:middle;margin-left:5px;" src="media/wait-animation.gif" alt="" />'); 	$(':submit,.buttonwithwait').click(function() { 		$(this).next("img.imgaftersubmit").show(); 	}); });</script>
gestoßen.

Kann man diese 2 Codes miteinander verbinden?
 
Werbung:
Ja, die könnte man zusammen in eine Seite einbauen. Allerdings ist letzteres jQuery-Code, also musst Du auch jQuery in deine Seite integrieren.
 
Okay, vielen Dank schonmal für die Antwort und den Hinweis.

HTML:
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>


<script type="text/javascript">

$(document).ready(function() {     $(':submit,.buttonwithwait').after('<img class="imgaftersubmit" style="display:none;vertical-align:middle;margin-left:5px;" src="media/wait-animation.gif" alt="" />');     $(':submit,.buttonwithwait').click(function() {         $(this).next("img.imgaftersubmit").show();     }); });

</script>

Was genau muss ich denn jetzt tun, damit man mit klick auf den Button diesen Abschnitt anspricht?
 
Zuletzt bearbeitet:
Werbung:
Du müsstest beides eigentlich nur in <head> einfügen, dann sollte es von selbst laufen. Evtl. wäre es auch notwendig die Klasse "buttonwithwait" dem Button zu geben auf den geklickt wird, vlt. auch dem Formular, welches abgesendet wird.
 
Vielen Dank! Hast recht, geht ohne weitere Änderung, wird direkt angezeigt. Hatte wohl beim ersten Versuch etwas falsch kopiert.

Danke dir für deine sehr freundlich Hilfe!
 
Zurück
Oben