Panneau latéral coulissant.

[âme]

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.







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

[âme]

Bonsoir,

Petite demande d'aide s'il vous plais.

Merci

[Chibi-Mikansama]

Bonjour

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

[âme]

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.

[Xibition]

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)

[âme]

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.

[Adam_sfp]

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.

[âme]

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

[âme]

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

[Ea]

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.

[âme]

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

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

[Ea]

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.

[âme]

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

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

[Ea]

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


Cordialement.

[âme]

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

[Ea]

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.

[âme]

Bonjour Etana,

Merci pour toutes ces explications bien détaillées

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

Merci à vous et bonne fin de journée

[Ea]

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.

[âme]

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