show/hide layer: una domanda veloce

[chiarachiari]

ciao ragazzi,
scusatemi se vi rompo le scatole ma di solito mi occupo di sviluppo XHTML/CSS e non sono per nulla ferrata in javascript.

Sto lavorando allo sviluppo di una pagina in cui mi servirebbe che lo stato di default di un layer fosse invisibile e che lo stesso layer diventi visibile non appena viene fatto click su un pulsante (per fare questo sto usando Scriptaculous e per ora mi riesce abbastanza facile utilizzare le libraries per come sono).
Vorrei evitare di dovere usare 2 layer diversi e le funzioni showhide di Dreamweaver (!!!) , ma non ho il tempo di mettermi a studiare come scrivere le varie funzioni, c'e' qualcuno di voi che ha uno script che posso usare al volo?
stavo pensando a uno script che cambia le proprieta' visibility del css da "hidden" a "visible".... ma accetto qualsiasi tipo di suggerimento!!

grazie mille
Chiara

[oronze]

è uno script diffusissimo....fai una ricerca sul forum o in internet!

[pietro09]

//------------------------------------------------------------------
//visualizza-nasconde un elemento
//------------------------------------------------------------------
function visualizza_nascondi(obj) 
{
	(obj.style.display != 'none')?obj.style.display = 'none':obj.style.display = '';
}

questo esempio modifica display che può essere "none" o ""

puoi usare visibility, che può essere hidden o visible (se ricordo bene, non ho provato)

[chiarachiari]

grazie mille!
in realta' mi serve che sia hidden solo lo stato di default
domanda : :master: c'e' un if { } che posso inserire in scriptaculous per spiegargli che se la visibilita' / display e' hidden/none in un primo momento, quando si clicca sul pulsante che aziona l' effect.Appear questa deve cambiare in visible/"" ?

lo so che faccio la parte della rompicoglioni, scusa!
una volta che capisco come si scrivono le funzioni chiederó roba piú intelligente, lo giuro



Chiara

[pietro09]

io non uso scriptaculous, comunque, se può servire:

document.getElementById("id_elemento").style.visib ility = "hidden";
document.getElementById("id_elemento").style.visib ility = "visible";

queste due istruzioni rendono visibile o nascosto un elemento di dato id

una funzione possibile può essere questa

mia_funzione(id_elemento, visible)
{
var v = document.getElementById(id_elemento);
if(visible)
v.style.visibility = "visible";
else
v.style.visibility = "hidden";
}

dove visible è true o false


ps. io, in genere lo metto direttamente nell'elemento, tipo
<div style="visibility:hidden;"></div>


di più non so, ciao

[chiarachiari]

i tuoi consigli mi sono stati utilissimi, ho risolto!
grazie mille per l'aiuto!!!!!
Chiara