Afficher une image avec input onclick
Résolu
Sparkle59
Messages postés
3
Date d'inscription
Statut
Membre
Dernière intervention
-
gouduile -
gouduile -
Bonjour,
Comment puis-je afficher une image type loader.gif par un onclick ou un onsubmit sur un input
Merci pour votre aide
Bonne année 2011 à tous
Comment puis-je afficher une image type loader.gif par un onclick ou un onsubmit sur un input
Merci pour votre aide
Bonne année 2011 à tous
A voir également:
- Buzz.onclick
- Image iso - Guide
- Légender une image - Guide
- No video input enter sleep mode ✓ - Forum Matériel & Système
- Faites afficher avec un fond coloré les cellules qui contiennent une valeur comprise entre 250 et 350. quel nombre est dessiné en surbrillance ? ✓ - Forum Excel
- Acronis true image - Télécharger - Sauvegarde
5 réponses
Salut,
voici l'astuce que j'ai utilisé pour afficher un loader sur mon site :
1 - tu positionne ton image dans le code html, j'utilise un simple div que je style en css
// HTML
<div id="loader"></div>
// css
#loader {
background: url('img/loader.gif') no-repeat; width: 22px; height: 22px; // image
display: none; // l'astuce est de cacher l'image
}
2 - tu ajoute ton code javascript qui affiche le loader
// javascript
function afficherLoader() {
document.getElementById('loader').style.display = 'block';
}
// HTML
<input type = "submit" name = "Valider" onclick = "afficherLoader()" />
</form>
Voilà l'idée, cela devrait résoudre ton problème.
Bonne année
voici l'astuce que j'ai utilisé pour afficher un loader sur mon site :
1 - tu positionne ton image dans le code html, j'utilise un simple div que je style en css
// HTML
<div id="loader"></div>
// css
#loader {
background: url('img/loader.gif') no-repeat; width: 22px; height: 22px; // image
display: none; // l'astuce est de cacher l'image
}
2 - tu ajoute ton code javascript qui affiche le loader
// javascript
function afficherLoader() {
document.getElementById('loader').style.display = 'block';
}
// HTML
<input type = "submit" name = "Valider" onclick = "afficherLoader()" />
</form>
Voilà l'idée, cela devrait résoudre ton problème.
Bonne année
Salut et bonne année 2011 a toi aussi :)
Voila le code que j ' ai utiliser :
<INPUT type=image Value=submit border=0 src="ton image" align="middle" >
Voila le code que j ' ai utiliser :
<INPUT type=image Value=submit border=0 src="ton image" align="middle" >
Merci Ced3E pour ton intérêt quant à mon soucis,
mais ta solution permet de mettre une image sur un bouton.
et donc, ne répond pas à mon problème.
Je vais donc reformuler ma question :
Ce que je cherche à faire, c'est lorsque je clique sur input (2) pour télécharger une image (input 1) avec un bout de code du genre :
<form method ="post" action ="tata.php">
(1) <input type = "file" name = "image" />
(2) <input type = "submit" name = "Valider" onclick = "afficher un loader.gif" />
</form>
je cherche donc à afficher une image animée le temps du téléchargement du fichier image (1)
Merci d'avance
mais ta solution permet de mettre une image sur un bouton.
et donc, ne répond pas à mon problème.
Je vais donc reformuler ma question :
Ce que je cherche à faire, c'est lorsque je clique sur input (2) pour télécharger une image (input 1) avec un bout de code du genre :
<form method ="post" action ="tata.php">
(1) <input type = "file" name = "image" />
(2) <input type = "submit" name = "Valider" onclick = "afficher un loader.gif" />
</form>
je cherche donc à afficher une image animée le temps du téléchargement du fichier image (1)
Merci d'avance
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question