Panneau latéral coulissant.

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

Résolu Panneau latéral coulissant.

Message par âme le 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.







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
# Tropactif #

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 le Mer 11 Avr 2012 - 21:37

Bonsoir,

Petite demande d'aide s'il vous plais.

Merci Wink

âme
# Tropactif #

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 le 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
**

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 le 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
# Tropactif #

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 le 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
****

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 le 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
# Tropactif #

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 le 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
+ Hyperactif +

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

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Panneau latéral coulissant.

Message par âme le 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
# Tropactif #

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 le 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
# Tropactif #

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 le 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
Aidactif
Aidactif

Messages : 23428
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 le 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
# Tropactif #

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 le 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
Aidactif
Aidactif

Messages : 23428
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 le 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
# Tropactif #

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 le 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
Aidactif
Aidactif

Messages : 23428
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 le Mer 11 Avr 2012 - 23:57

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

âme
# Tropactif #

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 le 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
Aidactif
Aidactif

Messages : 23428
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 le 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
# Tropactif #

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 le 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
Aidactif
Aidactif

Messages : 23428
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 le 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
# Tropactif #

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


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