Salve, sono nuovo e mi sono iscritto per dirvi un problema che sto riscontrando. Dunque ho un effetto con mootools, per nascondere un div cliccando su un bottone:
<script type="text/javascript">
window.addEvent('domready', function() {
var slideElementB = $('slideB');
var slideVarB = new Fx.Slide(slideElementB, {
mode: 'vertical',
link: 'chain',
onStart: function(){
$('start').highlight("#EBCC22");
},
onCancel: function(){
$('cancel').highlight("#EBCC22");
},
onComplete: function(){
$('complete').highlight("#EBCC22");
}
});
$('openB').addEvent('click', function(){
slideVarB.slideIn();
});
$('closeB').addEvent('click', function(){
slideVarB.slideOut();
});
});
</script>
Questo è l'effetto, mentre gli eventi applicati ai bottoni sono:
<button id="openB">Apri</button>
<button id="closeB">Chiudi</button>
E' tutto quello che nasconde o che fa apparire si trova nel div qui di seguito. Il problema e che al caricamento della pagina per la prima volta, il div si vede, poi quando clicco su Chiudi, il div si chiude. Adesso volevo sapere se era possibile invertire l'effetto, cioè al caricamento della pagina il div non è visibile, per poi cliccare su apri e renderlo visibile. Ho provato ad usare un style display none ma nulla..non si vede completamente nemmeno se poi clicco su apri
.
<div id="slideB" >
</div>
Poi un'ultima cosa, se volessi applicare l'evento chiudi o apri in un semplice testo e non in un bottone come faccio? Io pensavo cosi:
<a href="" onclick="slideVarB.slideOut('nomeDiv');"></a>
Però non funge. Grazie mille per tutto.
<script type="text/javascript">
window.addEvent('domready', function() {
var slideElementB = $('slideB');
var slideVarB = new Fx.Slide(slideElementB, {
mode: 'vertical',
link: 'chain',
onStart: function(){
$('start').highlight("#EBCC22");
},
onCancel: function(){
$('cancel').highlight("#EBCC22");
},
onComplete: function(){
$('complete').highlight("#EBCC22");
}
});
$('openB').addEvent('click', function(){
slideVarB.slideIn();
});
$('closeB').addEvent('click', function(){
slideVarB.slideOut();
});
});
</script>
Questo è l'effetto, mentre gli eventi applicati ai bottoni sono:
<button id="openB">Apri</button>
<button id="closeB">Chiudi</button>
E' tutto quello che nasconde o che fa apparire si trova nel div qui di seguito. Il problema e che al caricamento della pagina per la prima volta, il div si vede, poi quando clicco su Chiudi, il div si chiude. Adesso volevo sapere se era possibile invertire l'effetto, cioè al caricamento della pagina il div non è visibile, per poi cliccare su apri e renderlo visibile. Ho provato ad usare un style display none ma nulla..non si vede completamente nemmeno se poi clicco su apri
.<div id="slideB" >
</div>
Poi un'ultima cosa, se volessi applicare l'evento chiudi o apri in un semplice testo e non in un bottone come faccio? Io pensavo cosi:
<a href="" onclick="slideVarB.slideOut('nomeDiv');"></a>
Però non funge. Grazie mille per tutto.
