PHP Afficher texte après clique sur un bouton

Résolu/Fermé

Html

florianlp Messages postés 72 Date d'inscription mercredi 15 février 2012 Statut Membre Dernière intervention 21 octobre 2015 - 2 sept. 2012 à 22:24
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.

A voir également:

6 réponses

Réponse 1 / 6

gardiendelanuit Messages postés 1769 Date d'inscription jeudi 20 décembre 2007 Statut Membre Dernière intervention 19 novembre 2016 264
Modifié par gardiendelanuit le 3/09/2012 à 17:41

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 mercredi 15 février 2012 Statut Membre Dernière intervention 21 octobre 2015
3 sept. 2012 à 12:01

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 1769 Date d'inscription jeudi 20 décembre 2007 Statut Membre Dernière intervention 19 novembre 2016 264
Modifié par gardiendelanuit le 3/09/2012 à 13:50

<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 mercredi 15 février 2012 Statut Membre Dernière intervention 21 octobre 2015
3 sept. 2012 à 18:52

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 1769 Date d'inscription jeudi 20 décembre 2007 Statut Membre Dernière intervention 19 novembre 2016 264
3 sept. 2012 à 20:02

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 mercredi 15 février 2012 Statut Membre Dernière intervention 21 octobre 2015
Modifié par florianlp le 3/09/2012 à 20:11

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 1769 Date d'inscription jeudi 20 décembre 2007 Statut Membre Dernière intervention 19 novembre 2016 264
3 sept. 2012 à 21:28

<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
Modifié par alain le 8/05/2013 à 19:05

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

Cliquer sur un bouton pour faire apparaitre un paragraphe/image

Afficher / masquer ou plier/déplier une zone de texte

Afficher du texte en cliquant sur un mot

texte apparaît si on clique sur un bouton html

[HTML]:ouvrir un onglet a parti d'un button

comment changer la langue sur mon site?

Discussions similaires

Newsletters