Panneau latéral coulissant.

5 participants

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

Résolu Panneau latéral coulissant.

Message par âme Mar 10 Avr 2012 - 15:20

Bonjour,

J'ai placé sur mon forum la fonction Panneau latéral Panneau latéral coulissant, mais j'ai beau avoir validé le javascript puis coché "Afficher sur toutes les pages", rien y fait, rien n'apparaît sur la page d'accueil ni sur les autres pages d'ailleurs.
J'ai essayé en cochant uniquement "sur l'index" mais aucun changement.

Voici un aperçu de mon Panel.

Panneau latéral coulissant. 1204100329121451509700166

Panneau latéral coulissant. 1204100329131451509700167

Panneau latéral coulissant. 1204100329111451509700165

S'il était possible d'avoir de l'aide ? merci Smile



Dernière édition par âme le Mer 11 Avr 2012 - 23:29, édité 1 fois
âme

âme
Membre habitué

Féminin
Messages : 1744
Inscrit(e) le : 15/04/2005

http://color-avenue.forumactif.com
âme a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Panneau latéral coulissant.

Message par âme Mer 11 Avr 2012 - 21:37

Bonsoir,

Petite demande d'aide s'il vous plais.

Merci Wink
âme

âme
Membre habitué

Féminin
Messages : 1744
Inscrit(e) le : 15/04/2005

http://color-avenue.forumactif.com
âme a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Panneau latéral coulissant.

Message par Chibi-Mikansama Mer 11 Avr 2012 - 21:41

Bonjour

Question bête, mais as-tu coché "oui" pour enregistré pour "Activer la gestion des codes Javascript :" juste au-dessus des pages ?


Dernière édition par Chibi-Mikansama le Mer 11 Avr 2012 - 21:52, édité 1 fois
Chibi-Mikansama

Chibi-Mikansama
**

Messages : 73
Inscrit(e) le : 08/06/2010

http://phoenixfictions-forum.com
Chibi-Mikansama a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Panneau latéral coulissant.

Message par âme Mer 11 Avr 2012 - 21:43

Bonsoir Chibi-Mikansama,

Oui bien sûr !
J'ai déjà des codes javascript validés et qui fonctionnent.
Seul celui-ci me boude lol.
âme

âme
Membre habitué

Féminin
Messages : 1744
Inscrit(e) le : 15/04/2005

http://color-avenue.forumactif.com
âme a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Panneau latéral coulissant.

Message par Xibition Mer 11 Avr 2012 - 21:49

Est ce que tu as d'autres code JS ? parfois si y'a deux codes qui ne marchent pas ensemble bah ca n'apparait pas x)
Xibition

Xibition
****

Féminin
Messages : 457
Inscrit(e) le : 23/05/2011

Xibition a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Panneau latéral coulissant.

Message par âme Mer 11 Avr 2012 - 21:58

Non jiji98,

De toute façon je crée à chaque fois un nouveau javascript.
Tous fonctionne, c'est peut-être une erreur dans le code d'Alex Fowl.
J'ai vérifié par 2 fois si j'avais bien recopié le code et tout est à l'identique mise à part mes url d'images perso.
âme

âme
Membre habitué

Féminin
Messages : 1744
Inscrit(e) le : 15/04/2005

http://color-avenue.forumactif.com
âme a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Panneau latéral coulissant.

Message par Adam_sfp Mer 11 Avr 2012 - 22:32

Bonsoir

C'est ce script qui est en place actuellement?
car il y a des erreurs
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: 850px; height: 900px; display: none;"marginwidth="0"marginheight="0"frameborder="0"><br><b>Les défis les plus en vogue sur Color'<img src=http:</div></td><td style="vertical-align: bottom;"><img src="http://nsm05.casimages.com/img/2012/04/10/1204100241371451509699974.png"onClick="document.getElementById(\'panneau\').style.display=(this.src==\'http://nsm05.casimages.com/img/2012/04/10/1204100241371451509699974.png\')?\'block\':\'none\';this.src=(this.src==\'http://nsm05.casimages.com/img/2012/04/10/1204100241371451509699974.png\')?\'http://nsm05.casimages.com/img/2012/04/10/1204100241331451509699973.png\':\http://nsm05.casimages.com/img/2012/04/10/1204100241371451509699974.png\';"/></td></tr></table>')});


