Supprimer panneau coulissant sur version mobile

[Outis]

Bonjour,

suivant les indications de ce TUTORIEL, il est possible d'avoir un panneau latéral coulissant sur le forum.

Cependant, il est également visible sur la version mobile.
Comment puis-je faire pour que ce panneau ne soit pas présent sur la version mobile ?

Voici le code que j'ai appliqué sur toutes les pages.

Code:

jQuery(document).ready(function () {
            jQuery('body').append('<table style="position: fixed; bottom: 50px; left: 0px;z-index:10000;">

<tr>
<td>
<div id="panneau" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"><iframe src="/chatbox/index.forum?page=front" style="width: 800px; height: 400px;" ></iframe></div></td>

<td style="vertical-align: bottom;"><img src="http://i39.servimg.com/u/f39/17/78/26/97/ouvrir17.png" onClick="document.getElementById(\'panneau\').style.display=(this.src==\'http://i39.servimg.com/u/f39/17/78/26/97/ouvrir17.png\')?\'block\':\'none\';this.src=(this.src==\'http://i39.servimg.com/u/f39/17/78/26/97/ouvrir17.png\')?\'http://i39.servimg.com/u/f39/17/78/26/97/fermer14.png\':\'http://i39.servimg.com/u/f39/17/78/26/97/ouvrir17.png\';"/>

</td></tr></table>');
        });

Merci

Forum phpbb2
Template modifié
CSS modifié
Forum test : http://personofintetest.weshforum.com/forum
Accès invité : http://personofintetest.weshforum.com/f1-presentation

[Wave]

Bonjour,

Ceci devrait fonctionner:

Code:

jQuery(document).ready(function () {
          if(!$('.mobile_title').length) { jQuery('body').append('<table style="position: fixed; bottom: 50px; left: 0px;z-index:10000;">\n \n<tr>\n<td>\n<div id="panneau" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"><iframe src="/chatbox/index.forum?page=front" style="width: 800px; height: 400px;" ></iframe></div></td>\n \n<td style="vertical-align: bottom;"><img src="http://i39.servimg.com/u/f39/17/78/26/97/ouvrir17.png" onClick="document.getElementById(\\\'panneau\\\').style.display=(this.src==\\\'http://i39.servimg.com/u/f39/17/78/26/97/ouvrir17.png\\\')?\\\'block\\\':\\\'none\\\';this.src=(this.src==\\\'http://i39.servimg.com/u/f39/17/78/26/97/ouvrir17.png\\\')?\\\'http://i39.servimg.com/u/f39/17/78/26/97/fermer14.png\\\':\\\'http://i39.servimg.com/u/f39/17/78/26/97/ouvrir17.png\\\';"/>\n \n</td></tr></table>'); }
        });

Cordialement,

[Outis]

Effectivement, ce n'est plus visible sur la version mobile, mais le panneau ne s'ouvre plus sur le forum.

[Wave]

En effet, il y avait trop d'antislash devant les apostrophes

Code:

jQuery(document).ready(function () {
          if(!$('.mobile_title').length) { jQuery('body').append('<table style="position: fixed; bottom: 50px; left: 0px;z-index:10000;">\n \n<tr>\n<td>\n<div id="panneau" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"><iframe src="/chatbox/index.forum?page=front" style="width: 800px; height: 400px;" ></iframe></div></td>\n \n<td style="vertical-align: bottom;"><img src="http://i39.servimg.com/u/f39/17/78/26/97/ouvrir17.png" onClick="document.getElementById(\'panneau\').style.display=(this.src==\'http://i39.servimg.com/u/f39/17/78/26/97/ouvrir17.png\')?\'block\':\'none\';this.src=(this.src==\'http://i39.servimg.com/u/f39/17/78/26/97/ouvrir17.png\')?\'http://i39.servimg.com/u/f39/17/78/26/97/fermer14.png\':\'http://i39.servimg.com/u/f39/17/78/26/97/ouvrir17.png\';"/>\n \n</td></tr></table>'); }
        });

[Outis]

Excellent, merci, ça marche