Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

Image qui change au passage de la souris

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 le 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
avatar

Phyliono
Membre habitué(e)

Messages : 1146
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 le Lun 5 Oct 2015 - 13:41

up
avatar

Phyliono
Membre habitué(e)

Messages : 1146
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 le Mar 6 Oct 2015 - 19:45

up
avatar

Phyliono
Membre habitué(e)

Messages : 1146
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 le Jeu 8 Oct 2015 - 20:13

up
avatar

Phyliono
Membre habitué(e)

Messages : 1146
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 le Ven 9 Oct 2015 - 22:51

up
avatar

Phyliono
Membre habitué(e)

Messages : 1146
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 le Lun 12 Oct 2015 - 10:12

up
avatar

Phyliono
Membre habitué(e)

Messages : 1146
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 le Jeu 15 Oct 2015 - 19:00

up
avatar

Phyliono
Membre habitué(e)

Messages : 1146
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 le 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>')
  }
});
avatar

MasDan
Aidactif
Aidactif

Masculin
Messages : 1215
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 le Ven 16 Oct 2015 - 0:34

Merci c'est parfait !
avatar

Phyliono
Membre habitué(e)

Messages : 1146
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


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