visualizzare l'id del oggetto su cui ho il puntatore

[gasmor]

mi chiedevo se era possibile, con una sola funzione, carpire gli id degli oggetti su cui sono sopra col mouse, inoltre limitare la funzione a tutti gli oggetti contenuti dentro il div "madre"

codice di esempio:

<div id="fuori">

<div id="madre">
<div id="figlio1">
<h1>titolo figlio1</h1>


questo è il tsto di figlio1</p>
</div>
</div>

</div>

e ottenere qualcosa tipo:
sei sopra

;
sei sopra <H1>;
sei sopra <figlio1>;
...


:master:

[pierofix]

Per ottenere il valore dell'attributo id degli elementi contenuti nel genitore '#madre' si potrebbe fare così:

window.onload = function()
{
   var madre = document.getElementById('madre')
   var figli = madre.getElementsByTagName('*')

   for (var i = 0; i < figli.length; i++)
   {
      figli.item(i).onmouseover = function()
      {
         this.getAttribute('id')
      }
   }
}

Poi vedi tu come sfruttare la cosa.

[gasmor]

grazie, il problema però rimane sempre lo stesso

come faccio a capire su quale sono sopra con il mouse senza applicare un evento onMouseOver ad ognuno degli oggetti (quindi: div, i vari h1, h2..., p)

[pierofix]

L'evento onmouseover viene applicato via javascript, quindi il markup non viene toccato. Non capisco dove sia il problema. Hai qualche particolare limitazione a livello di codice?

[Mega69]

Originariamente inviato da gasmor
mi chiedevo se era possibile, con una sola funzione, carpire gli id...



e ottenere qualcosa tipo:
sei sopra

;
sei sopra <H1>;
sei sopra <figlio1>;
...


:master:

Vuoi ottenere i nomi dei tag o gli id?

[gasmor]

Originariamente inviato da pierofix
L'evento onmouseover viene applicato via javascript, quindi il markup non viene toccato. Non capisco dove sia il problema. Hai qualche particolare limitazione a livello di codice?

non ho capito di preciso cosa vuoi dire

Il mio problema è che potrei avere anche un centinaio di elementi diversi in una pagina e quindi sarebbe una rottura dover scriver in ognuno di essi onMouseOver="Invia(this.id)" per questo motivo speravo esistesse un modo per effettuare in automatico questa ricerca :master:

#Mega69

tutto, sia tag, sia id

[pierofix]

Originariamente inviato da gasmor
Il mio problema è che potrei avere anche un centinaio di elementi diversi in una pagina e quindi sarebbe una rottura dover scriver in ognuno di essi onMouseOver="Invia(this.id)" per questo motivo speravo esistesse un modo per effettuare in automatico questa ricerca :master:

Lo script che ti ho proposto inserisce l'evento onclick a tutti gli elementi interessati e lo fa, come ti dicevo, via script. Non tocca il markup, e non serve andare a scrivere l'attributo evento onclick su ogni marcatore. Lo fa in automatico javascript direttamente dallo script. Vedi?

window.onload = function()
{
   var madre = document.getElementById('madre')
   var figli = madre.getElementsByTagName('*')

   for (var i = 0; i < figli.length; i++)
   {
      figli.item(i).onmouseover = function()
      {
         this.getAttribute('id')
      }
   }
}

[gasmor]

ehm scusa, non avevo capito