Mootools Show / hidden Please Help par bulldog7859 - page 1

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.

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

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

Mootools Show / hidden Please Help

Mootools Show / hidden Please Help

Supprimer

Modérer

Signaler le message aux modérateurs