Comment changer un bouton image?

gabriel -  
 gabriel -
Bonjour à tous,

j'ai un bouton de validation de formulaire qui est un image :
<input type='hidden' name='envoi' value='ok'>
<INPUT TYPE='image' id='img' SRC='Valider.jpg' onClick='ChangeImage(this.src);' src='attend.gif'>

et j'utilise cette fonction que j'ai trouvé sur ce site:
<script language="javascript">

function ChangeImage(url) {
document.getElementById("img").src = url;
}

</script>

mais ça ne marche pas...

Quelqu'un pourrait-il m'aider svp ?
gabriel

8 réponses

  1. Utilisateur anonyme
     
    salut
    tu fais ça :

    <input type="image" src="Valider.jpg" onclick="this.src='attend.gif';"  />


    une fois envoyé la page se recharge et le bouton redevient normal
    ׺°"~'"°º×]|I{*------» m3745p10!7 «------*}I|[׺°"~'"°º×
    0
  2. gabriel
     
    bonjour et merci pour cette réponse rapide lobotoFix

    mais j'ai déjà essayé ce que tu dis, mais ça ne marche pas...
    en fait ça a marché 2 ou 3 fois et plus maintenant...
    je comprends pas...
    0
    1. Utilisateur anonyme
       
      ha bon ?

      si tu appuis sur f12 et tu clique sur console normalement tu as une console javascript qui s'ouvre, as tu des choses inscrite dedans...peut être que cela vient d'un autre bout de javascript, je sais pas...chez moi cela fonctionne
      0
  3. ThEBiShOp Messages postés 9307 Date d'inscription   Statut Contributeur Dernière intervention   1 606
     
    <INPUT TYPE='image' id='img' SRC='Valider.jpg' onClick="ChangeImage('attend.gif');"> 
    0
  4. gabriel
     
    @</fThebishop
    j'ai fait un copier/coller,ça marche pas

    @lobotoFix
    j'ai fait F12 et corrigé quelques trucs, mais toujours rien...

    je me demande si ça vient pas d'ailleurs dans la page....
    en fait quand je clicque sur mon image "valider", elle disparait, mais mon img "attend" n'apparait pas, elle ne fait que 2ko...

    merci à vous
    0
    1. Utilisateur anonyme
       
      oui mais le traitement du formulaire est peut être trop rapide pour que tu la voit
      0
    2. gabriel
       
      en fait les données du formulaire sont renvoyées sur la meme page
      formulaire et traitement = 1 seul fichier php
      0
  5. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  6. ThEBiShOp Messages postés 9307 Date d'inscription   Statut Contributeur Dernière intervention   1 606
     
    <input id="img" type="image" src="phare_vert.png" onClick="ChangeImage('phare_rouge.png');" />

    <script language="javascript">

    function ChangeImage(url) {
    document.getElementById("img").src = url;
    }

    </script>

    chez moi, ça, ça fonctionne.
    0
    1. gabriel
       
      c'est ce qui me tue !...
      j'ai cherche sur plusieurs forums et tout le monde me donne les 2 solutions que vous me donnez et chez moi ça marche pas....
      0
  7. gabriel
     
    voici ma page de test :
    http://www.up1.fr/AEXO/upload.php

    (le "niveau" ne sert à rien...)
    0
  8. Utilisateur anonyme
     
    j'ai rien dit

    ׺°"~'"°º×]|I{*------» m3745p10!7 «------*}I|[׺°"~'"°º×</signature>
    0
  9. Utilisateur anonyme
     
    essaye ./attend.gif

    ׺°"~'"°º×]|I{*------» m3745p10!7 «------*}I|[׺°"~'"°º×
    0
    1. gabriel
       
      non plus, là ça n'uploade plus...
      je remets comme au début.
      0