panneau latérale coulissant ( option droite et gauche et plusieurs )
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
panneau latérale coulissant ( option droite et gauche et plusieurs )
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
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
Re: panneau latérale coulissant ( option droite et gauche et plusieurs )
bonsoir , il faut changé cette partie si vous voulez utilisé plusieurs fois ce panneau
pour le panneau gauche
pour le panneau de droite
voila c'est tous bêtes ... il suffit de changé l'id et le declancheur pour qui ils est un non different.
bonne nuit
- Code:
div id="panneau"
- 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
Invité- Invité
Re: panneau latérale coulissant ( option droite et gauche et plusieurs )
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
merci de votre aide
amicalement serge
Re: panneau latérale coulissant ( option droite et gauche et plusieurs )
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
pour le droit superieur a l'autre
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
pour pouvoir les superposés ..
bonne nuit ^^
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
- Code:
bottom: 50px
pour pouvoir les superposés ..
bonne nuit ^^
Invité- Invité
Re: panneau latérale coulissant ( option droite et gauche et plusieurs )
un mot : merci infiniment superbe
merci de ton professionaliseme je met en résolue
amicalement serge bonne nuit
merci de ton professionaliseme je met en résolue
amicalement serge bonne nuit
Re: panneau latérale coulissant ( option droite et gauche et plusieurs )
de rien c'est pas grand chose ,bonne nuit...et a bientôt.
Invité- Invité
Sujets similaires
» Panneau coulissant à droite
» Avatar en slide (coulissant) de la droite vers la gauche au survol de la souris
» Faire une ChatBox latérale coulissante à droite.
» WebRadio dans un panneau Coulissant latéral Gauche
» La page saute plusieurs fois de droite à gauche avant de se stabiliser
» Avatar en slide (coulissant) de la droite vers la gauche au survol de la souris
» Faire une ChatBox latérale coulissante à droite.
» WebRadio dans un panneau Coulissant latéral Gauche
» La page saute plusieurs fois de droite à gauche avant de se stabiliser
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum