bene, ho abbozzato questo codice in Js:
Codice:
function inputRequest(addType) {
if (addType==1) {
nodeId=prompt("Inserisci l'id del nuovo nodo", "");
subNodeTo=prompt("Inserisci l'id a cui il nuovo nodo deve essere subordinato", "");
nodeText=prompt("Inserisci il testo del nuovo nodo", "");
addNode(nodeId, subNodeTo, nodeText);
}
}
function addNode(nodeId, subNoteTo, nodeText) {
document.getElementById(subNodeTo).innerHTML += "<UL class=\"openNode\" id=\"" + nodeId + "\"><li>" + nodeText + "</li></ul>";
}
ora, la classe openNode è
Codice:
.openNode {
list-style-image: url(open.bmp);
}
dove open.bmp è l'immaginetta col "+" accanto. Poi, naturalmente, c'è il contenitore dell'albero in html e il bottone che richiama la funzione:
Codice:
<div id="0">
</div>
<input type="button" value="Aggiungi Nodo" onClick="inputRequest(1)" />
siccome non sono un esperto di HTML, avrei ancora alcuni aspetti da chiarire... ad esempio, come si fa a nascondere tutti i figli <ul> di un TAG ma senza far sparire i figli <li>? e poi la parte in cui se ad un nodo non sono stati assegnati figli, questo nodo non deve avere il "+" accanto, mentre se vengono assegnati altri figli questo deve avere il segno "+"... credo che di debba agire sul dom di un tag parent di un altro tag... ma non so come farlo... quancuno mi può aiutare?
Segnalibri