Upload mit Wartebalken....

Hallo!

Ich möchte in einen Formular zum Dateiupload nach klicken auf den
Submit-Button den Button deaktivieren und einen Ladebalken zeigen (ein
leeres Image wird durch ein animated GIF ersetzt.)
Leider klappt das nicht so ganz, das neue GIF wird einfach nicht angezeigt.
Füge ich dem Script unten noch eine Zeile zu:

var dummy = window.confirm("tut nix");

ist der Balken wie gewünscht zu sehen.

Ideen, wie ich den Balken dargestellt bekomme?
ich vermute mal, der Browser löst keinen Redraw aus, oder das Image wird
zu spät geladen...


......


<script type="text/javascript">
function Bestaetigung () {
document.images["balken"].src="/images/balken.gif";
document.form7.ok.disabled = true;
return true;
}
</script>

......

<form name="form7" method="post" enctype="multipart/form-data"
action="bilder.py" onsubmit="return Bestaetigung()">

......


Danke,
Ingo

Ingo Linkweiler wrote:

Leider klappt das nicht so ganz, das neue GIF wird einfach nicht
angezeigt. Füge ich dem Script unten noch eine Zeile zu:

var dummy = window.confirm("tut nix");

ist der Balken wie gewünscht zu sehen.

Versuch es mal mit 'return Bestaetigung'.

Gruß,

Oliver

--
Leben ist mehr als ...
<http://www.nak-nrw.de/p_6_4.html>

Versuch es mal mit 'return Bestaetigung'.

das ändert aber nichts am Verhalten des 'images.src='. Die Methode als
solches funktioniert ja...

hab noch ein wenig experimentiert: wenn ich statt des window.confirm ein
window.srcollby mache, wird die Grafik auch angezeigt, zumindest im IE,
aber nicht im Firefox....

weitere Ideen?

Ingo

Problem gelöst: mit preload der Bilder geht´s:

<script type="text/javascript">

Zweitbild = new Image(100, 40);
Zweitbild.src = "/images/balken.gif";

function Bestaetigung () {
document.images["balken"].src=Zweitbild.src;
document.form7.ok.disabled = true;
return true;
}
</script>

Ingo Linkweiler wrote:

Problem gelöst: mit preload der Bilder geht´s:

Alternativ geht es auch ohne separaten preload. Sowas hier am Anfang der
des sichtbaren HTML Bereichs einbauen:

<div id="l_progressbar" style="display:none; position:absolute;
left:320px; top:280px; height:45px; width:500px; z-index:10;">
<img src="/progress_anim.gif">
</div>

Damit hast Du erstmal ein fix positioniertes Layer mit Deiner Animation.

Zur Aktivierung dann:

document.getElementById("l_progressbar").style.dis play="block";

Wenn der Upload fertig ist, wird die Seite neu geladen und die Animation
ist wieder weg.

Bernd

Ingo Linkweiler wrote:

Versuch es mal mit 'return Bestaetigung'.

das ändert aber nichts am Verhalten des 'images.src='. Die Methode als
solches funktioniert ja...

Tut sie nicht. Deshalb hast Du ja gepostet.

Du solltes das image bereits vorher laden.

var myImg = new Image()
myImg.src = "/images/balken.gif";

und zwar nicht erst in der Funktion. Damit ist das Bild bereits vorhanden,
wenn Du es brauchst. In der Funktion brauchst Du es dann nur noch zweisen,
und der Browser greift auf den Cache zu.

document.images["balken"].src=myImg.src;

Über das <img name="balken">-Tag liegen bisher keine Informationen vor. Wie
sieht der aus?

Gruß,

Oliver


--
Leben ist mehr als ...
<http://www.nak-nrw.de/p_6_4.html>