login con effetto slide di jquery ad una voce menu del menu principale

[gestionesito@ipsartitone.]

Salve a tutti, ho creato un login

[/size]

con effetto slide di jquery

nell'intestazione, mi chiedevo se c'è anche la possibilità di fare la stessa cosa collegando il login [/size]

ad una voce menu del menu principale .

[/size]

[/size]

Grazie in anticipo.

[stesil]

Ciao,

quello che chiedi è complesso da fare ... non dico che non si può, qualcosa ho provato e qualcosa ho ottenuto, ma ancora mi convince poco. Se trovo una soluzione accettabile la posto. Per il momento, se vuoi, puoi provare una via più semplice: spostare il bottone del login nell'area del menu (se hai utilizzato un menu sotto l'intestazione), con una modifica al codice javascript già utilizzato (in rosso la parte aggiunta e il valore è da personalizzare)

<script type="text/javascript">
$(document).ready(function(){
$('div#mioform').parent('div').css({
'top':'150px',
'overflow':'visible',
'z-index':'100001'
});
$('a#log').click(function(event){
event.preventDefault();
$('div#mioform').slideToggle('slow');
});
});
</script>

[gestionesito@ipsartitone.]

ciao e scusa stesil se ti rispondo in ritardo, ma già questo codice lo utilizzato con un pulsante creato personalmente e funziona perfettamente, ma quello che volevo fare è inserire la pagina del login  in un pulsante del menu creato da website evo 9.


Sei sempre gentile e molto disponibile a rispondere.


grazie mille !!!

[stesil]

Ciao,

prova questa soluzione ... vediamo se può andare bene.

In modifica del modello mantieni l'oggetto html con il form per l'accesso all'area riservata. Posizionalo esattamente sopra la voce del menu sotto cui vuoi che appaia.
L'unica modifica al codice che devi fare è questa: togli il primo tag a, che è relativo al bottone del login (<a id="log" href="login.html"><img src="files/login.png" alt="login" width="115" height="22" /></a>), lasciando tutto il resto del codice del div "mioform".

In head lascia il codice css relativo al div #mioform, ma modifica il codice javascript in questo modo:

<script type="text/javascript">
$(document).ready(function(){
$('div#mioform').parent('div').css({'overflow':'visible',
'top':'180px'});
$('#imMnMnNode12').toggle(function(event){
event.preventDefault();
$('div#mioform').parent('div').css('z-index','100001');
$('div#mioform').slideDown('slow');
}, function() {
$('div#mioform').slideUp('slow', function(){$('div#mioform').parent('div').css('z-index','10000')});
});
});
</script>

Il valore di top va personalizzato in modo che il form appaia sotto la voce del menu.

Anche il selettore imMnMnNode12 è da personalizzare, perchè identifica la voce del menu che attiva la visualizzazione del form. Dal codice sorgente della pagina puoi ricavare il valore di id corretto.

[gestionesito@ipsartitone.]

Ciao stesil scusa la mia ignoranza, ma dove si trova il codice sorgente della pagina per ricavare l' id




Grazie molte.

[stesil]

Ciao,

questo è uno dei modi possibili per visualizzare il codice sorgente: nell'anteprima del progetto, clicca con il tasto destro del mouse e seleziona HTML.

Oppure puoi installare Firebug, un'estensione di Firefox, che ti permette con un semplice clic sull'elemento della pagina che vuoi analizzare, di conoscere l'id e le altre informazioni relative a quell'elemento.

Dovresti trovare una cosa di questo tipo (è solo il numero che cambia in funzione della voce del menu):

[ Guests cannot view attachments ]

[gestionesito@ipsartitone.]

Grazie stesil, grazie molte per la tua disponibilità






Ciao a presto!!!!