PHP Afficher texte après clique sur un bouton

Résolu

Html

florianlp Messages postés 72 Date d'inscription Statut Membre Dernière intervention -
alain - 8 mai 2013 à 19:03

Bonjour,

J'aimerais que quand on clique sur un bouton sur mon site un texte apparaisse sous le bouton jusqu'à ce que le site est charger la prochaine page.

Pour le moment voilà comment est programmer le bouton:

<p align="center"> 
  <input type="image" src="site-img/btn-up.png" name="bouton_submit" value="Envoyer le fichier"> 
  </p>

Le bouton est sur la page index.php et quand on clique sur le bouton ça nous envoie sur la page upload.php .

Merci d'avance.

Afficher la suite

A voir également:

Afficher un texte en cliquant sur un bouton html
Transcription audio en texte word gratuit - Guide
Mettre un texte en majuscule - Guide
Bouton shift pc ✓ - Forum Windows
Comment faire une capture d'écran sur un samsung sans bouton ? - Guide
Editeur html - Télécharger - HTML

6 réponses

Réponse 1 / 6

gardiendelanuit Messages postés 1770 Date d'inscription Statut Membre Dernière intervention 264

Avec tout le reste..

<script lang="JavaScript">  
function my_function(){  
 document.getElementById('loading').style.display = 'block';  
 getElementById('container').innerHTML = ('Upload en cours, merci de patienter...');   
 return true;  
}  
</script>  
<style>  
.monitor{  
 display: none;  
}  
</style>  

<p align="center">      
  <input type="image" src="site-img/btn-up.png" name="bouton_submit" onClick="my_function();" value="Envoyer le fichier"/>      
  </p>      
<div id="container">     
    <img class="monitor" id="loading" src="ajax-loader.gif"></img>Choisissez votre fichier     
</div>

Un site sympa pour ton GIF: http://ajaxload.info/
Merci de mettre "Résolu" quand le problème est réglé!
La connaissance c'est comme la confiture: moins on en a et plus on l'étale.

Réponse 3 / 6

florianlp Messages postés 72 Date d'inscription Statut Membre Dernière intervention

Bonjour,

J'ai rentrer ce que vous m'avez donner et voilà ce qui apparaît: http://image.noelshack.com/fichiers/2012/36/1346666303-uploadinc1.png

Avant d'uploader un fichier il a ça qui apparaît à coter du bouton:
Upload en cours, merci de patienter...');" value="Envoyer le fichier">
Choisissez votre fichier

Et pendant un upload il y a la même chose donc ce n'est pas bon.

Encore merci à vous de prendre de votre temps pour m'aider.

gardiendelanuit Messages postés 1770 Date d'inscription Statut Membre Dernière intervention 264

<p align="center">     
  <input type="image" src="site-img/btn-up.png" name="bouton_submit" onClick="javascript: document.getElementById('container').innerHTML = ('Upload en cours, merci de patienter...');" value="Envoyer le fichier"/>     
  </p>     
<div id="container">    
    Choisissez votre fichier    
</div>

Ce devait être l'image.

Réponse 5 / 6

florianlp Messages postés 72 Date d'inscription Statut Membre Dernière intervention

L'image s'affiche pendant l'upload mais le texte qui devrait apparaître au dessus n'apparaît pas pendant l'upload:

getElementById('container').innerHTML = ('Upload en cours, merci de patienter...');

Merci d'avance

gardiendelanuit Messages postés 1770 Date d'inscription Statut Membre Dernière intervention 264

Chez moi si, tu es sous quoi? (navigateur)
Sous firefox c'est possible, il faut que je vois comment j'avais résolue le pb pour l'un de mes script.

florianlp Messages postés 72 Date d'inscription Statut Membre Dernière intervention

Je suis sous Google Chrome.

Mais je viens d'essayer sous firefox et le texte n'apparaît toujours pas.

Ca serait super si tu arrive à retrouver comment tu avais résolu le problème.

Merci d'avance.

gardiendelanuit Messages postés 1770 Date d'inscription Statut Membre Dernière intervention 264

<style>
#container{
	display: none;
}
</style>
<script lang="JavaScript">
function my_function(){
	document.getElementById('monitor').innerHTML = ('Upload en cours, merci de patienter...');document.getElementById('container').style.display = 'block'; 
	return true;
}

</script>



<p align="center">    
  <input type="image" src="site-img/btn-up.png" name="bouton_submit" onClick="my_function();" value="Envoyer le fichier"/>    
  </p>    
<div id="container">   
    <img src="ajax-loader.gif"></img>
</div>
<div id="monitor">
	Choisissez votre fichier   
</div>

Tout ce que j'ai pu trouver. Un conseil réadapte le code ;)

alain

bonjour je voulais savoir comment afficher un message apres quelques temps donc si un message est erronee je ne le valide pas donc un code php

Discussions similaires

Taille et police du texte en html

Comment mettre 3 image a coté avec leur lien?

Problème d'insertion d'image html

Comment récupérer un compte Facebook piraté?

facebook en html

Votre réponse

Discussions similaires