Image qui change au passage de la souris

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Image qui change au passage de la souris

Message par Phyliono Ven 2 Oct 2015 - 20:44

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Safari
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://www.universiteuniverselle.com

Description du problème

Bonjour,

J'ai un problème. Je voudrais que lorsque la souris passe sur le bouton Messagerie, elle affiche cette image : https://i.servimg.com/u/f21/17/44/20/01/messag13.png comme pour Administration, Réglages et Déconnexion qui fonctionnent très bien.

En effet, l'image Messagerie fonctionne avec un javascript.

Voici le code javascript :
Code:
jQuery(document).ready(function () {
    if(!$("#i_icon_mini_new_message").length) return;
    jQuery('#message_nb').append('<div id="new_message" style="display:inline"><a href="/privmsg?folder=inbox"><img src="http://i21.servimg.com/u/f21/17/44/20/01/messag11.gif"/></a></div>')
});
jQuery(document).ready(function () {
    if($("#i_icon_mini_new_message").length) return;
    jQuery('#message_nb').append('<div id="no_new_message" style="display:inline" onClick="cook_no_new_message();return true;"><a href="/privmsg?folder=inbox"><img src="http://i21.servimg.com/u/f21/17/44/20/01/messag11.png" /></a></div>')
});

Code du widget :
Code:
<!--                                                                                Titre du widget                                                                                -->
<table class="forumline" border="0" cellspacing="1" cellpadding="0" style="width: 100%;">
                                                                                                                                                                                
   <tbody>
      
      <tr>
                                                                                                                                                                    
         <td class="widgetitle" style="height: 28px;">
                                                                                          <span class="genmed module-title">{USER&nbsp;LINK}</span>                                                                             
         </td>
                                                                                                                                                                    
      </tr>
                                   
      <tr style="height: 7px;">
                  
         <td>
                     
         </td>
                  
      </tr>
                                                                                                                                               
      <!--                                                                                Contenu du widget                                                                                -->                                                                             
      <tr>
                                                                                                                                                                    
         <td align="left" class="widgetcontenu">
                                                                                                                                                             
            <div align="center">
                                                                                 <img src="http://www.habbo.fr/habbo-imaging/avatarimage?user={USER&amp;#8288;NAME}" /><br /><br />                                             
            </div>
                                                                                                       
            <div align="center">
                                                                                                          
               <table class="widgetbouton">
                                                                                                                           
                  <tbody>
                     
                     <tr>
                                                                                                                   
                        <td>
                                                                                                                
                           <div align="center">
                                    <a target="_blank" href="/admin"><img onmouseout="this.src='http://i21.servimg.com/u/f21/17/44/20/01/admini12.png'" onmouseover="this.src='http://i21.servimg.com/u/f21/17/44/20/01/admini13.png'" class="admin" src="http://i21.servimg.com/u/f21/17/44/20/01/admini12.png" /></a><span id="message_nb"></span><br /><a href="/profile?mode=editprofile"><img onmouseout="this.src='http://i21.servimg.com/u/f21/17/44/20/01/ryglag11.png'" onmouseover="this.src='http://i21.servimg.com/u/f21/17/44/20/01/ryglag12.png'" class="reglages" src="http://i21.servimg.com/u/f21/17/44/20/01/ryglag11.png" /></a><br /><a href="/login?logout"><img onmouseout="this.src='http://i21.servimg.com/u/f21/17/44/20/01/dyconn11.png'" onmouseover="this.src='http://i21.servimg.com/u/f21/17/44/20/01/dyconn12.png'" class="deconnexion" src="http://i21.servimg.com/u/f21/17/44/20/01/dyconn11.png" /></a>                                   
                           </div>
                                                                                                              
                        </td>
                                                                                                                   
                     </tr>
                                                                                                                              
                  </tbody>
                  
               </table><br />                                             
            </div>
                                                                                                           
         </td>
                                                                                                      
      </tr>
                                                                                                 
   </tbody>
</table>

Merci d'avance!


Dernière édition par Phyliono le Ven 16 Oct 2015 - 0:35, édité 1 fois
Phyliono

Phyliono
Membre habitué

Messages : 1304
Inscrit(e) le : 24/02/2013

http://www.universiteuniverselle.com
Phyliono a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image qui change au passage de la souris

Message par Phyliono Lun 5 Oct 2015 - 13:41

up
Phyliono

Phyliono
Membre habitué

Messages : 1304
Inscrit(e) le : 24/02/2013

http://www.universiteuniverselle.com
Phyliono a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image qui change au passage de la souris

Message par Phyliono Mar 6 Oct 2015 - 19:45

up
Phyliono

Phyliono
Membre habitué

Messages : 1304
Inscrit(e) le : 24/02/2013

http://www.universiteuniverselle.com
Phyliono a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image qui change au passage de la souris

Message par Phyliono Jeu 8 Oct 2015 - 20:13

up
Phyliono

Phyliono
Membre habitué

Messages : 1304
Inscrit(e) le : 24/02/2013

http://www.universiteuniverselle.com
Phyliono a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image qui change au passage de la souris

Message par Phyliono Ven 9 Oct 2015 - 22:51

up
Phyliono

Phyliono
Membre habitué

Messages : 1304
Inscrit(e) le : 24/02/2013

http://www.universiteuniverselle.com
Phyliono a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image qui change au passage de la souris

Message par Phyliono Lun 12 Oct 2015 - 10:12

up
Phyliono

Phyliono
Membre habitué

Messages : 1304
Inscrit(e) le : 24/02/2013

http://www.universiteuniverselle.com
Phyliono a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image qui change au passage de la souris

Message par Phyliono Jeu 15 Oct 2015 - 19:00

up
Phyliono

Phyliono
Membre habitué

Messages : 1304
Inscrit(e) le : 24/02/2013

http://www.universiteuniverselle.com
Phyliono a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image qui change au passage de la souris

Message par MasDan Jeu 15 Oct 2015 - 19:37

Bonjour Phyliono,

Il s'agit de modifier votre balise IMG pour y insérer les attribut onmouseover et onmouseout.

Remplacer votre javascript par le code suivant
Code:
jQuery(document).ready(function (){
  if($("#i_icon_mini_new_message").length){
    jQuery('#message_nb').append('<div id="new_message" style="display:inline"><a href="/privmsg?folder=inbox"><img src="http://i21.servimg.com/u/f21/17/44/20/01/messag11.gif" onmouseover="this.scr=\'http://i21.servimg.com/u/f21/17/44/20/01/messag13.png\'"onmouseout="this.src=\'http://i21.servimg.com/u/f21/17/44/20/01/messag11.gif\'"</a></div>')
  } else {
    jQuery('#message_nb').append('<div id="no_new_message" style="display:inline" onClick="cook_no_new_message();return true;"><a href="/privmsg?folder=inbox"><img src="http://i21.servimg.com/u/f21/17/44/20/01/messag11.png"onmouseover="this.src=\'http://i21.servimg.com/u/f21/17/44/20/01/messag13.png\'"onmouseout="this.src=\'http://i21.servimg.com/u/f21/17/44/20/01/messag11.png\'"/></a></div>')
  }
});
MasDan

MasDan
Membre habitué

Masculin
Messages : 1538
Inscrit(e) le : 24/05/2011

http://projetAumMdn.forumactif.com
MasDan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image qui change au passage de la souris

Message par Phyliono Ven 16 Oct 2015 - 0:34

Merci c'est parfait !
Phyliono

Phyliono
Membre habitué

Messages : 1304
Inscrit(e) le : 24/02/2013

http://www.universiteuniverselle.com
Phyliono a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum