Newsgroup: it.comp.lang.javascript
Titolo: Problema con menu ad albero javascript

Ciao, sono neofita di javscript è ho un problema con un albero in 
javascript di cui mi è stata assegnata una modifica e la manutenzione.
Il menu in questione è composto da un file my_liquid.js che contiene
due funzioni per gestire lo stato del menu (nodi espansi o meno) tramite
cookie e da una pagina index.html che contiene l'HTML e la parte 
jascript che genera il menu.
Vi sono anche altre due pagine pagina_2.html e pagina_3.html 
praticamente identiche alla index.html che servono per mostrare 
dinamicamente il suo funzionamento.
Oltre a questo 3 gif per le icone dei nodi.
Il mio problema è il seguente :
Devo gestire l'etichetta di un nodo/cartella in modo che possa andare su 
più righe senza che la parte della etichetta che va a capo finisca sotto 
l'icona.
Non so se sono stato chiaro, non è molto facile da descrivere per iscritto.
Provo con un esempio "testo" qui sotto.
Situazione attuale:
ICONA_NODO Etichetta link che deve andare
a capo su più righe
Situazione che si vuole :
ICONA_NODO Etichetta link che deve andare
	   a capo su più righe
Dovrei postare a questo punto uno zip con i file js/html o fare un 
taglia e incolla piuttosto corposto nel testo.
Ma non so come sia la politica del newgroup in tale senso.
Cosa mi consigliate.
Grazie ancora, non riesco proprio a uscire fuori dal problema.

 javascript di cui mi è stata assegnata una modifica e la manutenzione.
Ciao,
devi tenere conto che un "albero in javascript" è fattibile in 7.231 modi,
anche molto diversi tra loro.
Quello che scrivi non è di alcun aiuto per chi vuole darti un consiglio...
Consiglio 1) chiedi a chi ti ha fornito lo script
Consiglio 2) rifattelo da zero così capisci come funziona
Non postare allegati; puoi postare del codice ma deve essere breve, ossia
devi capire cosa fa lo script ed estrapolare una piccola pagina che
presenti il problema. Se posti l'intero script temo nessuno avrà il tempo
di leggerselo e studiarselo tutto.
-- 
"Non sai che ci vuol scienza
 ci vuol costanza
 ad invecchiare senza maturità"
									    F.G.

 
Penso che il problema sia più che altro di HTML da generare posso 
postare il ciclo fondamentale che itera sul array per chiedervi se 
riuscite a darmi qualche consiglio?
Grazie.

Questo è un estratto
Nella pagina HTML è presente un blocco javascript
<SCRIPT LANGUAGE="JavaScript">
<!--
document.write('<PRE>')
for (var i = 0; i < outline.length; ++i) {
	if (outline[i].state) {
		//BLOCCO_A_INIZIO
		for (var j = 0; j < outline[i].depth * 3; ++j) {					
			document.write('&nbsp;')
		}
		document.write(outline[i].pic)
		document.write(outline[i].text)	
		document.write('<BR>')	
		//BLOCCO_A_FINE	
	} else {
		var previous = i
		for (var k = i + 1; k < outline.length && outline[k].depth >= 
outline[previous].depth; ++k) {
			++i
		}
	}
}
document.write('</PRE>')
// -->
</SCRIPT>
dove outline[i].pic contiene <IMG SRC="child.gif" BORDER=0> per esempio
e outline[i].text contiene il testo "<A HREF='" + ArrLink[11] + 
"'>Item11</A> per esempio
Non è forse di utilità ora spiegare la parte che si occupa di gestire 
l'espansione e la compressione di un nodo.
La parte che scrive la parte di un nodo (etichetta e immagine) per un 
nodo è compresa tra i commenti
//BLOCCO_A_INIZIO e //BLOCCO_A_FINE	
cioè
//BLOCCO_A_INIZIO
for (var j = 0; j < outline[i].depth * 3; ++j) {					
	document.write('&nbsp;')
}
document.write(outline[i].pic)
document.write(outline[i].text)	
document.write('<BR>')	
//BLOCCO_A_FINE	
il tutto è incapsulato come si vede da un blocco <PRE> e </PRE>
Quindi quello che penso e che si possano inserire dei blocchi <div> in 
modo da gestire l'allineamento e l'andata a capo come detto prima.
Può andare come spiegazione e codice postato?
Grazie ancora

 Questo č un estratto
[CUT]
PRE mantiene la formattazione data, cosě come &nbsp; al posto degli spazi.
Cosě a naso proverei a sostituire &nbsp; con spazio e PRE con chessň, un
div o span con una width fissa.
-- 
"Run rabbit run
 dig that hole, forget the sun
 and when at last the work is done
 don't sit down, it's time to dig another one"
									    P.F.

 
Intendi una cosa del genere?
document.write('<div width="50">')
for (var i = 0; i < outline.length; ++i) {
	if (outline[i].state) {
		for (var j = 0; j < outline[i].depth * 3; ++j) {
			document.write(' ')
		}
		document.write(outline[i].pic)
		document.write(outline[i].text)
		document.write('<BR>')		
	} else {
		var previous = i
		for (var k = i + 1; k < outline.length && outline[k].depth >= 
outline[previous].depth; ++k) {
			++i
		}
	}
}
document.write('</div>')
// -->
</SCRIPT>
perchč cosě non mi rispetta piů l'identazione. non č piů un albero ma 
una lista

 document.write('<div width="50">')
Non penso esista una width ... conosci html - css?
 
http://www.w3.org/TR/REC-html40/struct/global.html#h-7.5.4
 
http://www.w3.org/TR/REC-CSS2/visudet.html#the-width-property
-- 
"Affacciati affacciati benedici, guardaci
 guardaci...guardaci!
 Tanto sono quasi duemila anni che stai a guardare!"
									    E.B.

 
Mi occupo di programmazione java,c ma mi manca tutta la parte HTML e CSS 
  infatti dicevo che sono neofita in questi campi, solo che la parte di 
sw che devo manutenzionare genera javascritp e HTML/css...questo è il 
problema...
Per questo ho chiesto una mano qui.


Grazie per i link