begin process at 2010 03 21 06:34:26
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

menu js qui se deplie automatiquement


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

menu js qui se deplie automatiquement

mardi 9 septembre 2008 à 18:43:46 | menu js qui se deplie automatiquement

oceane751

bonjour
j'ai un code qui sur simple clique me delie des sous menu
le hic est que les sous menus sont automatiquement depliés, alors qu'il faudrait le depliement après le clik

mes code
[code]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " [ Lien ]">
<html xmlns=" [ Lien ]" xml:lang="en" lang="en">
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <link rel="stylesheet" href="demo.css" type="text/css" />
 <script type="text/javascript" src="../mootools.js"></script>
 <script type="text/javascript" src="demo.js"></script>
 <title>Fx.Slide Demo</title>
</head>
<body>
  <BOUCLE_arti(ARTICLES){id_article=48}>
 <h3 class="section">#TITRE
    </h3>
    </BOUCLE_arti>
 <div class="marginbottom">
  <a id="v_slideout" href="#">slide out</a>
  |
  <a id="v_slidein" href="#">slide in</a>
  |
  <a id="v_toggle" href="#">toggle</a>
  |
  <a id="v_hide" href="#">hide</a>
  |
  <a id="v_show" href="#">show</a>
  | <strong>status</strong>: <span id="vertical_status">open</span>
 </div>
 <div id="vertical_slide">
  <ul>
        <BOUCLE_prg(ARTICLES){id_article=11}>
    <li><a href="#URL_ARTICLE">#TITRE</a></li> <!-- 1er ligne du sous-menu -->
    </BOUCLE_prg>
     <BOUCLE_orateur(RUBRIQUES){id_rubrique=22}>
    <li><a href="#URL_RUBRIQUE">#TITRE</a></li> <!-- 2ième ligne du sous-menu -->
    </BOUCLE_orateur>
    <BOUCLE_rapport(RUBRIQUES){id_rubrique=4}>
    <li><a href="#URL_RUBRIQUE">#TITRE</a></li> <!-- 3ième ligne du sous-menu -->
    </BOUCLE_rapport>
</ul>
 </div>
 
</body>
</html>
[/code]

