IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

changement de bouton liens


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Homme Profil pro
    Inscrit en
    Octobre 2004
    Messages
    514
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 58
    Localisation : Belgique

    Informations forums :
    Inscription : Octobre 2004
    Messages : 514
    Par défaut changement de bouton liens
    Bonjour voici mon problème que je rencontre, le bouton d'ouverture de lien et en croix rouge il n'apparait pas ?? voici le script .

    ps: j'ai fait le teste sur mon premier bouton


    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
     <script language="JavaScript">
      <!--
      Normal1 = new Image();
      Normal1.src = "ac.gif"; /* entrez ici le premier graphique standard */
      bouton1 = new Image();
      bonton1.src = "design/ac1.gif"; /* entrez ici le premier graphique clair*/
     
      /* etc... pour tous les autres graphiques  utiliser */
     
       function changeimage(imageno,objetimage)
      {
       window.document.images[imageno].src = objetimage.src;
      }
     //-->
     </script>

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
              <table width="100%" border="0">
                <tr>
                  <td bgcolor="#FFFFFF">
                    <div align="center">
                     <a href="index.php" onMouseOver="changeimage(0,bouton1)"
     onMouseOut="changeimage(0,Normal1)"><img src="design/ac.gif" width="88" height="32" border="0" /></a> 
                     <a href="annonce.php"><img src="design/ano.gif" width="89" height="32" border="0" /></a> 
                     <a href="contact.php"><img src="design/ct.gif" width="90" height="32" border="0" /></a> 
                     <a href="forum.php"><img src="design/forum.gif" width="83" height="32" border="0" /></a>
                     <a href="liens.php"><img src="design/liens.gif" width="86" height="32" border="0" /></a>
                      <img src="design/nouvel.gif" width="88" height="32" border="0" />
                     <a href="profil.php"><img src="design/pro.gif" width="85" height="32" border="0" /></a>
                     <a href="deconnexion.php"><img src="design/dc.gif" width="80" height="32" border="0" /></a></div></td>
                </tr>
              </table>

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.images[imageno].src = objetimage.src;
    sasn window ...

    Mais il aurait été plus fiable de faire avec de id :


    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    <a href="index.php" onMouseOver="changeimage('image_0',bouton1)"
     onMouseOut="changeimage('image_0',Normal1)">
    et
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    function changeimage(ObjImage,objetimage)
      {
       Document.getElementById(ObjImage).src = objetimage.src;
      }
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  3. #3
    Membre éclairé
    Homme Profil pro
    Inscrit en
    Octobre 2004
    Messages
    514
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 58
    Localisation : Belgique

    Informations forums :
    Inscription : Octobre 2004
    Messages : 514
    Par défaut
    Citation Envoyé par SpaceFrog Voir le message
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.images[imageno].src = objetimage.src;
    sasn window ...

    Mais il aurait été plus fiable de faire avec de id :


    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    <a href="index.php" onMouseOver="changeimage('image_0',bouton1)"
     onMouseOut="changeimage('image_0',Normal1)">
    et
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    function changeimage(ObjImage,objetimage)
      {
       Document.getElementById(ObjImage).src = objetimage.src;
      }
    sorry mes la cela ne donne plus rien j'ai changer mes deux ligne par les tienne , plus rien même la petite croix rouge de bouton d'ouverture

  4. #4
    Membre Expert
    Avatar de Jumano
    Profil pro
    Inscrit en
    Février 2007
    Messages
    1 163
    Détails du profil
    Informations personnelles :
    Âge : 57
    Localisation : France, Rhône (Rhône Alpes)

    Informations forums :
    Inscription : Février 2007
    Messages : 1 163
    Par défaut
    Bonjour,
    Ton premier code fonctionne en modifiant deux petites erreurs :
    Erreur dans le chemin vers "ac.gif" :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    Normal1.src = "design/ac.gif"; /* entrez ici le premier graphique standard */
    au lieu de :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    Normal1.src = "ac.gif"; /* entrez ici le premier graphique standard */
    Puis (bonton ==> bouton) :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    bouton1.src = "design/ac1.gif"; /* entrez ici le premier graphique clair*/
    au lieu de :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    bonton1.src = "design/ac1.gif"; /* entrez ici le premier graphique clair*/

  5. #5
    Membre éclairé
    Homme Profil pro
    Inscrit en
    Octobre 2004
    Messages
    514
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 58
    Localisation : Belgique

    Informations forums :
    Inscription : Octobre 2004
    Messages : 514
    Par défaut
    Merci jumano cela fonction a merveille

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [PUBLICATION] Bouton lien hypertexte dans une animation flash
    Par Shaitan Lucifer dans le forum Flash
    Réponses: 3
    Dernier message: 01/02/2007, 22h56
  2. [HTML] Changement apparence bouton formulaire type submit
    Par dfournier dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 02/11/2006, 22h20
  3. bouton- lien - image
    Par zoreil dans le forum Balisage (X)HTML et validation W3C
    Réponses: 6
    Dernier message: 06/07/2006, 10h20
  4. Bouton lien
    Par baillador dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 09/05/2006, 14h59
  5. Bouton lien
    Par k_boy dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 02/05/2006, 14h38

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo