Visualizzare albero DOM completo oppure Visualizzare Nodi che fanno parte di una Selezione

andreto

Utente Attivo
5 Dic 2012
88
0
0
Ciao a tutti,
selezionando del testo con il mouse su una pagina HTML avrei la necessità di ricevere la lista di tutti i nodi del DOM che fanno di questa selezione.

Avrei pensato di procedere per due strade, ma entrambe per me complicate da svilupparsi.

La prima è avere la lista di tutti i nodi e figli del body e confrontarli con i nodi che fanno parte della selezione (con .containsNode)
ma purtroppo non saprei se esiste già un'istruzione che mi permetta di ricevere tutti i nodi, figli, nipoti e pronipoti ecc... a partire da un elemento, oppure se devo crearmi un ciclo for.

La seconda è usare un'istruzione di javascript che mi restituisce in un array tutti i nodi che fanno parte della mia selezione, (questa sarebbe l'ideale :mavieni:) ma in questo caso non so se esiste tale istruzione.
Ho verificato le varie istruzioni di Range e Selection ma non ne ho trovata nessuna che mi risolva il problema.

Spero che qualcuno di voi mi possa aiutare, grazie.
 

andreto

Utente Attivo
5 Dic 2012
88
0
0
No perchè deve far parte del mio sito, non serve a me personalmente.

Devo integrare questa nello script che sto facendo.
 

Fez Vrasta

Utente Attivo
11 Mag 2013
409
0
0
Codice:
$("*").on("click", function() {

  $(this).children().each( function() {

    alert($(this));

  });

});

Una cosa del genere?

(è solo un abbozzo, non funziona)
 
Ultima modifica:

andreto

Utente Attivo
5 Dic 2012
88
0
0
Non proprio, fin qui ero riuscito.

A me servirebbe sapere se c'è un'istruzione di Javascript che associandola all'oggetto mi restituisce l'array con tutti i nodi presenti in quell'oggetto.

Ad esempio applicando .childNodes a body, visualizzo tutti i figli ma non nipoti, pronipoti ecc... Io dovrei riuscire ad avere in un array l'intero albero.

Oppure .anchorNode Restituisce il nodo in cui inizia la selezione e .focusNode Restituisce il nodo in cui finisce la selezione.
Io dovrei sapere quali altri nodi sono coinvolti nella selezione e non solo il primo e l'ultimo, tutti.
 
Discussioni simili
Autore Titolo Forum Risposte Data
N Non Autorizzato. Dovresti rimuovere il parametro customize_messenger_channel per visualizzare l'anteprima in frontend. WordPress 1
M visualizzare ip cam in windows IP Cam e Videosorveglianza 0
W visualizzare solo file html e sottocartelle di una cartella PHP 1
napuleone visualizzare il codice senza usare gli & HTML e CSS 1
Y Come caricare e visualizzare un'immagine PHP 0
M Visualizzare file PDF con link preso dal DB PHP 0
Alex_70 Visualizzare 2 bandiere PHP 6
Alex_70 Visualizzare anteprima foto in dropdown PHP 2
L Visualizzare tabella all'interno finestra modal PHP 4
P Visual Studio VB.NET Visualizzare un messaggio alla scadenza. .NET Framework 0
J [PHP] Visualizzare risultato query stessa pagina PHP 3
B visualizzare una sola riga Database 3
Alex_70 [PHP] Visualizzare foto tramite select PHP 0
K [ASP] Visualizzare nome del file selezionato Classic ASP 3
M [PHP] Visualizzare un array partendo dal numero 1 e non 0 PHP 5
L [PHP] Visualizzare utente dopo login PHP 0
L [PHP] Visualizzare se una pagina è pingata PHP 1
M [PHP] Visualizzare nell'alert il calcolo PHP 4
D [WordPress] come fare per estrarre dati da un db MySQL tramite una form e visualizzare il risultato WordPress 0
L come visualizzare array di oggetti php PHP 9
S [PHP] visualizzare commento su un prodotto precedentemente selezionato PHP 2
V [Javascript] Visualizzare o nascondere div figlio Javascript 4
W [PHP] Visualizzare errori su Statements in MySQLi PHP 3
S [javascript] visualizzare/nascondere div Javascript 3
felino [Javascript] [jQuery] Slick Carousel: visualizzare una porzione dell'immagine successiva Javascript 0
W [Javascript] Visualizzare l'href di un link nascosto Javascript 0
L [HTML] Problemi a visualizzare le modifiche eseguite alle pagine del sito. HTML e CSS 2
G [HTML] Visualizzare iframe in un blog non funziona sempre xchė? HTML e CSS 3
tritabit [HTML] Visualizzare stelle tipo rating HTML e CSS 5
A Visualizzare div quando le immagini sono state uploadate con successo (Ajax) Ajax 0
T Visualizzare un Xml su un sito in modo semplice XML 1
F Visualizzare data in formato gg/mm/aaaa da database mysql. PHP 3
M [PHP] Visualizzare record nel db PHP 2
M Visualizzare immagini in PHP - MYSQL PHP 0
M Visualizzare immagini da DB in php PHP 0
ecosito [WordPress] Visualizzare una mappa con i pin dei post tramite GPS? WordPress 4
G [PHP] CodeIgniter - Visualizzare singolo risultato PHP 4
Y VISUALIZZARE IMMAGINI DA DB PHP/MYSQL PHP 7
trattorino [PHP] funzione per visualizzare solo carattere PHP 2
S [HTML] Visualizzare XML formattato in HTML HTML e CSS 9
M Visualizzare su più pagine risultato query con fpdf PHP 6
Mer556 Visualizzare un sito nel browser HTML e CSS 1
M Visualizzare da una classe esistente ogni profilo utente PHP 1
Creatt Visualizzare un immagine al mopmento di un messaggio di alert Javascript 7
M Visualizzare tabella in base a selezione PHP 1
T php e mysql - visualizzare righe in colonna PHP 4
A Non riesco più a visualizzare il codice sicurezza nel forum Supporto Mr.Webmaster 3
M Visualizzare data formato 'gg-mm-aaaa' da data timestamp nel DB PHP 1
P non riesco a visualizzare i dati dopo aver inserto l'id PHP 36
A visualizzare testo a seguito di check radio button Javascript 1

Discussioni simili