sidebar associé à un niveau de navigation

[CAZAUBON Christian]

Bonjour,
Est-il possible d'avoir un "sidebar" associé à un niveau de navigation.
Je m'explique au lieu d'avoir le même sidebar sur toutes mes pages je souhaite avoir un sidebar différent pour les pages associées à un niveau de navigation :
par exemple à accueil navigation1 navigation2 etc (au même niveau)
un sidebar pour la page accueil
un sidebar pour les pages associées à navigation 1
un sidebar pour les pages associées à navigation 2
etc.
merci à tous

[FredVig]

Il est possible d'afficher ou masquer des éléments spécifiques selon la page visitée
Il faut explorer un peu les tutos "modifier le head" c'est assez bien expliqué.
Ce n'est pas possible avec les outils de base.

[CAZAUBON Christian]

Ok, merci pour la réponse je vais explorer les différents tutos

[yoan]

Bonjour,
j'aimerais aussi avoir un sidebar différent pour chaque page... ce qui me semble évident. Mais où trouve t'on les tutos "modifier le head"..??!!
Je ne suis pas un pro de la programmation, merci beaucoup de votre aide.

yoan

[FilmsdeLover]

Le mieux, c'est de commencer par les bases : http://communautefrancophone.jimdo.com/design/bases-de-la-modification-de-design-d-un-site-jimdo/

Ensuite, je vous préviens quand même qu'avoir une sidebar différent par page est vraiment très très compliqué à mettre en place, même avec des compétences dans le domaine. Donc à vous de voir si cela vaut le coup d'y passer du temps parce que vous allez en passer dessus, c'est sûr.

[yoan]

Ah OK.
J'ai en effet tenté de lire cette page très instructive mais je suis vite perdu : c'est tout de même assez complexe pour un non-initié. Je n'imaginais que ce soit si compliqué d'avoir un sidebar par page.
Je ne peux pas non plus y passer des heures alors je vais rester avec un site plus simple (ou chercher un autre design).

C'est dommage.
Merci FilmsdeLover pour la réponse rapide.
Yoan

[FilmsdeLover]

Jimdo sacrifie des fonctionnalités que vous pensez importantes sur l'autel de la simplicité d'utilisation. Depuis les débuts de Jimdo, la sidebar a toujours été unique et disponible sur chaque page. Moi, cela me convient largement mais je peux comprendre que ça freine d'autres personnes.

[CAZAUBON Christian]

j'ai déjà créé plusieurs site jimdo aussi bien en version libre qu'en version pro et j'en apprécie la facilité d'emploi. Par contre cela ne me permet pas d'avancer sur mon problème actuel. Comment détourner cette fonctionnalité qui n'existe pas. Il est facile de masquer la sidebar sur une page en modifiant le HEAD mais comment contourner le fait que la sidebar est la même pour toutes les pages.
Par exemple si la navigation dans le site est
accueil films musiques photos
Est-il possible de mettre un script dans le head avec une structure du genre :
si pages_films faire sidebar_films autrement si
pages_musiques faire sidebar_musiques
autrement sidebar_photos
Est-il possible de faire remonter l'information en allemagne (je suis en version pro pour ce développement)

[FredVig]

Mais enfin…
Vous mettez TOUS les éléments dans la sidebar
Vous masquez - suivant la page - les éléments inutiles.

[rs53600]

Tout est possible (ou presque), mais il faut assumer       .
Exemple :
Une Sidebar globale contenant

• tous les éléments de toutes les sidebars (sidebar_films, sidebar_musiques, sidebar_photos, ...)
  
• En dernier élément de cette sidebar globale, un widget/HTML avec quelque chose comme
  
  

  Code:

  <script language="javascript" type="text/javascript">
//<![CDATA[
/* Pour cacher et montrer les éléments en fonction de l'URL courante */
url=location.href ;
if (url.indexOf("http://monsite/films/")==0) { /* on est sur une page films */
    /* On cache tous les éléments de la sidebarmusiques */
    document.getElementById("iddesidebarmusiques01").style.display="none";
    document.getElementById("iddesidebarmusiques02").style.display="none";
    ...
    /* On cache tous les éléments de la sidebarphotos */
    document.getElementById("iddesidebarphotos01").style.display="none";
    document.getElementById("iddesidebarphotos02").style.display="none";
    ...
    /* On montre tous les éléments de la sidebarfilms */
    document.getElementById("iddesidebarfilms01").style.display="block" ;
    document.getElementById("iddesidebarfilms02").style.display="block" ;
    ...
}
else if (url.indexOf("http://monsite/musiques/")==0) { /* on est sur une page musiques */
    /* On cache tous les éléments de la sidebarphotos */
    document.getElementById("iddesidebarphotos01").style.display="none" ;
    document.getElementById("iddesidebarphotos02").style.display="none" ;
    ...
    /* On cache tous les éléments de la sidebarfilms */
    document.getElementById("iddesidebarfilms01").style.display="none" ;
    document.getElementById("iddesidebarfilms02").style.display="none" ;
    ...
    /* On montre tous les éléments de la sidebarmusiques */
    document.getElementById("iddesidebarmusiques01").style.display="block" ;
    document.getElementById("iddesidebarmusiques02").style.display="block" ;
    ...
}
else if (url.indexOf("http://monsite/photos/")==0) { /* on est sur une page photos */
    /* On cache tous les éléments de la sidebarfilms */
    document.getElementById("iddesidebarfilms01").style.display="none" ;
    document.getElementById("iddesidebarfilms02").style.display="none" ;
    ...
    /* On cache tous les éléments de la sidebarmusiques */
    document.getElementById("iddesidebarmusiques01").style.display="none" ;
    document.getElementById("iddesidebarmusiques02").style.display="none" ;
    ...
    /* On montre tous les éléments de la sidebarphotos */
    document.getElementById("iddesidebarphotos01").style.display="block" ;
    document.getElementById("iddesidebarphotos02").style.display="block" ;
    ...
}
//]]>
</script>

  
  

Oui je sais ...  mais je me soigne
C'est juste l'idée !! Ne faites pas un copier/coller, ça ne marchera pas.
C'est exactement l'idée proposée par FredVig pendant que je répondais

[CAZAUBON Christian]

Merci pour cette réponse , c'est super ; je n'ai pas de problème de code (en principe) et je vais mettre à profit votre structure de programme pour écrire le mien avec mes variables et autres.

[CAZAUBON Christian]

Merci à FredVig pour la méthode et à rs53600 pour avoir expliqué clairement la méthode et donné un exemple avec le bon code. Ce post sera utile à tous ceux qui veulent personnaliser leur"sidebar" en fonction de la navigation dans le site.
Quelques explications complémentaires.
La "sidebar" comme toutes les parties des pages est constitué d'une suite d'éléments :
éléments1
éléments2
éléments3
...
éléments n (contient le javascript de l'exemple, euh non le votre)

chaque élément est repéré dans le code HTML par son id
on peut donc avec l'exemple de rs53600 cacher ou non certaines parties de la"sidebar" en fonction des pages.
De plus si par exemple en reprenant l'exemple ci- dessus l'occurrence :
http://monsite/films/ est vrai
elle est vrai aussi pour
http://monsite/films/.../...
donc la même "sidebar" est identique pour toutes les pages associées à la page de tête, c'est bien là tout l'intérêt de la méthode.
Si vous ne voulez pas de "sidebar" sur la page d'accueil par exemple vous pouvez toujours intervenir au niveau du "head".
Merci pour vos (très bonnes) réponses

[FredVig]

Bonne démo en javascript/ Merci !

Je pensais à du CSS, genre
#page-12345#element{display:block;}
#element{display:none;}

mais ça marche aussi

[CAZAUBON Christian]

oui çà doit fonctionner aussi mais page-xxxx est plus restrictif que la solution en javascript qui est pleine de possibilité.

[Paul Emmanuel]

Ouh làlà...déinitivement, c'est pas pour moi ça! ^_^

[FredVig]

Votre réaction me culpabilise. Nos indications ne sont pas énigmatiques :Nous sommes tous passés par là sur ce forum, avec le sentiment que les "méchants codeurs" se moquent de notre ignorance. Mais la vérité est que nous passons tous les jours du temps à résoudre les problème soumis sur le forum, puis à les expliquer. C'est un plaisir, mais de temps en temps, j'ai juste envie de dire de chercher un peu mieux, car ce sont toujours les m^mes questions qui sont soumises. néanmoins je continue d'aiguiller vers les connaissances requises. Ceux qui en "savent" un peu, voient le chemin qu'il leur a fallu parcourir. Il savent qu'il est accessible à n'importe qui, mais ils savent aussi qu'il ne peuvent pas le parcourir à la place de quelqu'un d'autre. à la limite pouvons-nous indiquer le chemin.
En moins ésotérique : si vous voulez apprendre à modifier le code, ce n'est pas compliqué, il faut passer par un apprentissage en html et css, et comprendre un peu la structure utilisé par le CMS Jimdo. Si vous voulez "juste un code", c'est possible, mais ce sera au détriment de quelqu'un qui cherchera à votre place, sans que cela apporte de la connaissance à quiconque.

[FredVig]

Et sans compter que chacun d'entre nous a une approche différente.
Ce post l'illustre de façon exemplaire : Christain Cazaubon a élaboré avec rs53600 une solution que je n'aurai jamais envisagée.
C'est ça l'enrichissement participatif !

[Paul Emmanuel]

Parfaitement dit et enregistré...et juste en plus ^_^

[Contenu sponsorisé]