panneau latérale coulissant ( option droite et gauche et plusieurs )

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

Résolu panneau latérale coulissant ( option droite et gauche et plusieurs )

Message par winatickets le Ven 18 Mar 2016 - 8:59

Bonjour à tous

Suite au tutoriel du panneau latéral coulissant qui fonctionne parfaitement , ja'i une questions précise:

1-peut on avoir plusieur panneau, genre j'ai fait un panneau menu et j'aimerai un autre sur la gauche donc juste au dessus
2-peut on en avoir a gauche ses que sa appele quand on clique sur ouvrir le panneau de droite , car actuelement j'en ai un a gauche et j'ai voulu mettre 1 a droite mais en cliquant sur ouvrir sa m'ouvre celui de gauche.

merci beaucoup de vos réponses amicalement serge


Dernière édition par winatickets le Sam 19 Mar 2016 - 22:50, édité 1 fois

winatickets
****

Messages : 221
Inscrit(e) le : 20/02/2015

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

Résolu Re: panneau latérale coulissant ( option droite et gauche et plusieurs )

Message par winatickets le Sam 19 Mar 2016 - 17:18

up

winatickets
****

Messages : 221
Inscrit(e) le : 20/02/2015

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

Résolu Re: panneau latérale coulissant ( option droite et gauche et plusieurs )

Message par R-max le Sam 19 Mar 2016 - 21:42

bonsoir , il faut changé cette partie si vous voulez utilisé plusieurs fois ce panneau

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

pour le panneau 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_gauche" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0">
     
          Texte
     
      </div></td><td style="vertical-align: bottom;"><img src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" 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://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>');
});

pour le panneau de 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_right" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0">
     
          Texte
     
      </div></td><td style="vertical-align: bottom;"><img src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onClick="document.getElementById(\'panneau_right\').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>');
});

voila c'est tous bêtes ... il suffit de changé l'id et le declancheur pour qui ils est un non different.

bonne nuit Mr. Green

R-max
# Tropactif #

Masculin
Messages : 1513
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: panneau latérale coulissant ( option droite et gauche et plusieurs )

Message par winatickets le Sam 19 Mar 2016 - 21:58

Bonsoir donc merci r-max oui c'était bête mais serieux j'ai galérer mdr, di moi donc sa fonctionne bien maintenant j'aimerai genre droite comme a gauche de toutes façon en mettre plussieur les un au dessus des autres donc pour le code j'ai compris mais pour les superposés avec une marge évidement entre les superposées .

merci de votre aide
amicalement serge

winatickets
****

Messages : 221
Inscrit(e) le : 20/02/2015

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

Résolu Re: panneau latérale coulissant ( option droite et gauche et plusieurs )

Message par R-max le Sam 19 Mar 2016 - 22:15

re ,

laissé les 2 panneaux en place et ajouter ces deux la >>qui au final fera 4 panneaux

pour le gauche supérieur a l'autre
Code:
jQuery(document).ready(function () {
    jQuery('body').append('<table style="position: fixed; bottom: 150px; left: 0px;background-color: #ffffff;z-index:10000;"><tr><td><div id="panneau_gauche_haut" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0">
     
          Texte
     
      </div></td><td style="vertical-align: bottom;"><img src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onClick="document.getElementById(\'panneau_gauche_haut\').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>');
});

pour le droit superieur a l'autre
Code:
jQuery(document).ready(function () {
    jQuery('body').append('<table style="position: fixed; bottom: 150px; right: 0px;background-color: #ffffff;z-index:10000;"><tr><td><div id="panneau_right_haut" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0">
     
          Texte
     
      </div></td><td style="vertical-align: bottom;"><img src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onClick="document.getElementById(\'panneau_right_haut\').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>');
});

je pense que je n'est plus besoin de vous dire comment modifier , vous aller comprendre en les lisant , a oui juste pour ces 2 panneaux il y a ceci en plus a modifier
Code:
bottom: 150px
au lieu de
Code:
bottom: 50px

pour pouvoir les superposés ..

bonne nuit ^^

R-max
# Tropactif #

Masculin
Messages : 1513
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: panneau latérale coulissant ( option droite et gauche et plusieurs )

Message par winatickets le Sam 19 Mar 2016 - 22:49

un mot : merci infiniment superbe

merci de ton professionaliseme je met en résolue

amicalement serge bonne nuit Smile

winatickets
****

Messages : 221
Inscrit(e) le : 20/02/2015

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

Résolu Re: panneau latérale coulissant ( option droite et gauche et plusieurs )

Message par R-max le Dim 20 Mar 2016 - 0:13

de rien c'est pas grand chose ,bonne nuit...et a bientôt.

R-max
# Tropactif #

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

http://graphcode.forumactif.org/
R-max 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