Cambiar texto por otro al pasar el mouse

[goku_goku]

Hola hace tiempo que pregunte esto

http://www.forosdelweb.com/f13/como-...enlace-722524/
(que me fue muy útil, aunque no sirvió con el navegador Opera)

ahora quiero algo parecido pero en lugar de cambiar el texto con clic quiero cambiar texto al pausar el mouse. ojala me puedan ayudar

-------------------------------------
ejemplo:

Asi se vera normalmente

Enlace 1 - Enlace 2 - Enlace 3 - Enlace 4

-------------------------------------

Asi se vera al pasar el puntero por encima del enlace 1

Enlace 1 - Enlace 2 - Enlace 3 - Enlace 4
Este texto aparecio automáticamente al pasar el mouse por el enlace 1

-------------------------------------

Asi se vera al pasar el puntero por encima del enlace 2

Enlace 1 - Enlace 2 - Enlace 3 - Enlace 4
Este texto aparecio automáticamente al pasar el mouse por el enlace 2 e incluso aparecio un enlace a otra pagina y una carita enlace extra

-------------------------------------

les agradesco por ayudar a inexpertos como yo

[Vun]

Aqui encontre uno que buscaba lo mismo que tu, y alguien le soluciono el problema de comillas (") que tenia, prueba a ver, lo hace reescribiendo el contenido de un <div>

http://www.webdeveloper.com/forum/ar...p/t-92878.html

[goku_goku]

ahora tengo el codigo asi:

<a href="#" onMouseOver="document.getElementById('textToChange ').innerHTML = 'Texto nuevo'">enlace 1</a> - <a href="#" onMouseOver="document.getElementById('textToChange ').innerHTML = 'Texto nuevo 2 '"> enlace 2</a>

<div id="textToChange">Texto que sera cambiado por uno nuevo</div>


gracias, fue muy util pero no comprendi como solucionar el problema de las comillas por ejemplo si quiero agregar un enlace enlugar de Texto nuevo me aparecen muchos errores


edito
------------------
ya lo solucione asi

<a href="#" onMouseOver="document.getElementById('textToChange ').innerHTML = 'Texto nuevo <a href=\'#\'>enlace</a> '">Texto del enlace 1</a>
- <a href="#" onMouseOver="document.getElementById('textToChange ').innerHTML = 'Texto nuevo 2 '">Texto del enlace 1</a>

<div id="textToChange">Texto que sera cambiado por uno nuevo</div>

con los \\\ y estas comillas ''''''

pero, otra cosa, todos los textos nuevos se podran guardar en la etiqueta <script> y no en <a>??? esque no me agrada tener enlacesostes tan grandes, ademas de que me confunde algo

[Vun]

Si, el problema de comillas dentro de comillas aveces es jodido...... yo de javascript se poco, soy de los de ver.... copiar..... modificar..... y pegar xD

Prueba lo siguiente, imagina que el innerHTML quieres

.innerHTML='<a href="http://www.google.es">Google</a>'

Pues no escribas eso, sino esto:

.innerHTML='<a href=\"http://www.google.es\">Google</a>'

[goku_goku]

ya arregle eso, yo tambien soy de los de copiar modificar y pegar, pero no sabras como guardar el codigo en la etiqueta <script> ??? para no hacer enlaces tan grandes

edito--------

bueno ya me tengo que ir adios, estoy muy conforme con el resultado gracias por la ayuda Vun