[StefanT]

Oder man nimmt eine Grafik, die auch ohne Animation eindeutig ist.

[querschlaeger]

Oder man nimmt eine Grafik, die auch ohne Animation eindeutig ist.

Es steht ja immerhin "Bitte warten..." da.
Ist nur schade, dass der IE als einziger eine Ausnahme macht und Animationen nach einem 'submit' stoppt.

[Plexxart]

Ein kleiner Hinweis: Der Internet Explorer zeigt leider keine animierten Grafiken an, d.h. der Kreisel wird sich nicht drehen. Das liegt daran, dass er alle Animationen stoppt, sobald ein Forumlar abgesendet wird. Es gibt diverse Workarounds welche man im Netz finden kann, aber alle sehr unschön sind (mit iframe, innerHTML, ...) und irgendwie nicht immer funktionieren. Was ich auch versucht habe, dieses Problem zu umgehen, esl lief immer auf eine relativ komplexe JavaScript-Funktion hinaus.

Da ich wahrhaftig kein Experte bin was JS angeht (d.h. diese netten kleinen Browser-Workaround-Tricks nicht kenne, welche man durch Erfahrung lernt), kann ich leider keine Lösung dafür bieten.

Hallo

Danke dir Querschläger für die umfassende Antwort, nun immerhin ist ein Teilerfolg erreicht worden. [Bild: http://www.plexxart.at/Forum/mybb_129_de.../Happy.gif]
Ich habe schon seit längerem Opera als Standardbrowser und der macht nicht die Mucken wie der IE.

Um eines wollte ich dich noch fragen, ob du hier auch noch einen Rat weißt.
Ich habe ja in meinem Forum ein Uploadplugin, welches gerne von User benutzt wird, weil hier technisch viel über dowloadbare Pdfs kommuniziert wird.
Hier sind die Datengrößen viel größer und auch hier wärs fein wenn ich diese Funktion zur Verfügung hätte.
Ich habe mich schon mit deinem Code damit herumgespielt, aber ohne ordentlichen Kentnisse kam da leider nichts heraus.

Hier mal der Code des Submitbuttons, der den Upload bestätigt.

Code:

<div style="text-align: center;">
<input type="submit" class="button" name="submit" value="{$lang->submit_download}" accesskey="s" />
</div>
<input type="hidden" name="action" value="do_submit" />
<input type="hidden" name="posthash" value="{$posthash}" />
<input type="hidden" name="cid" value="{$category['cid']}" />

Könntest du mir netterweise auch hier deinen Code zur Anwendung bringen [Bild: http://www.plexxart.at/Forum/mybb_129_de...ies/bz.gif]

Ich danke dir schon mal im Vorraus !

Gruß

Walter

[querschlaeger]

Bitteschön:

Code:

<div style="text-align: center;">
<span style="display: none;" id="uploadwait"><img src="{$theme['imgdir']}/spinner.gif" alt="" /> Bitte warten...</span>
<input type="submit" class="button" name="submit" value="{$lang->submit_download}" accesskey="s" onclick="document.getElementById('uploadwait').style.display='inline'; this.style.display='none';" />
</div>
<input type="hidden" name="action" value="do_submit" />
<input type="hidden" name="posthash" value="{$posthash}" />
<input type="hidden" name="cid" value="{$category['cid']}" />

Der Vorgang ist eigentlich immer der selbe:

Einen Block anlegen, welcher standardmäßig mit CSS versteckt wird und eine ID deiner Wahl besitzt

Code:

<span style="display: none;" id="meine_id">Huhu, ich verstecke mich hier!</span>

Ob das jetzt ein span, div, p oder direkt ein img ist, ist völlig egal und hängst von deinen Bedürfnissen ab.

Danach noch an den Senden-Button das JavaScript anfügen:

Code:

onclick="document.getElementById('meine_id').style.display='inline'; this.style.display='none';"

Das Script wird ausgeführt, wenn der Button angeklickt wird (onclick). Es ändert die Sichtbarkeit des Elements, welches du durch die ID ansprichst, und macht das Element, das angeklickt wurde selbst unsichtbar.

Aber jetzt eine großes ACHTUNG: Das alles ist nicht wirklich barrierefrei. Bei Browsern ohne aktiviertes JavaScript klappt das alles sowieso nicht. Und bei Browsern ohne CSS-Unterstützung (Text-Browsern) oder auf der Braillezeile wird das span-Element nicht versteckt werden.

[Plexxart]

Danke dir querschlaeger für deine Mühe !

Ich habs schon eingebaut und es funktioniert vortrefflich. [Bild: http://www.plexxart.at/Forum/mybb_129_de.../Happy.gif]

Vielleicht nimmt sich mal einer des Problems an und macht dann auch eine JS Lösung die auch am IE funktioniert, wäre zumindest für die 1.6 Version ein schönes Gimmick.

Gruß
Walter

[Falkenauge Mihawk]

Bei mir funktioniert der Code von querschlaeger nicht.

Anstatt das der Button "Attachment hinzufügen" kommt, steht dort nurnoch "Bitte warten...." und man kann somit keine Attachments hochladen.

[querschlaeger]

Dann hast du was falsch gemacht.
Ich hoffe du hast nicht direkt den Code von hier kopiert und in den CodePress-Bereich von MyBB eingefügt. Das funktioniert nämlich nicht (CodePress macht dann sehr gerne aus den Leerzeichen ein   ). Überhaupt sollte man nicht formatieren Text in den CodePress-Bereich einfügen...

[Falkenauge Mihawk]

Jetzt funktionierts. Warum auch immer.

[querschlaeger]

Der Thread ist etwas älter, aber nachdem ich die Funktion wieder in mein Forum einbauen wollte (ist wohl irgendwie beim Update auf 1.6 von mir übersehen wurden...), hier für mich (zur Notiz) und andere der komplette Code:

Code:

<tr>
<td class="trow1" width="1"><img src="{$theme['imgdir']}/paperclip.gif" alt="" /></td>
<td class="trow1" style="white-space: nowrap"><strong>{$lang->new_attachment}</strong> <input type="file" name="attachment" size="30" class="fileupload" /></td><td class="trow1" align="center"><span style="display: none;" id="updateattachment"><img src="{$theme['imgdir']}/spinner.gif" alt="" style="vertical-align: middle;" /> Bitte warten...</span><input type="submit" class="button" name="updateattachment" value="{$lang->update_attachment}" tabindex="12" id="updateattachment_button" onclick="document.getElementById('updateattachment').style.display='inline'; this.style.display='none'; document.getElementById('newattachment_button').style.display='none';" /> <span style="display: none;" id="newattachment"><img src="{$theme['imgdir']}/spinner.gif" alt="" style="vertical-align: middle;" /> Bitte warten...</span><input type="submit" class="button" name="newattachment" value="{$lang->add_attachment}" tabindex="13"  id="newattachment_button" onclick="document.getElementById('newattachment').style.display='inline'; this.style.display='none'; document.getElementById('updateattachment_button').style.display='none';" />
</td>
</tr>