Liste déroulante rubrique -> ancre sur la même page

Liste déroulante rubrique -> ancre sur la même page - Version imprimable

+- Forum CMS Made Simple FR (https://forum.cmsmadesimple.fr)
+-- Forum : Général (https://forum.cmsmadesimple.fr/forum-3.html)
+--- Forum : Général (https://forum.cmsmadesimple.fr/forum-10.html)
+--- Sujet : Liste déroulante rubrique -> ancre sur la même page (/thread-1305.html)

Liste déroulante rubrique -> ancre sur la même page - segolene - 28/06/2011

Citation :#~~~~~ DEBUT BLOC A NE PAS SUPPRIMER ~~~~~
#~ Version du CMS: #1.9.4.2
#~ Url du site :
#~ Hébergeur / Soft : serveur privé
#~ Informations Système :
#~ Cms Version: 1.9.4.2
#~ Installed Modules:
#~ * CMSMailer: 2.0.1
#~ * FileManager: 1.1.0
#~ * MenuManager: 1.7.6
#~ * ModuleManager: 1.4.2
#~ * News: 2.11.3
#~ * nuSOAP: 1.0.2
#~ * Printing: 1.1.2
#~ * Search: 1.6.10
#~ * ThemeManager: 1.1.4
#~ * TinyMCE: 2.8.4
#~ * FormBuilder: 0.7
#~ * FormBrowser: 0.4
#~ * CGExtensions: 1.25.4
#~ * ContentCache: 1.2
#~ * MleCMS: 1.8
#~ * CGSimpleSmarty: 1.4.8
#~ * babel: 0.4
#~ * babel: 0.4
#~ Config Information:
#~ * php_memory_limit:
#~ * process_whole_template: false
#~ * output_compression: false
#~ * max_upload_size: 20000000
#~ * default_upload_permission: 664
#~ * url_rewriting: none
#~ * page_extension:
#~ * query_var: page
#~ * image_manipulation_prog: GD
#~ * auto_alias_content: true
#~ * locale:
#~ * default_encoding: utf-8
#~ * admin_encoding: utf-8
#~ * set_names: true
#~ Php Information:
#~ * phpversion: 5.2.14
#~ * md5_function: On (True)
#~ * gd_version: 2
#~ * tempnam_function: On (True)
#~ * magic_quotes_runtime: Off (False)
#~ * E_STRICT: 0
#~ * memory_limit: 128M
#~ * max_execution_time: 60
#~ * output_buffering: 4096
#~ * safe_mode: Off (False)
#~ * file_uploads: On (True)
#~ * post_max_size: 10M
#~ * upload_max_filesize: 20M
#~ * session_save_path: C:\WINDOWS\TEMP (0777)
#~ * session_use_cookies: On (True)
#~ * xml_function: On (True)
#~ Server Information:
#~ * Server Api: apache2handler
#~ * Server Db Type: MySQL (mysql)
#~ * Server Db Version: 5.0.37
#~~~~~ FIN BLOC A NE PAS SUPPRIMER ~~~~~

Bonjour,

Je me permet de poster car après de longue recherche je me trouve toujours dans le vague.
Je suis désolée je ne peux pas communiquer d'url car c'est un site que je fais pour une entreprise en tant que stagiaire.

Ce que je souhaite réaliser c'est une page FAQ avec une liste déroulante rassemblant les différents thèmes,
et lors de la sélection de l'une des rubriques, aller à l'ancre correspondante plus loin dans la page.

Je souhaiterais également que la liste déroulant soit toujours présente quel que soit l'endroit de la page ou l'on se trouve.

Pouvez vous me dire si c'est réalisable ?

Pour l'instant j'ai créé ma liste déroulante en html et je l'ai insérée dans ma page, j'ai ensuite copié tous mon texte et placé les ancres, mais je ne trouve pas comment m'y prendre pour la suite, je sais qu'il existe une fonction js onchange() pour la liste mais je suis un peu perdue.

Merci beaucoup pour votre aide

Liste déroulante rubrique -> ancre sur la même page - bess - 29/06/2011

bonjour segolene

ton problème ne relève pas tant d'un soucis avec cmsms mais plutôt d'un manque de connaissance en html/js et nous ne serons pas les meilleurs à t'aider sur ce point précis.

je te conseil de t'orienter vers des sites spécialisés dans ce domaine (js notamment).

en gros pour t'aiguiller

Citation :Ce que je souhaite réaliser c'est une page FAQ avec une liste déroulante rassemblant les différents thèmes,
et lors de la sélection de l'une des rubriques, aller à l'ancre correspondante plus loin dans la page.

on appel cela des ancres. par exemple ta section FAQ sur la cuisine au beurre doit être entournée d'une div : <div id=cuisineaubeurre>...</div>, le lien raccourci dans ta liste doit être : <a href="#cuisineaubeurre">lien</a>

Citation :Je souhaiterais également que la liste déroulant soit toujours présente quel que soit l'endroit de la page ou l'on se trouve.

C'est faisable avec du CSS sur la div encadrant la liste déroulante

Code :
position:fixe;

top:0;

right:0;

a toi d'adapter ton code (bottom, left)

bon courage et bon stage

Liste déroulante rubrique -> ancre sur la même page - segolene - 30/06/2011

Merci beaucoup pour ta réponse,
je n'ai pas pu m'y coller encore car depuis hier je suis sur un gros bug, je crois que je vais devoir ouvrir un autre topic, mais je retiens tes conseils pour la suite !

Merci encore

Liste déroulante rubrique -> ancre sur la même page - segolene - 30/06/2011

Ayant résolu mon soucis, j'ai pu revenir sur cette liste déroulante.

Donc je l'ai crée via le HTML Source Editor, par contre je voulais placer ma fonction js comme ceci: <select onchange="document.location='faq.php#'+this.option[this.selectedIndex].value;"> mais lorsque j'update mon code html, celle-ci disparait et redevient tout simplement <select>, je ne peux donc pas insérer de fonction js via le htmleditor ? j'ai essayer de l'entourer des balises {literal}{/literal} mais là encore ça disparait lors de l'update. Où faudrait- il que je place mon code js?

Je suis désolée peut être que l'erreur est très bête mais je ne connais pas du tout le smarty et je debute en cms,
en tout cas merci pour votre aide

edit: Je vous demande pardon pour cette dernière question, en cherchant mieux j'ai pu trouver ma réponse dans le wiki, à savoir ne pas utiliser l'éditeur wysiwyg

Merci encore

Liste déroulante rubrique -> ancre sur la même page - segolene - 30/06/2011

Je me permet de revenir vers vous car j'ai trouvé une fonction jquery qui permet de faireur l un scroll avec une div en relative mais qui devient fixe lorsqu'elle atteint le haut de la page, pour me permettre de conserver la liste déroulante en haut de la page quelle que soit l'ancre où l'on se trouve.

le script est sur le site http://wduffy.co.uk/blog/keep-element-in-view-while-scrolling-using-jquery/

Par contre avec la fonction et le fichier .js, je ne sais pas trop comment m'en sortir,

j'ai crée un global content bloc qui contient mon code pour la liste déroulante que j'appelle dans ma page faq,
j'ai essayé de rajouter le code js dans ce bloc (sans oublier les balises {literal} ), mais cela ne fonctionne pas

Pourriez vous m'aidez sur la manière d'inclure la fonction pour l'appliquer sur la div de mon global content block ?

Merci beaucoup

Liste déroulante rubrique -> ancre sur la même page - bess - 30/06/2011

le global content a bien le WYSIWYG de désactivé ?

le code source généré (html) donne quoi pour le lien vers le fichier js et donne quoi pour le contenu du global content ?

Liste déroulante rubrique -> ancre sur la même page - segolene - 01/07/2011

le WYSIWYG est bien désactivé,
mais je ne pense pas avoir mis les bons éléments au bon endroit,
je ne sais pas vraiment quelle partie du script je dois insérer dans le global content, est ce que dans ce global content je mets un lien pour le plugin qui est proposé sur ce site, ou un autre lien ? je suis complètement perdue ! je vais différents essais, mais rien qui ne fonctionne jusqu'à présent...

Merci

Bon, je m'arrache les cheveux.. pour pouvoir faire quelque chose avec le peu de connaissances que j'ai, je me suis basée sur le code source de la page ou se trouve la fonction avec la démo.

j'ai décidé donc sur mon cmsms de créer une page de test avec dans le code html exactement la même structure que celui de la page test.

ensuite dans mon template j'ai rajouté le lien vers le fichier .js de mon repertroire, et j'ai modifié le css pour pouvoir copier exactement le code source de la démo.

Chose faite, je me retrouve avec le meme code source, (à part pour l'adresse du fichier js) a savoir:

<script type="text/javascript" src="http://alsn.app.alcatel-lucent.com/it/lib/jquery/js/jquery.jscroll.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.2.min.js"></script>
<script type="text/javascript>
$(function() {
$(".scroll").jScroll();
});
</script>

a l'affichage je retrouve bien tous les éléments de la démo, je peux voir que le css est bien actif puisqu'il ya les même caractéristiques de style, par contre, ma div.scroll est immobile...

je ne vois pas du tout quoi faire d'autre pour pouvoir avancer !

Liste déroulante rubrique -> ancre sur la même page - Jean le Chauve - 01/07/2011

Vérifie avec FireBug que le js est bien trouvé.

Liste déroulante rubrique -> ancre sur la même page - segolene - 01/07/2011

Oui le script est bien trouvé, enfin, avec firebug j'ai inspecté l'élément puis j'ai regardé dans l'onglet script ou j'ai effectivement trouvé le script contenu dans mon fichier .js, donc j'imagine qu'il n'y a pas de problème à ce niveau là...