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

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
avatar

Outis
*****

Messages : 619
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,
avatar

Wave
*****

Masculin
Messages : 567
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
avatar

Outis
*****

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

Wave
*****

Masculin
Messages : 567
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
avatar

Outis
*****

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