Menu "en Accordéon"

Bonjour,


Menus en accordéons :


Rapide : (Début de solutions) :


Menus déroulants verticaux :

http://css.alsacreations.com/modelesmenus/vd1.htm


Script de "Alsacréations" pour un menu en accordéon :

Forum "Alsacréations"

<script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
	for (var i = 1; i<=10; i++) {
		if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
	}
if (d) {d.style.display='block';}
}
//-->
</script>

Aides à la créations : (Tutoriels) :

Un menu déroulant en CSS et XHTML (horizontal et vertical) - Alsacréations

Plugin menu accordéon pour SPIP :

"le plugin jQuery Accordion", SIC, transformé en plugin pour SPIP

jQuery plugin : Accordion :

http://bassistance.de/jquery-plugins/jquery-plugin-accordion/

CITATION :

This plugin creates an accordion menu. It works with nested lists, definition lists, or just nested divs. Options are available to specify the structure, if necessary, the active element (to display at first) and to customize animations.

Google Traduction : (lien)

Ce plugin crée un menu d'accordéon. Cela fonctionne avec les listes nichées, la définition énumère, ou les divs nichés justes. Les options sont disponibles pour indiquer la structure, au besoin, l'élément actif (pour montrer au début) et pour adapter des animations aux besoins du client.


Merci...

Bonjour, merci beaucoup pour votre réponse, j'ai réussi à faire quelque chose, mais par contre, ce que je cherche, ce n'est pas un menu deroulant, c'est le même principe mais il n'y a pas des sous menu en dessous, mais du texte.

Exemple :

- Presentation
- Texte de présentation
- Recrutement
- Texte de Recrtutement
- Explications avancées
- Texte des Explications avancées.

Au pire, je peux faire une ligne par sous menu, mais ce n'est pas très pratique. Merci beaucoup de toutes vos réponses.

Bonjour,


MENUS PAGES WEB (INTERNET) EN "ACCORDÉONS" :


Certaines pages de "FAQs" ou "D'AIDEs" de Microsoft, (de mémoire récente), fonctionnent, ou plutôt s'affichent avec ce type de procédé.

Un plus (+), mais pas toujours, situé en début de ligne indique, pour l'utilisateur ou plutôt le lecteur, un développement possible de texte sous la première ligne.

Les lignes du dessous sont décalées vers le bas et aucun téléchargement n'est effectué.

Certaines pages peuvent mêmes fonctionnés hors ligne.

