Definiciones interrelacionadas

[Silko]

A ver si me podéis dar una solución.

Estoy haciendo un diccionario, donde la palabra y la definición se guardan en la base de datos, pero alguna de estas definiciones incluye palabras que también están en la base de datos.

Pongo un ejemplo para que se entienda mejor:

Palabras en la base de datos:

Cacahuete: fruto seco. tal tal tal tal.

Elefante: animal que come Cacahuete

Acción:

Llego a la página y pongo en el buscador elefante, que me da como resultado la misma.

¿Cómo puedo hacer que en la definición de elefante al pulsar cacahuete salga una ventana flotante con la definición de la misma?

Gracias a todos

[emiliodeg]

bueno si todo esta bien suponte que generas algo asi

<strong>elefante:</strong> animal que come <a href="diccionario.com/cacahuete" title="">cacahuete<span>fruto seco. tal tal tal tal.</span></a>

en los estilos pones

a {position:relative}
a span {display:none;position:absolute;bottom:0}
a:hover span {display:block}

esta seria la forma facil

depsues podes mejorarla mucho con ajax, cuando hover que busque en el servidor la definicion y la carge en el span

saludos

[GatorV]

Tema trasladado a HTML.

[webosiris]

si son definiciones, deberia usarse listas de definiciones (DL - DT - DD)

Código HTML:

<dl>
<dt>Cacahuete:</dt>
<dd>fruto seco. tal tal tal tal.</dd>
<dt>Elefante:</dt>
<dd>animal que come Cacahuete.</dd>
</dl> 

para lo de la "ventana flotante" no entendi muy bien, pero quizas te sirva usar esto.

[Silko]

Gracias a todos por las repuestas, al final opte por meter junto a la definición las estiquetas.

Gracias