puis le .js
[code]
window.addEvent('domready', function() {
 var status = {
  'true': 'open',
  'false': 'close'
 };
 
 //-vertical

 var myVerticalSlide = new Fx.Slide('vertical_slide');

 $('v_slidein').addEvent('click', function(e){
  e.stop();
  myVerticalSlide.slideIn();
 });

 $('v_slideout').addEvent('click', function(e){
  e.stop();
  myVerticalSlide.slideOut();
 });

 $('v_toggle').addEvent('click', function(e){
  e.stop();
  myVerticalSlide.toggle();
 });

 $('v_hide').addEvent('click', function(e){
  e.stop();
  myVerticalSlide.hide();
  $('vertical_status').set('html', status[myVerticalSlide.close]);
 });
 
 $('v_show').addEvent('click', function(e){
  e.stop();
  myVerticalSlide.show();
  $('vertical_status').set('html', status[myVerticalSlide.close]);
 });
 
 // When Vertical Slide ends its transition, we check for its status
 // note that complete will not affect 'hide' and 'show' methods
 myVerticalSlide.addEvent('complete', function() {
  $('vertical_status').set('html', status[myVerticalSlide.close]);
 });
[/code]


si quelqu'un pourrait m'aider se serait vraiment gentil...

 
mardi 9 septembre 2008 à 21:13:00 | Re : menu js qui se deplie automatiquement

nickadele

Membre Club Administrateur CodeS-SourceS
heu...
c'est du nouveau html ça ?
<boucle></boucle>

Nickadele
----------------------------------------------
non, ma belle ne s'appel pas Adèle
Mon Blog
mardi 9 septembre 2008 à 21:35:09 | Re : menu js qui se deplie automatiquement

oceane751
nan c'est su SPIP
les boucles marchent très bien, c'est juste au niveau du JS que je ne sais pas comment faire pour regler mon problème
mercredi 10 septembre 2008 à 09:08:27 | Re : menu js qui se deplie automatiquement

nickadele

Membre Club Administrateur CodeS-SourceS
Difficil de t'aider sans la source html !
mercredi 10 septembre 2008 à 09:58:34 | Re : menu js qui se deplie automatiquement

oceane751
ça c'est pas bon?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " [ Lien ]">
<html xmlns=" [ Lien ]" xml:lang="en" lang="en">
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <link rel="stylesheet" href="demo.css" type="text/css" />
 <script type="text/javascript" src="../mootools.js"></script>
 <script type="text/javascript" src="demo.js"></script>
 <title>Fx.Slide Demo</title>
</head>
<body>
 <h1>Fx.Slide</h1>
 <h2>Introduction</h2>
 <p>
  Here goes a nice introduction
 </p>
 <h3 class="section">Vertical</h3>
 <div class="marginbottom" >
  <a id="v_slideout" href="#">slide out</a>
  |
  <a id="v_slidein" href="#">slide in</a>
  |
  <a id="v_toggle" href="#">toggle</a>
  |
  <a id="v_hide" href="#">hide</a>
  |
  <a id="v_show" href="#">show</a>
  | <strong>status</strong>: <span id="vertical_status">open</span>
 </div>
 <div id="vertical_slide" style="display:none;">
  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 </div>
 <h3 class="section">Horizontal</h3>
 <div class="marginbottom">
  <a id="h_slideout" href="#">slide out</a>
  |
  <a id="h_slidein" href="#">slide in</a>
  |
  <a id="h_toggle" href="#">toggle</a>
  |
  <a id="h_hide" href="#">hide</a>
  |
  <a id="h_show" href="#">show</a>
  | <strong>status</strong>: <span id="horizontal_status">open</span>
 </div>
 <div id="horizontal_slide">
  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 </div>
</body>
</html>

et le demo.js je l'ai donné plus haut


Cette discussion est classée dans : function, code, status, myverticalslide, addevent

Répondre à ce message

Sujets en rapport avec ce message

le javascript... [ par fubullrot31305 ] salut tout le monde ! voila, j'ai trouver ceci en prenant le code source d'une page :     & Qui veut gagner des millions ?! [ par Stark ] GeneralStarkHello,Voilà la question à 1'000'000.... Est-il possible de réactiver un composant après qu'on l'ai désactivé avec javascript document.write() depuis 1 function [ par alonsyl ] bonjour,par l'intermediaire d'une de mes "function" de mon j'actualise le contenu d'un  via la commande suivante : document.monForm.monInput.value = Ajax/Javascript [ par sagaff ] J'ai un problème avec ce code: Cod recupérer le code html d'une selection [ par caviar ] Saluté ! j'ai un petit pb tout bête ...j'aimerai récupérer le code html selectionné lorsqu'un utilisateur fait un surlignage sur ma page ...par exempl function non exécutée après contrôle de formulaire [ par cousinlol ] Bonjour, Juste un p'tit truc qui m'échappe J'ai un formulaire, sur lequel je fais un petit contrôle : <table align="center" border="0" cellpaddin importation de fonction javascript dans un autra fichier javascript [ par benarroud ] Bonjour, J'ai des fonctions javascript (objet) présent dans un fichier. je voudrais appeler ces fonctions  a partir d'un autre fichier javascript. _dopostBack et internal server error (status code 0) [ par Vulkan51 ] Bonjour,j'ai un petit soucis lors d'un post back effactué par javascript...je vais tenter d'etre clair: lors d'un clic sur un bouton "effacer" , une f explication d'un script [ par cyclopdev ] Bonjour à tous, J'espère que je poste dans la bonne section. Voici mon souci : je cherche à dapter le scrit suivant à mes besoins : http://www.codes- Problème d'insertion via une boucle [ par sebsab2008 ] Bonjour,Voila, j'ai un gros soucis avec une boucle. Je m'explique: j'ai deux tableaux. Je souhaite comparer mon premier tableau (intitulé Comment_Eche


Nos sponsors


Sondage...

Comparez les prix


iPod touch 8Go - 2ème génération
Entre 189€ et 224€

Visiter le guide achat

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,234 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)