[...] (Début suggestion rapide ; à améliorer)
((Pour le fonctionnement, "hors ligne" : suggestion : "sauvegarde au format ".mht" avec "Microsoft Windows Internet Explorer 7" par exemple ; notez que ce format est lisible, notamment, sous "Outlook Express 6" ; je pensais ce format trop "propriétaire", (Microsoft). Ajoutez l'extension ".eml", qui ne modifie rien ou presque, et glissez le fichier vers "Outlook Express 6")).
[...] (Fin suggestion rapide ; à améliorer)


LIENS ET EXEMPLES :

ON NE PEUT PAS TROUVER MEILLEUR PAGE :

 ;-) *1 NON *2 HUMM * COOL * NON MERCI * SAUF ERREURS * (EN PLUS)

 ((L'espace en début de ligne est un espace non sécable : code touche "Alt" + 0160))

Page contenant des menus en "accordéons" :

"Les programmes Windows Genuine Advantage"

        <div class="question">
          <table>
            <tr>
              <td class="quesAnsLabel"><b>Q.</b></td>
              <td><a href="javascript:toggleQuestion('sec1_ques3');">Est-il obligatoire d'activer et/ou d'enregistrer
        mes logiciels Microsoft ?</a></td>
            </tr>
          </table>
        </div>
        <div class="answer" id="sec1_ques3" style="display: none;">
          <table>
            <tr>
              <td class="quesAnsLabel"><b>R.</b></td>
              <td>
                <p>L'activation est obligatoire pour de nombreux
        utilisateurs de Microsoft Windows et Office s'ils
        souhaitent bénéficier de toutes les fonctions de leurs
        logiciels. Si l'activation de Windows est obligatoire, vous
        y êtes invité durant l'installation et devez procéder à
        l'activation dans les 30 jours suivant la première
        utilisation. Si l'activation d'Office est obligatoire, vous
        y êtes invité dès la première exécution d'une application
        Office. Vous devez procéder à l'activation avant
        50 utilisations (Office XP et ultérieur).
        L'enregistrement est conseillé mais n'est pas
        obligatoire.</p>
              </td>
            </tr>
          </table>
        </div>

Merci...

Bonjour, merci, pour toutes vos réponses, je n'ai pas compris le dernier message... Je pense que je vais prendre le premier code, mais savez vous comment programmer des liens dans le premier ?
Merci beaucoup pour toutes vos réponses,
Si vous avez quelque chose à proposer, n'hésitez pas.

Bonjour,


Le lien pour un exemple, "pratique", des menus en "accordéons", est le lien "Les programmes Windows Genuine Advantage".


Après avoir affiché la page Web, ("Les programmes Windows Genuine Advantage"), vous pouvez "Affiché la source" ; afin de pouvoir observer comment fonctionne la page ; page Web qui contient des menus en accordéons.

Suite à l'étude du fonctionnement de cette page, vous pourrez être mieux à même de savoir quoi choisir, et vous pouvez éventuellement demander des informations, sur comment faire pareil ; mais sans copier le code. (Je ne puis, moi-même, vous aidez sur ce point).

_________________
_________________
_________________


Les liens avec la mention "(EN PLUS)" à droite des six liens (6) sur la même ligne ne sont là que, "(EN PLUS)".

Ils illustrent la phrase : "ON NE PEUT PAS TROUVER MEILLEURE PAGE".

En général, certaines personnes n'apprécient pas Microsoft, et notamment son programme "Windows Genuine Advantage" ; "WGA".

L'aide et l'information, mêmes sérieuses, peuvent êtres agrémentées d'une touche d'humour. La manoeuvre n'a qu'un but d'illustration. (Non négatif).

_________________
_________________


((J'aime bien, et nous aimons bien, Microsoft, Linux, Mac, Etc.))

_________________



Merci...

Merci de ta réponse, j'ai bien étuidier le code Source de cette page, je n'ai trouvé que peut de liens et les codes ne marchent pas sur mon script. Merci quand même.

Bonjour, merci pour ta réponse, je la comprends mieux que les autres, J'ai trouvé la mise en forme que je veux :
http://css.alsacreations.com/modelesmenus/vd1.htm
Mais, j'aimerais, plutôt que des liens un espaces de texte.

En fait, j'ai découvert ce programme sur un Mac, sur le logiciel RapidWeaver, le pup gien s'appelait "Accordion".

Je ne m'y connais pas beaucoup en informatique, mais je veux bien faire tout mon possible. Sur cette page, tu verras ce que j'ai reussi à faire, mais si possible j'aimerais faire tu texte à la place des ous-menus, ou si ça ne l'est pas, donner des liens aux sous-menus.
http://www.groupe-midgard.com/

Merci pour tout !

				<ul>
					<li><a href="#">Midgard</a></li>
					<li><a href="#">Groupes</a></li>

					<li><a href="#">Conseil Suprême</a></li>
					<li><a href="#">Branches</a></li>
				</ul>

				<div>
					<p>un paragraphe de texte</p>
					<p>un autre paragraphe de texte</p>
					<p>un troisième paragraphe de texte</p>
				</div>

				<ul>
					<li><a href="http://www.mapage1.com">Midgard</a></li>
					<li><a href="http://www.mapage2.com"">Groupes</a></li>

					<li><a href="http://www.mapage3.com"">Conseil Suprême</a></li>
					<li><a href="http://www.mapage4.com"">Branches</a></li>
				</ul>

Bonjour, excelent, tu réponds à toutes mes questions en un post. Merci à tous et surtout à toi, j'ai parfaitement compris, je vais le tester. Merci encore !

Vous allez rire, je trouve pas le bouton éditer...

J'ai pas, je pense que c'est parce que je ne suis pas inscrit, j'ai juste ecrit comme ça, sans m'inscrire.

Salut... moi je suis bloqué depuis 3 jours !! :(

disons que j'utilise joomla CMS; aussi j'ai implémenté le plugin SBD Accordion Menu comme menu. Mais je voudrais faire un menu comme celui-ci : http://www.maureletprom.fr si quelqu'un peu me venir en aide. je serai ravis aussi de l'aider dans un autre domaine.

Merci

Dave