le voila avec vos images

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: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0">

    Texte

</div></td><td style="vertical-align: bottom;"><img src="http://nsm05.casimages.com/img/2012/04/10/1204100241371451509699974.png" onClick="document.getElementById(\'panneau\').style.display=(this.src==\'http://nsm05.casimages.com/img/2012/04/10/1204100241371451509699974.png\')?\'block\':\'none\';this.src=(this.src==\'http://nsm05.casimages.com/img/2012/04/10/1204100241371451509699974.png\')?\'http://nsm05.casimages.com/img/2012/04/10/1204100241331451509699973.png\':\'http://nsm05.casimages.com/img/2012/04/10/1204100241371451509699974.png\';"/></td></tr></table>'); } );

Cordialement.
Adam_sfp

Adam_sfp
Membre actif

Masculin
Messages : 4465
Inscrit(e) le : 18/04/2008

http://antonyadam.kanak.fr
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Panneau latéral coulissant.

Message par âme Mer 11 Avr 2012 - 23:10

Bonsoir Adam_sfp,

S'il s'agit du script d'Axel alors oui, c'est celui-ci.

Je vais placer le vôtre et reviens vous dire ce qu'il en est.

Merci à vous Smile
âme

âme
Membre habitué

Féminin
Messages : 1744
Inscrit(e) le : 15/04/2005

http://color-avenue.forumactif.com
âme a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Panneau latéral coulissant.

Message par âme Mer 11 Avr 2012 - 23:18

Désolée, ça ne fonctionne toujours pas.
Javascript est activé, "Toutes les pages" est coché, je ne vois pas pourquoi ça bloque...
âme

âme
Membre habitué

Féminin
Messages : 1744
Inscrit(e) le : 15/04/2005

http://color-avenue.forumactif.com
âme a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Panneau latéral coulissant.

Message par Ea Mer 11 Avr 2012 - 23:26

Bonjour,


Il ne faut pas de retour à la ligne par exemple.

Sinon en bas du tutoriel, il y a une page avec un "générateur" :
http://aska.123.st/h10-generateur-de-pannel

