Me estoy volviendo loco... ayuda ^^

[TxT]

Hola que tal todos, pues soy nuevo en ForosDelWeb mismo si tengo muchisimo tiempo visitando la web. me habia registrado una vez y olvide mi user asi que nunca entre con el. Ahora estoy con TxT y pues para comenzar tendria una pregunta/consulta que espero que alguien me ayude a resolver.

Mi problema es que estoy intentando hacer que cuando las personas pasen el mouse por una imagen o texto, cambie en otra parte de la web un texto que esta a su parte derecha.

He intentado muchisimas maneras que encontre por internet y se que si se puede hacer porque ya lo he hecho antes (solo que no recuerdo el codigo exacto que habia hecho, era una modificacion de uno de cambiar imagenes).

Se que se usa onmouseover y javascript pero ni con divs, ni con P id=" ni nada no me ha querido funcionar.

Gracias a todos por su ayuda

[tunait]

Hola TxT, bienvenido a los foros

Es relativamente sencillo hacer lo que quieres.

Asígnale un id al contenedor del texto y pídele que cambie su firstChild.nodeValue

Asegúrate de que inicialmente el contenedor tenga algo dentro, aunque sea un espacio en blanco.

Te dejo un ejemplo

Código:

<strong onmouseover="document.getElementById('pepe').firstChild.nodeValue = 'mi texto'">texto</strong>
<div id="pepe"> </div>

[TxT]

Mmm a ver si entiendo bien:

<strong onmouseover="document.getElementById('pepe').first Child.nodeValue = 'mi texto'">texto</strong>
<div id="pepe"> </div>

Aqui estas pidiendo que la div la cual tiene la id pepe cambie del value mi texto, al value texto verdad?

Tambien otra cosa que olvide decir creo. Son 3 imagenes y textos distintos que quiero que cambien a 3 descripciones distintas.

Gracias

[tunait]

Iniciado por TxT

Aqui estas pidiendo que la div la cual tiene la id pepe cambie del value mi texto, al value texto verdad?

Algo así. El documento es un arbol de nodos y le estamos pidiendo que cambie el valor de un nodo de texto que pertenece a otro nodo de id="pepe"

Iniciado por TxT

Tambien otra cosa que olvide decir creo. Son 3 imagenes y textos distintos que quiero que cambien a 3 descripciones distintas.

No hay problema. Le envías el texto que quieras en cada momento

Código:

<img src="..." onmouseover="document.getElementById('pepe').firstChild.nodeValue = 'texto 1'" />

<img src="..." onmouseover="document.getElementById('pepe').firstChild.nodeValue = 'texto 2'" />

[TxT]

Ok muchisimas gracias! probare esto a ver si funciona! :D

mmm si quiero hacer con esto una funcion js seria asi?:

function CambiarTexTo(texto){
document.getElementById(pepe).first Child.nodeValue = texto"
}

y en

< onmouseover = "CambiarTexTo('este es el nuevo texto')" >

??
Puedo poner <br>'s <img's <a href's y eso en el texto?

[TxT]

mmm hasta ahora no me funciona mira puse asi:

<a href="#" onmouseover="document.getElementById('pepe').first Child.nodeValue = 'Mi Texto'">Aqui</a>

<div id="pepe">esta NO es una empresa de diseño web o creación de webs a terceros.<a href='#'><img src='images/button_link.gif' class='button' alt='' /></a></div>

[tunait]

Iniciado por TxT

Puedo poner <br>'s <img's <a href's y eso en el texto?

No. Un br y una imagen serían otros nodos y no de tipo texto.

Si quieres agregar algo más que texto plano lo más simple es que entonces uses innerHTML

Código:

onmouseover="document.getElementById('pepe').innerHTML = 'Mi Texto <br /> <strong>hola<strong>'"

mmm si quiero hacer con esto una funcion js seria asi?:

Cita:
function CambiarTexTo(texto){
document.getElementById(pepe).firstChild.nodeValue = texto"
}
y en
Cita:
< onmouseover = "CambiarTexTo('este es el nuevo texto')" >

Sí. Te sobran las comillas que te marqué en rojo.

Aunque para el tema de meter html dentro del contenedor en lugar de sólo texto plano cambia el firstChild.nodeValue por el innerHTML

[TxT]

Ok probare con el innerHTML habia ya usado el innerHTML antes sin resultado alguno, talvez es que lo habia hecho mal ya que no estaba igual a esto, asi que voy a intentarlo.

Excelente ya funciona correctamente. Muchisimas Gracias por toda la ayuda!

[tunait]

innerHTML no es un standar y por eso soy algo reacia a utilizarlo. Sin embargo el manejar grupos de nodos dentro de un contenedor se hace algo más complejo y en tu caso lo más simple sería entonces usar innerHTML.

Igual, si quieres saber y entender un poco más los conceptos puedes leer este tutorial http://kusor.net/traducciones/brainj...rodom1.es.html

concretamente la página del tutorial que trata lo que estamos tratando en este tema incluido el asunto del innerHTML está aquí http://kusor.net/traducciones/brainj...rodom4.es.html