Licence
Je distribue ce menu en licence LGPL. Cela signifie en gros que vous pouvez l’utiliser comme vous le voulez dans vos développements, qu’ils soient commerciaux ou non.
Utilisation
Le script fourni dans l’archive (au format zip) combine en fait 3 fonctionnalités :
- gestion d’un menu accessible
- gestion des feuilles de style alternatives
- gestion d’une mise en page 3 colonnes avec pied de page
Menu arborescent accessible
Ce menu est accessible à la navigation au clavier et contient suffisamment d’informations pour permettre sa navigation par un aveugle.
Quelques considérations :
- le code HTML de la page ne nécessite que des liste (LI) contenant des liens (A)
- les éléments de la liste ayant le tag STRONG sont automatiquement déplié
- si le navigateur ne gère pas le DOM, le menu est affiché en mode déplié
- —> le menu ne fonctionne de manière dynamique que sur un navigateur récent respectant les standards
- il est nécessaire de placer l’appel au .js du menu après celui-ci, sans quoi le script ne fonctionne pas !
- le fait que le menu soit clicable sur toute sa largeur (pas seulement sur le texte) est lui aussi un critère d’accessibilité, cette fois-ci aux personnes à mobilité réduite.
Feuilles de styles alternatives
- Possibilité de changer la mise en page du site en sélectionnant une des feuilles de style alternative
- mémorisation par cookie du choix de l’internaute
Mise en page 3 colonnes avec pied de page
- Il n’y a pas de table pour obtenir la présentation en 3 colonnes ; utilisation exclusive de CSS
- La taille des 3 colonnes est automatiquement ajustée à la plus haute
- Le pied de page est automatiquement déplacé en bas des 3 colonnes (via javascript)
- dans le source de la page, les éléments sont placés dans cet ordre :
- En-tête
- Corps [1]
- Colonne de gauche
- Colonne de droite
- Pied de page
Considérations esthétiques
Ce squelette est une preuve de concept, pas un chef d’œuvre artistique !
Si vous voulez le voir en application plus graphique, rendez-vous :
Boucles
- Le fichier menu.html utilise une boucle affichant l’arborescence des rubriques. Mais si une rubrique ne contient qu’un article, c’est l’article qui est affiché directement sur le clic.
- Le fichier rubrique.html affiche soit la liste des articles s’il y en a au moins un, soit la liste des sous rubriques
- Le fichier article.html affiche la liste de tous les articles de la rubrique en cours, l’article en cours n’étant pas clicable.
Astuces
- Les articles et les rubriques peuvent être numérotés (nn. titre : N° point espace titre)
- Si un article a comme mot clef « MENURACINE », il est placé juste en dessous de accueil dans le menu avant les rubriques (ce qui ne l’empèche de pouvoir être aussi à l’intérieur de sa rubrique).
Installation
Tous les fichiers et dossiers de l’archives sont à placer à la racine du site.
L’archive contient :
- dossier ecrire
- mes_options.php3 : contient les paramétrages su squelette (dossier du squelette) plus des fonctions pour avoir plus de raccourcis typographiques.
- dossier menuAccessible
il s’agit des fichiers du squelette. Cela vous montre que l’on peut séparer dans SPIP les squelettes du reste. - mes_fonctions.php3 : diverses fonctions utiles (ou non) au squelette.
Attention : si votre site a déjà un fichier mes_fonctions.php3 à la racine ou un fichier mes_options.php3 dans ecrire : ne les écrasez pas avec ceux de ce squelette, mais rajoutez-y les éléments de celui-ci.
Squelette Accessible
Vos commentaires
# Le 28 septembre 2006 à 22:00, par studyvox
En réponse à : Squelette : Menu dynamique accessible + 3 colonnes en CSS + géométrie variable
Bonjour
Je suis aveugle et j’ai beaucoup de mal pour utiliser correctement cet espace d’edition de spip.
Donc excusez les fautes de présentation.
J’ai pris connaissance de l’existence du squelette menu dynamique accessible sous spip.
Y-til des risque d’installer les fichiers de cette application sur la racine de mon site, qui est hébergé sur un serveur AMP avec la version 4.4.3 de PHP ?
Mon site est un site dynamique en construction, qui contient déjà des cours de solfège, de piano...
Il se trouve à l’adresse :
http:studyvox.biwi.ca/index.php
Si j’installe les fichiers script de ce squelette, cela ne perturbera-t-il pas le fonctionnement dynamique de mes pages ?
# Le 28 septembre 2006 à 23:09, par RealET
En réponse à : Squelette : Menu dynamique accessible + 3 colonnes en CSS + géométrie variable
Bonjour,
Ce squelette était une preuve de concept, pas un squelette utilisable :
Depuis, j’ai mis le squelette complet en téléchargement en licence libre CC-By-SA.
Sur le site, il est en version SPIP 1.8.3. Une version pour SPIP 1.9.1 est sur la zone sous le nom de SoyezCreateurs.
# Le 12 mai 2009 à 21:50, par RealET
En réponse à : Squelette : Menu dynamique accessible + 3 colonnes en CSS + géométrie variable
Et toujours sur la Zone, la version pour SPIP 2 est elle aussi disponible.
Répondre à ce message
# Le 5 août 2006 à 19:12, par fulvio
En réponse à : Squelette : Menu dynamique accessible + 3 colonnes en CSS + géométrie variable
une mise à jour pour la 1.9 est prévue ?
Répondre à ce message
# Le 10 septembre 2004 à 15:20, par Aurélien PIERARD
En réponse à : > Squelette : Menu dynamique accessible + 3 colonnes en CSS + géométrie variable
Vous trouverez ici une archive contenant uniquement les fichiers du menu.
# Le 10 septembre 2004 à 15:35, par RealET
En réponse à : > Squelette : Menu dynamique accessible + 3 colonnes en CSS + géométrie variable
Sympa, merci ;-)
# Le 10 septembre 2004 à 16:56, par netjl
En réponse à : > Squelette : Menu dynamique accessible + 3 colonnes en CSS + géométrie variable
pff j’en ai marre, je dois passer à côté d’un truc sur ce menu, il me déplie tout et j’ai pas les icône (plus - moins)...
j’ai tout copier à la racine, ensuite j’ai mis le menu.html dans mon dossier design... et j’ai insérer les lignes comme décrit dans le readme.txt, excepté les dernière, je ne gère pas le redimensionnement...
J’ai fait une bêtise quelque part là ???
Merci
# Le 10 septembre 2004 à 17:16, par netjl
En réponse à : > Squelette : Menu dynamique accessible + 3 colonnes en CSS + géométrie variable
tout se passe comme s’il ne voyait pas le fichier .js... j’ai donc mis le js dans le corps du menu.html et cela fonctionne pour la page sommaire, mais pas pourles autres .. ?? . . ? j’y perd mon latin...
Merci de m’éclairer de vos lanternes.
Cordialement
# Le 11 septembre 2004 à 22:49, par Fufu
En réponse à : > Squelette : Menu dynamique accessible + 3 colonnes en CSS + géométrie variable
moi j’ai également le même pb. Comme si le .js n’était pas reconnu.
# Le 12 septembre 2004 à 00:27, par RealET
En réponse à : > Squelette : Menu dynamique accessible + 3 colonnes en CSS + géométrie variable
Le chemin d’accès au .js est en dur ! Il faut donc le modifier dans menu.html s’il se trouve ailleurs.
Le chemin d’accès aux images est codé en dur dans le .js ! Là aussi, il faut modifier le fichier en conséquence.
# Le 13 septembre 2004 à 09:36, par JL Grellier
En réponse à : > Squelette : Menu dynamique accessible + 3 colonnes en CSS + géométrie variable
Bon, rien de modifié, mais le lendemain tout fonctionne... je ne vois pas trop ni pourquoi ni comment mais bon... c’est le principal. Merci.
A+
# Le 28 août 2005 à 00:04, par hamidoukann
En réponse à : > Squelette : Menu dynamique accessible + 3 colonnes en CSS + géométrie variable
ç’est peut être le recalcul du fichier PHP, qui n’est pas lancé à partir des boutons standards de spip ?
Répondre à ce message
# Le 26 août 2005 à 19:35, par Paul Sanches
En réponse à : > Squelette : Menu dynamique accessible + 3 colonnes en CSS + géométrie variable
Jacques, ton nouveau menu est magnifique, à voir sur : http://www.pyrat.net/
Il n’utilise plus de javascript ?
# Le 26 août 2005 à 23:10, par RealET
En réponse à : > Squelette : Menu dynamique accessible + 3 colonnes en CSS + géométrie variable
Merci beaucoup pour le compliment.
Pour rendre à César ce qui est à César, le nouveau graphisme est l’œuvre d’Axome.
Quant au menu, c’est toujours sensiblement le même, avec du javascript. Il a peu évolué par rapport à celui de cette contrib.
Répondre à ce message
# Le 10 août 2005 à 15:10, par SPQR
En réponse à : > Ne marche pas avec la 1.8.1 ?
Message d’erreur dans la colone de gauche :
"Parse error:parse error, unexpected ’=’ in...\inc-public.php3(20):eval()’d code on line 43"
# Le 12 août 2005 à 10:31, par Emmalene
En réponse à : > Ne marche pas avec la 1.8.1d
Bonjour,
Même message d’erreur dans la colone de gauche (menu) :
« Parse error :parse error, unexpected ’=’ in...\inc-public.php3(20) :eval()’d code on line 14 »
(SPIP 1.8.1d)
# Le 19 août 2005 à 16:02, par ?
En réponse à : > Ne marche pas avec la 1.8.1d
J’ai le même problème uniquement lorsque j’ai des logos (standard, rubriques).
Peut être une piste ?
J’en profite pour remercier le concepteur !
mys
Répondre à ce message
# Le 21 avril 2005 à 00:39, par Bertrand
En réponse à : > Squelette : Menu dynamique accessible + 3 colonnes en CSS + géométrie variable
Bonjour,
J’ai un petit problème avec le menu dynamique car lorsque je clique sur une rubrique ou une sous rubrique le lien qui s’affiche est du style http://www.monsite.com/article.php3?id_article=2 alors qu’il existe 2 sous répertoires après le nom de domaine. Il devrait s’afficher htt ://www.monsite.com/ssrepertoire1/ssrepertoire2/article.php3?id_article=2
J’ai pu modifier dans menu.html pour que le menu « accueil » pointe vers htt ://www.monsite.com/ssrepertoire1/ssrepertoire2/ mais je ne vois pas comment modifier pour résoudre le problème des liens générés dans le menu dynamique.
Merci de votre aide
Bertrand
Répondre à ce message
# Le 23 novembre 2004 à 13:51, par ?
En réponse à : > Squelette : Menu dynamique accessible + 3 colonnes en CSS + géométrie variable
Comment ca s’installe ???
Il n’y a aucune explication.
je les mets ou les fichiers une fois dézipé
merci
# Le 14 avril 2005 à 23:56, par RealET
En réponse à : > Squelette : Menu dynamique accessible + 3 colonnes en CSS + géométrie variable
Explication rajoutée en fin d’article.
Merci ;-)
Répondre à ce message
# Le 2 janvier 2005 à 18:57, par Pascal A.
En réponse à : > Squelette : Menu dynamique accessible + 3 colonnes en CSS + géométrie variable
J’ai un beau : Call to undefined function : ereg_remplace()
avec ereg_replace() ca marche moyennement mieux ...
# Le 14 avril 2005 à 23:55, par RealET
En réponse à : > Squelette : Menu dynamique accessible + 3 colonnes en CSS + géométrie variable
C’est corrigé, merci ;-)
Répondre à ce message
# Le 18 janvier 2005 à 22:48, par Prince
En réponse à : > Comment introduire le formulaire de recherche
Salut
Je suis entrain de monter un site avec ton squelette. Mais j’ai besoin de remettre la champ « recherche », comment je dois faire ?
# Le 14 avril 2005 à 23:13, par RealET
En réponse à : > Comment introduire le formulaire de recherche
Ce squelette n’est pas à proprement parler un squelette fonctionnel, mais seulement une preuve de concept.
Pour ce qui est de la recherche : #FORMULAIRE_RECHERCHE
Répondre à ce message
# Le 25 septembre 2004 à 16:29, par ?
En réponse à : pb sz filtre sur le menu et la page
bjr,
J’essaye d’installer votre squelette sur un spip 1.7.2
En page d’accueil il indique Erreur filtre « HTMLEntitiesFR »
non défini.
Kezako et comment le definir ??
Merci d’avance et encore merci pour cette sympathique
contrib quio aidera surment quelques debutants sous Spip comme moi a avoir vite fait un menu dynamique.
M
# Le 27 septembre 2004 à 10:02, par Francis
En réponse à : > pb sz filtre sur le menu et la page
Bonjour,
Problème identique : filtre « HTMLEntitiesFr » non defini
D’autre part, j’ai lu sur le forum l’existence d’un readme.txt... Il n’existe pas dans la version que j’ai téléchargée.
Merci
# Le 13 octobre 2004 à 16:07, par gaf
En réponse à : > pb sz filtre sur le menu et la page
Bonjour,
si vous avez déjà un fichier mes_options.php ou mes_fonctions.php, il vous faut rajouter le contenu de ceux livrés ici sinon il suffit de mettre les fichiers à la racine.
# Le 13 octobre 2004 à 16:18, par luc
En réponse à : > pb sz filtre sur le menu et la page
salut à vous,
siquelqu’un a eu la solution pour
le fameux
Erreur : filtre « HTMLEntitiesFr » non défini
Erreur : filtre « HTMLEntitiesFr » non défini
je suis preneur ;)
# Le 16 octobre 2004 à 19:03, par Bergu
En réponse à : > pb sz filtre sur le menu et la page
Bonjour,
J’ai placé les deux fichiers (mes_fonctions1.php3 et mes_options.php3) à la racine et dans tous les répertoires mais il n’y a rien à faire... Ce squelette semblait pourtant sympa au départ, il l’est un peu moins maintenant !! En espérant que quelqu’un trouve une explication.
Bergu
# Le 8 novembre 2004 à 10:28, par Eric Beining
En réponse à : > pb sz filtre sur le menu et la page
Bonjour,
Pb identique de HTML... machin, qui existe effectivement dans ’mes_fonctions1.php3’.
En vidant le cache et effacant les indexations dans la partie admin du site, tt fonctionne !
Great job Jacques !
@+
Eric.
http://beining.free.fr
# Le 8 janvier 2005 à 19:57, par Niko
En réponse à : > pb sz filtre sur le menu et la page
Pour supprimer le probleme d’appel a la fonction HTMLEntities impossible, il fait simplement recopier l’integralite du fichier mes_fonctions1.php3 dans votre fichier mes_fonctions.php3 s’il existe.
Si ce fichier mes_fonctions.php3 n’existe pas, il faut simplement renommer le fichier mes_fonctions1.php3 en mes_fonctions.php3.
Et alors tout fonctionne !
MERCI pour cette contrib !
# Le 10 janvier 2005 à 13:32, par ?
En réponse à : > pb sz filtre sur le menu et la page
J’ai essayé cette solution ainsi que de copier mes_fonctions.php et mes_options.php partout.
Rien ne marche, j’ai tjs le pb du HTMLEntitiesFR non defini.
Est-ce que qqun qui a eu effectivement le pb et à trouver comment faire peut poster la solution svp.
C’est vrai que le squelette à l’air vraiment bien, c’est dommage de ne pas pouvoir l’utiliser.
Merci.
# Le 28 février 2005 à 15:46, par ?
En réponse à : > > pb sz filtre sur le menu et la page
merci pour l’astuce. EN ce qui me concerne, cela fonctionne parfaitement
Répondre à ce message