Cette page permet de rentrer le contenu, et avoir le code javascript qui fonctionne tout fait ( ainsi qu'un code css, ce qui vous permettra de changer le style sans changer le contenu ).

Cordialement.


Dernière édition par Ea le Lun 27 Mai 2013 - 18:55, édité 1 fois (Raison : changement www.maonyn.com -> aska.123.st)
Ea

Ea
Aidactif
Aidactif

Messages : 23583
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Panneau latéral coulissant.

Message par âme Mer 11 Avr 2012 - 23:28

Bonsoir Etana,

C'est donc ça, mes retour à la ligne fait à chaque image postée !

Merci beaucoup, je file voir de suite ce fameux générateur Smile

Bonne soirée, j'édite et je place le "Résolu" Wink
âme

âme
Membre habitué

Féminin
Messages : 1744
Inscrit(e) le : 15/04/2005

http://color-avenue.forumactif.com
âme a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Panneau latéral coulissant.

Message par Ea Mer 11 Avr 2012 - 23:39

d'accord ^^


sinon donc c'est parce que c'est du javascript qu'il n'y a pas de retour à la ligne ( pour représenter un retour à la ligne en javascript, il faut mettre \n ), j'avais fait un petit script pour transformer n'importe quel contenu en chaîne javascript : http://aska.123.st/h16-textarea-to-string

et je regarderais également si il n'y a pas moyen de faire l'astuce autrement pour simplement mettre le html sur une page html et que ça soit chargé sur la page par un script sur les pages du forum ( si c'est possible, je ferais une nouvelle astuce ).

cordialement.


Dernière édition par Ea le Lun 27 Mai 2013 - 18:55, édité 1 fois (Raison : changement www.maonyn.com -> aska.123.st)
Ea

Ea
Aidactif
Aidactif

Messages : 23583
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Panneau latéral coulissant.

Message par âme Mer 11 Avr 2012 - 23:42

Oui, je veux bien plus de précision sur ce fameux html et la possibilité d'une page avec le même rendu qu'un onglet parce que là, le générateur a bien mit en ligne le script mais le problème est que tout est apparu en bas du forum sous les liens : Forum gratuit | ©️ phpBB | etc... Et comme cet onglet est sensé représenté des défis, imaginez la place que ça a pris Shocked

J'abandonne l'idée de ce script car je ne souhaite pas faire plus de dégât ::betise::
Et je vais voir votre lien.

Merci à vous et bonne soirée Wink
âme

âme
Membre habitué

Féminin
Messages : 1744
Inscrit(e) le : 15/04/2005

http://color-avenue.forumactif.com
âme a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Panneau latéral coulissant.

Message par Ea Mer 11 Avr 2012 - 23:46

Il suffit de mettre le css dans le css et ça ne se met pas en bas =P


Cordialement.
Ea

Ea
Aidactif
Aidactif

Messages : 23583
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Panneau latéral coulissant.

Message par âme Mer 11 Avr 2012 - 23:57

Et pourtant dans le tutoriel d'Alex, aucun ccs, tout est à placer dans Javascript Shocked
âme

âme
Membre habitué

Féminin
Messages : 1744
Inscrit(e) le : 15/04/2005

http://color-avenue.forumactif.com
âme a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Panneau latéral coulissant.

Message par Ea Jeu 12 Avr 2012 - 1:55

Oui, ce serait possible de le faire également ( le css est juste mis par les attributs style="..." des balises ).


Ici ça a été séparé en 2 pour que :

- si par exemple le forum change de thème et que la fenêtre était "stylisée" sur le forum, il suffise de changer dans le css pour changer la fenêtre
- si on a plusieurs fenêtre, on puisse changer juste un truc dans le code css et le changement s'effectue sur toutes les fenêtres

Cordialement.
Ea

Ea
Aidactif
Aidactif

Messages : 23583
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Panneau latéral coulissant.

Message par âme Jeu 12 Avr 2012 - 18:01

Bonjour Etana,

Merci pour toutes ces explications bien détaillées Smile

Serait-il possible alors d'avoir le codage ccs qui va avec le script ?

Merci à vous et bonne fin de journée Wink
âme

âme
Membre habitué

Féminin
Messages : 1744
Inscrit(e) le : 15/04/2005

http://color-avenue.forumactif.com
âme a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Panneau latéral coulissant.

Message par Ea Jeu 12 Avr 2012 - 18:07

Il est dans le deuxième cadre :
http://aska.123.st/h10-generateur-de-pannel

Script résulat, c'est le script à ajouter dans une page de script.

Et css résultat, c'est le css à ajouter à PA > Affichage > Couleurs > Feuille de style.

Cordialement.


Dernière édition par Ea le Lun 27 Mai 2013 - 18:55, édité 1 fois (Raison : changement www.maonyn.com -> aska.123.st)
Ea

Ea
Aidactif
Aidactif

Messages : 23583
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Panneau latéral coulissant.

Message par âme Jeu 12 Avr 2012 - 19:52

Oh mais je ne devais pas être en forme hier pour ne pas avoir fait attention car c'est très clair en plus !

Merci beaucoup Etana et désolée pour tout ce dérangement.

Bonne soirée, post résolu Wink
âme

âme
Membre habitué

Féminin
Messages : 1744
Inscrit(e) le : 15/04/2005

http://color-avenue.forumactif.com
âme a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum