Affichage "main" manquant

[Fred1208]

Détails techniques

Version du forum : Invision
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://www.forseps.org

Description du problème

Bonjour, j'ai installé dans un panneau coulissnt une radio.

ça marche, mais je n'ai curieuement pas de "main" qui s'affiche au survol pour ouvrir le panneau. Le lien marche, mais pas de "main" comment je peux faire? j'ai essayé plein de trucs mais ça ne marche pas. voici le code :

Code:

jQuery(document).ready(function() { jQuery('body').append('<table style="position: fixed; bottom: 120px; right: 0px;background-color: #ffffff;z-index:10000;"><tr><td><div id="panneau" scrolling="no" style="width: 270px; height: 600px; display: none;" marginwidth="0" marginheight="0" frameborder="0">

<iframe scrolling="no" frameborder="0" allowTransparency="true" src="http://www.deezer.com/plugins/player?autoplay=false&playlist=true&width=270&height=600&cover=true&type=radio&id=radio-31061&title=&app_id=undefined" width="270" height="600"></iframe>
 
</div></td><td style="vertical-align: bottom;">

<img src="http://i38.servimg.com/u/f38/15/15/36/09/radio110.png", acronym title= "Radio pop, cliquez pour ouverture. Pour une écoute continue, même en cas de changement de page, cliquez sur la radio au centre de la page, juste au dessus des rubriques"

onClick="document.getElementById(\'panneau\').style.display=(this.src==\'http://i38.servimg.com/u/f38/15/15/36/09/radio110.png\')?\'block\':\'none\';this.src=(this.src==\'http://i38.servimg.com/u/f38/15/15/36/09/radio110.png\')?\'http://i38.servimg.com/u/f38/15/15/36/09/test310.png\':\'http://i38.servimg.com/u/f38/15/15/36/09/radio110.png\';"/,style="cursor:hand;"></td></tr></table></a>'); } );

Merci d'avance.

Fred

[MlleAlys]

Bonjour,
C'est parce que ce n'est pas vraiment un lien à proprement parlé (balise <a>...</a>), mais un changement d'affichage via javascript.

Pour afficer une "main", la propriété css correspondante est cursor:pointer; à appliquer à l'élément concerné, ce qui donne :

Code:

jQuery(document).ready(function() { jQuery('body').append('<table style="position: fixed; bottom: 120px; right: 0px;background-color: #ffffff;z-index:10000;"><tr><td><div id="panneau" scrolling="no" style="width: 270px; height: 600px; display: none;" marginwidth="0" marginheight="0" frameborder="0">
 
<iframe scrolling="no" frameborder="0" allowTransparency="true" src="http://www.deezer.com/plugins/player?autoplay=false&playlist=true&width=270&height=600&cover=true&type=radio&id=radio-31061&title=&app_id=undefined" width="270" height="600"></iframe>
 
</div></td><td style="vertical-align: bottom;">
 
<img src="http://i38.servimg.com/u/f38/15/15/36/09/radio110.png" title= "Radio pop, cliquez pour ouverture. Pour une écoute continue, même en cas de changement de page, cliquez sur la radio au centre de la page, juste au dessus des rubriques" style="cursor:pointer;"
 
onClick="document.getElementById(\'panneau\').style.display=(this.src==\'http://i38.servimg.com/u/f38/15/15/36/09/radio110.png\')?\'block\':\'none\';this.src=(this.src==\'http://i38.servimg.com/u/f38/15/15/36/09/radio110.png\')?\'http://i38.servimg.com/u/f38/15/15/36/09/test310.png\':\'http://i38.servimg.com/u/f38/15/15/36/09/radio110.png\';"/,style="cursor:hand;"></td></tr></table></a>'); } );

[Fred1208]

Merci beaucoup, ça marche