Afficher deux panneaux latéral coulissant sur un forum

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

Résolu Afficher deux panneaux latéral coulissant sur un forum

Message par Solid6Snake le Dim 24 Avr 2016 - 10:37

Détails techniques


Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://www.entraide-youtubers.com/

Description du problème

Bonjour, je me permet de venir ici poser une petite question ^^

Hier soir j'ai supprimé mon chatango en onglet pour le remplacer par le tchat de forumactif mais à l'intérieur d'un panneau coulissant je trouve cela plus propre qu'un gros bloc sur l'index.

Le problème c'est que j'ai déjà un panneau coulissant à droite de mon index pour mes partenaire et en plaçant les deux codes il y a une interférence il est impossible d'afficher les deux c'est normal?

Il ne me;semble pas m'être trompé en recopiant le code pour la gauche et la droite pourtant..

Si vous avez une idée je suis preneur Wink

- Voilà mon panneau coulissant Javascript partenaire (droite)

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

<a href="https://www.youtube.com/user/EntraideLesSaigneurs/channels?shelf_id=21&view=49" class="postlink" target="_blank" rel="nofollow"><img src="https://yt3.ggpht.com/-Yxt8ox3T-E8/AAAAAAAAAAI/AAAAAAAAAAA/j0dVj2LkhiU/s100-c-k-no/photo.jpg" /></a>

<a href="https://www.youtube.com/channel/UCYgTU6iigPCV-Lif8DLEc5Q" class="postlink" target="_blank" rel="nofollow"><img src="https://yt3.ggpht.com/-FCV1F2WVJg8/AAAAAAAAAAI/AAAAAAAAAAA/SNIbWCn1hz4/s100-c-k-no/photo.jpg" /></a>

<a href="https://www.youtube.com/channel/UCEtvIbZF4aHC-782_YYKtEg" class="postlink" target="_blank" rel="nofollow"><img src="https://yt3.ggpht.com/-x26tNtwIoaM/AAAAAAAAAAI/AAAAAAAAAAA/1Md-mxfVbtk/s100-c-k-no/photo.jpg" /></a>

</div></td><td style="vertical-align: bottom;"><img src="http://i18.servimg.com/u/f18/17/84/80/30/parten11.png" onClick="document.getElementById(\'panneau\').style.display=(this.src==\'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png\')?\'block\':\'none\';this.src=(this.src==\'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png\')?\'http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png\':\'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png\';"/></td></tr></table>');
});

Voilà mon nouveau panneau coulissant Tchatbox de (gauche)

Code:
jQuery(document).ready(function () {
    jQuery('body').append('<table style="position: fixed; bottom: 50px; left: 0px;background-color: #ffffff;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://i86.servimg.com/u/f86/17/84/80/30/ouvrir10.jpg" onClick="document.getElementById(\'panneau\').style.display=(this.src==\'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png\')?\'block\':\'none\';this.src=(this.src==\'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png\')?\'http://i86.servimg.com/u/f86/17/84/80/30/fermer10.jpg\':\'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png\';"/></td></tr></table>');
});

Comment faire pour pouvoir afficher le panneau coulissant de droite + celui de gauche simultanément?


Dernière édition par Solid6Snake le Dim 24 Avr 2016 - 19:50, édité 3 fois

Solid6Snake
****

Messages : 296
Inscrit(e) le : 07/11/2013

http://www.entraide-youtubers.com/
Solid6Snake a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Afficher deux panneaux latéral coulissant sur un forum

Message par R-max le Dim 24 Avr 2016 - 12:43

bonjour Solid6Snake comment aller vous !

normal qu'il y est conflit , les deux codes js ont la meme id

l'id et panneau donc pour le panneau de gauche modifier l'id panneau par panneau_gauche

il y a 2 endroit a modifier >>

div id="panneau" et onClick="document.getElementById(\'panneau\')

donc le code modifier sera celui ci >>

Code:
jQuery(document).ready(function () {
    jQuery('body').append('<table style="position: fixed; bottom: 50px; left: 0px;background-color: #ffffff;z-index:10000;"><tr><td><div id="panneau_gauche" 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://i86.servimg.com/u/f86/17/84/80/30/ouvrir10.jpg" onClick="document.getElementById(\'panneau_gauche\').style.display=(this.src==\'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png\')?\'block\':\'none\';this.src=(this.src==\'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png\')?\'http://i86.servimg.com/u/f86/17/84/80/30/fermer10.jpg\':\'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png\';"/></td></tr></table>');
});

bon dimanche a vous

R-max
# Tropactif #

Masculin
Messages : 1450
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Afficher deux panneaux latéral coulissant sur un forum

Message par Solid6Snake le Dim 24 Avr 2016 - 16:16

Bonjour R-max ça va très bien merci Sourire2

Effectivement c'était bien ça encore merci pour votre aide précieuse, je ne savais pas du tout qu'il fallait modifier ce genre de chose.

J'ai bien modifié les deux lignes "panneau" ça fonctionne à merveille.

Un grand merci, comme d'habitude vous êtes au TOP ok

Bon dimanche !

Solid6Snake
****

Messages : 296
Inscrit(e) le : 07/11/2013

http://www.entraide-youtubers.com/
Solid6Snake 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