✔ gif-animation während upload
- Themenstarter abrek
- Beginndatum
max
Erfahrenes Mitglied
Ich habe so etwas in die Richtung für einen Fileupoad gemacht.
Ich habe einfach beim Formular onSubmit ein PopUp Fenster öffnen lassen und dieses habe ich auf der nächsten Seite wieder schließen lassen.
im Formular:
auf der nächsten Seite:
Ich habe einfach beim Formular onSubmit ein PopUp Fenster öffnen lassen und dieses habe ich auf der nächsten Seite wieder schließen lassen.
HTML:
<script language="JavaScript" type="text/JavaScript">
<!--
function ladeanzeige() {
var win = window.open("popup.htm","laden","toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=300,height=100,left = 490,top = 462");
}
function schliessen(){
var win = window.open('', 'laden');
if(win) win.close();
}
//-->
</script>im Formular:
HTML:
<form ... onSubmit="javascript:ladeanzeige()">auf der nächsten Seite:
HTML:
<body onload="javascript:schliessen()">
Sven Mintel
Mitglied
Das läuft dort per Javascript.
In der Seite befindet sich ein Bild mit dem Namen "wait".
Dieses ist vorerst versteckt(style="display:none").
Beim Senden des Formulares wird es angezeigt:
In der Seite befindet sich ein Bild mit dem Namen "wait".
Dieses ist vorerst versteckt(style="display:none").
Beim Senden des Formulares wird es angezeigt:
Code:
document.images.wait.style.display="block";Vielen Dank für schnellere Antworten!
und, wenn ich richtig verstanden hab, wer javascript deaktiviert hat sieht nix?
@max
kann man das einbinden wenn das alles im einer Datei sein muß bzw. wie kann man erfahren dass Formular schon erledigt ist (reload)?
@Sven Mintel
document.images.wait.style.display="block";
so was verstehe ich leide nicht. kannst Du mir das ausführliche beschreiben, wenn es geht?
Wie kann ich das bei mir einbinden?
und, wenn ich richtig verstanden hab, wer javascript deaktiviert hat sieht nix?
@max
kann man das einbinden wenn das alles im einer Datei sein muß bzw. wie kann man erfahren dass Formular schon erledigt ist (reload)?
@Sven Mintel
document.images.wait.style.display="block";
so was verstehe ich leide nicht. kannst Du mir das ausführliche beschreiben, wenn es geht?
Wie kann ich das bei mir einbinden?
Sven Mintel
Mitglied
Mit
wird ein Bild mit dem name-Attribut "wait" angesprochen.
Dessen style-Attribut(also CSS-Eigenschaft) display wird auf "block" geändert...wodurch es sodann sichtbar wird.
Näheres dazu: http://de.selfhtml.org/dhtml/modelle/dom.htm#css_eigenschaften
Code:
document.images.waitDessen style-Attribut(also CSS-Eigenschaft) display wird auf "block" geändert...wodurch es sodann sichtbar wird.
Näheres dazu: http://de.selfhtml.org/dhtml/modelle/dom.htm#css_eigenschaften
Also wenn ich richtig verstehe in form-tag volgendes:Sven Mintel hat gesagt.:
Code:
<form name="basket[{$basketindex}]" action="index.php" method="post" enctype="multipart/form-data" onSubmit="document.images.wait.style.display="block";">
Code:
<span id="weit" style="visibility:hidden;">
<img src="[{$shop->imagedir}]/weit.gif" border="0" alt="">
</span>Sven Mintel
Mitglied
Das Bild muss das name-Attribut "wait" besitzen:
Code:
<img name="wait" src=".....">Habe so gemacht:
form-tag:
span-tag:
geht nicht. 
Wo liegt meine Fehler? Muss .weit classe im CSS sein? Soll ich noch was machen?
form-tag:
Code:
<form name="basket[{$basketindex}]" action="index.php" method="post" enctype="multipart/form-data" onSubmit="javascript: document.images.wait.style.display="block";">
Code:
<span id="wait" style="visibility:hidden;">
<img name="wait" src="[{$shop->imagedir}]/ssl.gif" border="0" alt="">
</span>Wo liegt meine Fehler? Muss .weit classe im CSS sein? Soll ich noch was machen?
Sven Mintel
Mitglied
Das Bild selbst muss versteckt sein per "display:none".... deines befindet sich jedoch in einem <span>, welcher per "visibility:hidden" versteckt ist.
