Prime difficolta' DHTML

[jorgois]

Sto tentando di imparare dal testo " CSS e DHTML" .
Non riesco a rendere visibile i livelli precedentemente nascosti
es : #livello { position: absolute; top: 100px; left: 200px; visibility: hidden; }
Non diventa visibile anche se aggiungo lo script :
<SCRIPT LANGUAGE="javascript">
function showLayer(search)
{ document.all['nomelivello'] .style.visibility = 'visible' }
function hideLayer(search)
{ document.all['nomelivello'] .style.visibility = 'hidden' }
</SCRIPT>
nel tag BODY scrivo :
<DIV ID="nomelivello"> <FORM ACTION="cgi-bin/search.pl" METHOD="post">
[img]search_hd.gif[/img]


<TABLE><TR><TD VALIGN="middle"> <INPUT TYPE="text" SIZE=30 NAME="searchString">
</TD> <TD VALIGN="middle"><INPUT TYPE="image" SRC="search_go.gif" BORDER="0">
</TD></TR></TABLE> </FORM>

Close this window
</DIV>
........ma il livello con il form rimane nascosto ! Come mai ?
qualcuno puo' aiutarmi ? grazie ....ciao giorgio

[Xinod]

stai usando IE x testare, vero?

la sintassi compatibile con i nuovi browser è
document.getElementById('nomelivello').style.visib ility='visible'

è consigliabile cmq tenere lo stile in linea
<DIV ID="nomelivello" style="position:absolute;top:100px;left:200px; visibility:hidden;">...

ciao

[jorgois]

ti ringrazio per la risposta , ma intendi dire che i libri che ho appena comprato sono da cestinare .....perche' superati ? l'edizione e' del 1999 !
Un altra cosa in riferimento alla domanda tecnica su DHTML che non capisco e'che secondo me manca l'evento che renda visibile il livello ...
grazie ancora ...ciao giorgio

[Dennis]

ciao, guarda, DHTML è in continua evoluzione, dire 1999 è come dire antiguerra


Un evento per rendere visibile il livello? la frase non ha molto senso, intendi un metodo per renderlo visibile... hai ragione, non c'è, ma come hai già visto ti basta variare il valore della proprietà style.visibility da hidden a visible

[Xinod]

Giorgio,
i libri secondo me sono una buona base da integrare ad altre fonti, come stai facendo in questo momento
considera sempre che parliamo di un campo molto molto mutevole
(anche se fosse del 2003 sotto molti aspetti potrebbe essere "vecchio")

tornando al problema contingente, se hai solo quello che hai postato chiaramente il livello non appare e per la ragione a cui sei giunto

aggiungi un link fuori dal livello nascosto
mostra il livello

nota inoltre che il link nel codice che hai postato non fa quello che dovrebbe, se deve nascondere dovrebbe richiamare "javascript:hideLayer('nomelivello')"

ciao

[jorgois]

ciao, guarda, DHTML è in continua evoluzione, dire 1999 è come dire antiguerra


Un evento per rendere visibile il livello? la frase non ha molto senso, intendi un metodo per renderlo visibile... hai ragione, non c'è, ma come hai già visto ti basta variare il valore della proprietà style.visibility da hidden a visible
--------------------------------------------------------------
come evento intendo " il clik del mouse " o qualsiasi altro evento
che mi renda visibile quello che e' nascosto.
quando visualizzo la pagina ...il form di ricerca non e' visibile
e non vi e' nula di visibile su cui cliccare per renderlo visibile.
qualsiasi cosa scriva nel tag <DIV ID> </DIV> non essendo visibile non serve a nulla. lo visualizzo solo se nello "style" sostituisco
hidden con visible . ma allora dove finisce la funzione che fa scomparire e riapparire i livelli?
Scusate ma sono un UTONTO
CIAO giorgio

[jorgois]

Xinod
ok , ma non ho postato...... "function hideLayer(search)
{ document.all['nomelivello'] .style.visibility = 'hidden' }
?????
Ho provato a collocare ..
mostra il livello
fuori dal livello nascosto..ma il link non e' attivo ...come mai ?
Ora provo la scrittura che mi hai suggerito e vedo se funziona......

Volevo seguire il libro acquistato ..passo passo ma se ho buttato via i soldi ..come faccio ?
Non posso rompervi le scatole ogni due secondi ....su HTML.IT ho trovato una raccolta di effetti DHTML preconfezionati ma non un manuale di istruzioni DHTML ,
Volevo imparare a nascondere e a far apparire i livelli e a farli muovere creando degli effetti molto accattivanti , e postare le difficolta' che incontro solo quando proprio non riesco a cavarmela
dove posso trovare quello che cerco?
Grazie ancora per la disponibilita' ciao Giorgio

[Xinod]

se ti può essere di consolazione ho lo stesso libro
(ed. tecniche nuove? Dan Livingston, Micah Brown?)
e sinceramente lo sconsiglierei a chiunque

[jorgois]

Quindi devo scrivere all'interno del tag " HEAD "

<SCRIPT LANGUAGE="javascript">
function showLayer(search)
{ document.getElementById('nomelivello').style.visib ility='visible'
}
function hideLayer(search)
{ document.getElementById('nomelivello').style.visib ility='hidden'
}
</SCRIPT>
AL POSTO DI :
<SCRIPT LANGUAGE="javascript">
function showLayer(search)
{ document.all['search'] .style.visibility = 'visible' }
function hideLayer(search)
{ document.all['search'] .style.visibility = 'hidden' }
</SCRIPT>
giusto ??????
ma vale sia per IE che per NETSCAPE ??
GRAZIE CIAO giorgio

[Xinod]

è lo standard
vale x Netscape7, Mozilla, Opera, safari
i browser recenti insomma