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

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
avatar

R-max
Membre habitué(e)

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

http://www.milouze14.com/
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 ^^
avatar

R-max
Membre habitué(e)

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

http://www.milouze14.com/
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.
avatar

R-max
Membre habitué(e)

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

http://www.milouze14.com/
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