Supprimer panneau coulissant sur version mobile

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

Résolu Supprimer panneau coulissant sur version mobile

Message par Outis le Dim 7 Sep 2014 - 16:16

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


Dernière édition par Outis le Dim 7 Sep 2014 - 22:08, édité 1 fois

Outis
*****

Messages : 554
Inscrit(e) le : 28/07/2012

http://personofinterest.fra.co
Outis a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Supprimer panneau coulissant sur version mobile

Message par Wave le Dim 7 Sep 2014 - 19:12

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,

Wave
*****

Masculin
Messages : 565
Inscrit(e) le : 04/12/2011

Wave a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Supprimer panneau coulissant sur version mobile

Message par Outis le Dim 7 Sep 2014 - 20:14

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

Outis
*****

Messages : 554
Inscrit(e) le : 28/07/2012

http://personofinterest.fra.co
Outis a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Supprimer panneau coulissant sur version mobile

Message par Wave le Dim 7 Sep 2014 - 21:23

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

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>'); }
        });

Wave
*****

Masculin
Messages : 565
Inscrit(e) le : 04/12/2011

Wave a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Supprimer panneau coulissant sur version mobile

Message par Outis le Dim 7 Sep 2014 - 22:08

Excellent, merci, ça marche Yes

Outis
*****

Messages : 554
Inscrit(e) le : 28/07/2012

http://personofinterest.fra.co
Outis 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