Ein Button 2 Aktionen

[Mathmos]

Hallo,

ich habe gerade ein kleines Problem.
Und zwar versuch ich gerade ein wenig PHP zu lernen und möchte ein kleines Upload Script schreiben.
Soweit funktioniert das auch ganz gut. allerdings möchte ich, dass wenn man auf den Hochladen Button gedrückt hat, ein div oder Layer mit einem Ladebalken gif angezeigt wird.
Das heißt der Button müsste 2 Aktionen ausführen oder?
Nun wäre die Frage wie.


Der HTML Code sieht bisher so aus

<form action="upload.php" method="post" enctype="multipart/form-data">
<input type="file" name="datei"><br>
<input type="submit" value="Hochladen">
</form>

 

[Mad Dog]

nein würde der button nicht machen.

mit dem klick auf den button wird ein neues file (oder auch das selbe) geladen.
jetzt kannst du dein upload skript starten und darin gleichzeitig einen ladebalken integrieren.

 

[Mathmos]

Nein, das würde nicht Funktionieren, da die upload.php erst aufgerufen wird, wenn der Upload fertig ist.
Hab aber was gefunden wie es funktioniert.
Und zwar über onsubmit und js =)

 

[Elroy]

Nein, das würde nicht Funktionieren, da die upload.php erst aufgerufen wird, wenn der Upload fertig ist.

Nein wird sie nicht, oder was denkst du was den Upload macht?

Gruss
Elroy

 

[mermshaus]

Der Browser. Das Zielscript wird erst dann aufgerufen, wenn der Upload vollständig ist. Das stimmt schon.

@Mathmos: Such mal nach „javascript upload progress“ oder so. Es gibt da einige Lösungen, sowas zu realisieren.

 

[Mathmos]

Danke nochmals.

Wie gesagt, ich habe jetzt eine Lösung.
Es ist einfach ein normaler Ladebalken als gif der ständig durchläuft bis der Upload fertig ist =)

Lösung: onsubmit

<div id="popup_upload">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td align="center" valign="middle"><br />

                <img src="graphic/30.gif" alt="Die Datei wird hochgeladen." /><br /><br />
        Die Datei wird hochgeldaden.<br />
        Dies kann einige Minuten dauern.
      </td>
    </tr>
  </table>
</div>
<form action="upload.php" method="post" enctype="multipart/form-data" onsubmit="show_upload_popup()">
<input type="file" name="datei"><br>
<input type="submit" value="Hochladen">

<!--
    function show_upload_popup()
    {
        document.getElementById('popup_upload').style.visibility = 'visible'; 
        document.getElementById('popup_upload').style.display = 'block';
    }    
-->