par
AB » 03 nov. 2010, 23:31
ce lien est également un script d'upload qui indique "patientez..." en attendant la fin du chargement.
La partie javascript qui va t'intéresser est :
<script type="text/javascript">
<!--
function Verif_attente(id_attente)
{
var id_attente = document.getElementById(id_attente);
if (typeof id_attente != 'undefined')
{
// Nettoyage de l'élément cible
var nb_noeuds = id_attente.childNodes.length;
for (var i = 0; i < nb_noeuds; i++)
{
id_attente.removeChild(id_attente.firstChild);
}
var texte = 'Patientez...';
// Création du noeud texte
var noeud_texte = document.createTextNode(texte);
// Insertion du noeud texte
id_attente.appendChild(noeud_texte);
}
}
-->
</script>
on appelle la fonction Verif_attente onsubmit dans la balise form en indiquant en paramètre l'id du bloc pour l'affichage
<form enctype = "multipart/form-data" ... onsubmit = "Verif_attente('message_attente')" >
...
</form>
<div id = "message_attente"></div>
A l'époque je n'avais pas mis de gif animé (et donc un message à la place) car le gif restait figé avec IE6 et peut-être sur d'autres versions d'IE ce qui pouvait donner à penser que le téléchargement était bloqué. Mais pour un gif animé on peut reprendre le même principe.
La fonction javascript pourrait aussi être plus simple...
[url=http://forum.phpfrance.com/vos-contributions/upload-fichiers-verification-renommage-redimensionnement-t254129.html#p330902]ce lien[/url] est également un script d'upload qui indique "patientez..." en attendant la fin du chargement.
La partie javascript qui va t'intéresser est :
[php]<script type="text/javascript">
<!--
function Verif_attente(id_attente)
{
var id_attente = document.getElementById(id_attente);
if (typeof id_attente != 'undefined')
{
// Nettoyage de l'élément cible
var nb_noeuds = id_attente.childNodes.length;
for (var i = 0; i < nb_noeuds; i++)
{
id_attente.removeChild(id_attente.firstChild);
}
var texte = 'Patientez...';
// Création du noeud texte
var noeud_texte = document.createTextNode(texte);
// Insertion du noeud texte
id_attente.appendChild(noeud_texte);
}
}
-->
</script>[/php]
on appelle la fonction Verif_attente onsubmit dans la balise form en indiquant en paramètre l'id du bloc pour l'affichage
[php]<form enctype = "multipart/form-data" ... onsubmit = "Verif_attente('message_attente')" >
...
</form>
<div id = "message_attente"></div>[/php]
A l'époque je n'avais pas mis de gif animé (et donc un message à la place) car le gif restait figé avec IE6 et peut-être sur d'autres versions d'IE ce qui pouvait donner à penser que le téléchargement était bloqué. Mais pour un gif animé on peut reprendre le même principe.
La fonction javascript pourrait aussi être plus simple...
