Effetto simile a "mostra/nascondi" livelli. Esiste?

**TWD** · 29-05-2003, 12:02

Buongiorno a tutti, anche se con una grande tristezza nel cuore (la Juve é sempre la Juve

) mi sono messo al lavoro pure oggi.

Quesito: in una pagina a dimensione fissa devo rappresentare i vari reparti di un'azienda, in pratica: direzione, produzione, risorse umane, ... Avevo pensato, e pure gia creato, di utilizzare i livelli con attributi mostra/nascondi, a dipendenza della scelta dell'utente. Come sicuramente ben sapete xò, i livelli creano un qualche... come dire... problemuccio al ridimensionamento della finestra del browser o al change di risoluzione.

Qualcuno sa darmi una dritta? Qualche consiglio x avere lo stesso effetto senza layer? Grazie

**smal** · 29-05-2003, 12:10

Io una cosa del genere l'ho messa nella mappa dle mio sito, e per risolvere il problema ho usato un metodo, come dire drastico: ho creato una pagina in cui ho inserito il primo livello, poi ho creato una pagina per ogni sotto-livello; io ho fatto così perchè la mia mappa non è in una popup, ma viene caricata nella finestra principale e poi i sotto-livelli sono pochi; se devi inserire molti sotto-livelli potresti provare a risolvere il problema creando un'organigramma in flash, licensa consentendo.

**Dr Mal** · 29-05-2003, 12:17

Originariamente inviato da TWD
Buongiorno a tutti, anche se con una grande tristezza nel cuore (la Juve é sempre la Juve

) mi sono messo al lavoro pure oggi.

Quesito: in una pagina a dimensione fissa devo rappresentare i vari reparti di un'azienda, in pratica: direzione, produzione, risorse umane, ... Avevo pensato, e pure gia creato, di utilizzare i livelli con attributi mostra/nascondi, a dipendenza della scelta dell'utente. Come sicuramente ben sapete xò, i livelli creano un qualche... come dire... problemuccio al ridimensionamento della finestra del browser o al change di risoluzione.

Qualcuno sa darmi una dritta? Qualche consiglio x avere lo stesso effetto senza layer? Grazie

Dalla rete, qualcosa del genere?:

codice:

<html>
<head>
<title>ciao</title>
<script type="text/javascript">
<!--

function mostra(objID) {
	document.getElementById(objID).style.visibility = "visible";
}
function nascondi(objID) {
	document.getElementById(objID).style.visibility = "hidden";
}
//-->
</SCRIPT>
</HEAD>
<BODY>
mostra - nascondi
<DIV ID="blockDiv" STYLE="position:absolute; left:50px; top:100px; width:30px; height:30px; clip:rect(0px 30px 30px 0px); background-color:red; layer-background-color:red;"> 
</DIV>
</BODY>
</HTML>

Adattalo a cio' ke ti serve.

**TWD** · 29-05-2003, 12:20

Originariamente inviato da smal
Io una cosa del genere l'ho messa nella mappa dle mio sito, e per risolvere il problema ho usato un metodo, come dire drastico: ho creato una pagina in cui ho inserito il primo livello, poi ho creato una pagina per ogni sotto-livello; io ho fatto così perchè la mia mappa non è in una popup, ma viene caricata nella finestra principale e poi i sotto-livelli sono pochi; se devi inserire molti sotto-livelli potresti provare a risolvere il problema creando un'organigramma in flash, licensa consentendo.

Non é proprio quello che cero, ma grazie ugualmente, é già un inizio. Avanti il prossimo, prego...

**TWD** · 29-05-2003, 12:21

Grazie Dr Mal, ora ci provo, vi farò sapere...

**TWD** · 29-05-2003, 13:38

Originariamente inviato da Dr Mal
Dalla rete, qualcosa del genere?:

codice:

<html>
<head>
<title>ciao</title>
<script type="text/javascript">
<!--

function mostra(objID) {
	document.getElementById(objID).style.visibility = "visible";
}
function nascondi(objID) {
	document.getElementById(objID).style.visibility = "hidden";
}
//-->
</SCRIPT>
</HEAD>
<BODY>
mostra - nascondi
<DIV ID="blockDiv" STYLE="position:absolute; left:50px; top:100px; width:30px; height:30px; clip:rect(0px 30px 30px 0px); background-color:red; layer-background-color:red;"> 
</DIV>
</BODY>
</HTML>

Adattalo a cio' ke ti serve.

Purtroppo non ho ancora sufficienti conoscenze di javascript, avrei bisogno di una dritta: come faccio se voglio applicare il comportamento a (esempio...) 5 livelli diversi? Su quale parte di codice devo lavorare? Thanx

**TWD** · 29-05-2003, 13:46

Rettifico! Questo problema l'ho risolto. Ora ne ho un altro: questi livelli dovrebbere mantenere l'allineamento con una tabella, e non spostarsi se la pagina si ridimensione o se cambio risoluzione. Che si fa?

**TWD** · 29-05-2003, 13:50

Acora meglio (scusate se mi autorispondo da solo, ma la mia mente é in fermento!)

L'attibuto "relative", attribuito a "position", é relativo a cosa? Ai margini del documento, ad un altro livello, a cosa?

**niccolo78** · 30-05-2003, 10:11

La posizione absolute è relativa al documento e posiziona un elemento in maniera assoluta.L'elemento avra sempre qualle posizione, indipendentemente da risoluzione o grandezza finestra.
La posizione relative è riferita all'oggeto padre, cioe all'oggeto che contiene l'elemento con posizionamento relative.Xo quest'ultimo presenta grossi problemi e nn è mai una soluzione felice.
Il mio consiglio è quello di usare le tabelle e di utilizzare la proprieta display dei css.Con quella puoi nascondere gli elementi al volo facendo un semplice switch di classe.

**kola** · 30-05-2003, 10:18

Ciao!
Avevo un problema simile ^__^

Guarda questo thread
http://forum.html.it/forum/showthrea...hreadid=448399

^___^

Discussione: Effetto simile a "mostra/nascondi" livelli. Esiste?

Strumenti discussione

Ricerca discussione

Visualizza

Effetto simile a "mostra/nascondi" livelli. Esiste?

Re: Effetto simile a "mostra/nascondi" livelli. Esiste?

Re: Re: Effetto simile a "mostra/nascondi" livelli. Esiste?

Permessi di invio