menu js qui se deplie automatiquement - CSS / Général, Javascript / Ajax / DHTML

CodeS-SourceS est hébergé par Frontier.fr

Ce site au démarrage

AccueilCodesTutorielsForumsEmploiLivresGuide achatConnexion

begin process at 2009 07 04 14:02:37

[REFACTORING] RESHARPER POUR VISUAL STUDIO 2010 (PREVIEW) par tja

[REFACTORING] ANALYSER VOS EXCEPTIONS AVEC RESHARPER EXCEPTIONAL par tja

SHAREPOINT 2007 : PATTERNS & PRACTICES SHAREPOINT GUIDANCE par phil

[VISUAL STUDIO 2010] LES TESTS CASES C'EST BIEN, MAIS JE VAIS DEVOIR TOUT RééCRIRE ? par Etienne Margraff

MVP[GRIBOUILLON].ADDYEAR par Gribouillon

RE : PROBLèME AVEC IFRAME par Bul3

RE : PROBLèME AVEC IFRAME par faluorn

RE : PROBLèME AVEC IFRAME par Bul3

PROBLèME AVEC IFRAME par faluorn

RE : JAVASCRIPT par Bul3

+ de logiciels à télécharger

1 464 237 membres
143 nouveaux aujourd'hui
15 045 membres club

Trouver une ressource

Trouvez une ressource parmi 40 094 codes, 1 302 802 messages d'aide etc...

Recherche: dans [ Dernières recherches ]

Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

Poser une question

Sujet : menu js qui se deplie automatiquement [ CSS / Général ] (oceane751)

Informations & options pour cette discussion

Vous êtes ici : Thèmes / Javascript / DHTML / Ajax / CSS / Général / menu js qui se deplie automatiquement
Ce sujet vous interesse ? Cliquez ici pour être averti quand il y a une nouvelle réponse

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> 
    </BOUCLE_prg>
     <BOUCLE_orateur(RUBRIQUES){id_rubrique=22}>
    <li><a href="#URL_RUBRIQUE">#TITRE</a></li> 
    </BOUCLE_orateur>
    <BOUCLE_rapport(RUBRIQUES){id_rubrique=4}>
    <li><a href="#URL_RUBRIQUE">#TITRE</a></li> 
    </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	heu... c'est du nouveau html ça ? <boucle></boucle> Nickadele ---------------------------------------------- non, ma belle ne s'appel pas Adèle Mon Blog
	Rép. MP 555 msg 1117 msg CS

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
	Rép. MP 26 msg 144 msg CS

mercredi 10 septembre 2008 à 09:08:27 | Re : menu js qui se deplie automatiquement

nickadele	Difficil de t'aider sans la source html !
	Rép. MP 555 msg 1117 msg CS

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é 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