11548 sujets

JavaScript, DOM et API Web HTML5

Mootool show/hidden Help Please !

Bonjour à tous,

J'utilise le fameux mootool avec mooSlide2-moo12.js et mootools12.js.

Je souhaiterai que la div apparaisse directement lors du chargement de la page sans devoir cliquer sur un lien pour qu'elle apparaisse.

Débutant, je ne sais pas quoi changer dans les fichiers js. Smiley decu
Pourriez-vous me dire où changer cela svp?

Je vous remercie d'avance pour votre aide. Smiley biggrin
Modifié par bulldog7859 (10 Feb 2010 - 16:10)
Pour apporter plus de précision:

Dans ma page html, le code est:


window.addEvent('domready',function(){							 
  var myLogin = new mooSlide2({ slideSpeed: 1500, fadeSpeed: 500,  toggler:'login', content: 'loginPanel', height:350, close: false, effects:Fx.Transitions.Bounce.easeOut , from:'top'});
  //optional: AutoStart the slider on page load:
  //MyLogin.run();
  $('close').addEvent('click', function(e){
    e = new Event(e);
    myLogin.clearit();
    e.stop();
  });
});
 
</script>


</head>
<body>
<!-- Save for Web Slices (principale.psd) -->
 <!-- Login Panel using MooSlide -->

    <div id="loginPanel" class="mooSlide">
 	<h1>login</h1>
          .....
   <!-- The close button -->

   <div class="loginClose"><a href="#" id="close"> </a></div>
 </div> <!-- / Login panel -->

....
<a href="#href" id="login">clic ici</a>


Dans mootools12.js, j'ai voulu changer "hidden" par visible

Element.Properties.styles={set:function(A){this.setStyles(A);}};Element.Properties.opacity={set:function(A,B){if(!B){if(A==0){if(this.style.visibility!="hidden"){this.style.visibility="hidden";


Dans mooslide2-moo12.js, j'ai voulu changer "hidden" par "visible" et "display" par "block"

this.content.setStyle('opacity','1');
			this.content.setStyle('visibility','hidden');
			this.content.setStyle('display','none'); // hide panel on page load
			$(this.content).setStyle('z-index','5000');
			$(this.toggler).addEvent('click',this.toggle.bindWithEvent(this));


Rien n'y fait !!! Smiley decu

J'ai vraiment besoin de trouver une solution mais même en y passant plusieurs heures je n'y arrive toujours pas !!!

Merci pour votre aide
Sujet clos
Aller à