Ajax/js :Pb InnerHTML affichage image

Ajax/js :Pb InnerHTML affichage image - HTML/CSS - Programmation

Marsh Posté le 15-02-2010 à 01:13:11    


hello, je rencontre un problème d'apparence simplissime mais auquel je ne trouve pas de solutions.
 
 
ce script fait partie d un script d upload de fichier.
 
on a donc un input avec un bouton parcourir, une fois le fichier sélectionné, l'input et bouton parcourir disparaissent pour laisser place au message 'Envoi en cours"  
 
bref cette étape correspond à la partie ci dessous en vert.
 
je souhaiterais pouvoir ajouter une image (ajax_loader.gif // barre de progression en gif) a coté du texte 'Envoi en cours'.
Mais impossible d'intégrer cela, cela fait bugguer le script a chaque fois :s
 
si quelqun à une idée/solution, je suis plus que preneur ...
 
<?php
 
// Le futur contenu
$content = array();
 
// Si la variable d'action est transmise et si le type coincide, alors on crée un nouveau input
if( isset($_GET['action']) && $_GET['action'] == 'add_file_input' )
{
 $mTime = time();
 // On crée la zone qui va contenir le formulaire du fichier à envoyer
 $content[] = '<div style="font-family:verdana;font-size:0.8em;border:1px;padding:4px;margin:0px;" id="file_status_'.$mTime.'">';
 // Puis le formulaire en lui même
 $content[] = '<form name="file_'.$mTime.'" method="post" action="alt_index_upload.php" target="alt_index_upload" enctype="multipart/form-data">';
 // On crée un champ caché qui contient le nom de la zone dans laquelle afficher les informations sur l'état du transfert
 $content[] = '<input type="hidden" name="htmlElement" value="file_status_'.$mTime.'"/>';
 // Lorsqu'un fichier est selectionné dans la liste, il est envoyé au serveur automatiquement en arrière plane et l'utilisateur en est informé
$content[] = '<input type="file" name="fichier" onChange="document.file_'.$mTime.'.submit();document.getElementById(\'file_status_'.$mTime.'\').innerHTML=\'Envoi en cours\';">';
 $content[] = '</form>';
 $content[] = '</div>';
}
 
echo utf8_encode( implode(chr(10),$content) );
 
 
?>
 

Reply

Marsh Posté le 15-02-2010 à 01:13:11   

Reply

Marsh Posté le 15-02-2010 à 10:42:28    

Peut-être que le problème viendrait de $mTime. Ne pourriez-vous pas essayer avec une valeur qui ne change pas ? Le programme pourrait ne pas retrouver l'id du champ qui avait été donné initiallement car l'heure aurait changé.


Message édité par olivthill le 15-02-2010 à 10:44:13
Reply

Marsh Posté le 15-02-2010 à 11:54:30    

j'avoue que je ne maitrise que très très peu le javascript et la je n'ai pas les compétences necessaires pour faire cela.

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed