ayuda con menus con rollover

mamagallo · #1 (**permalink**) 26/08/2002, 20:42

saludos a todos mi problema reside en un par de menus que usan el mausover, en el primero de los script's al pasar el ratòn sobre la imagen de cualquier boton el unico que cambia es el ultimo ejemplo la imagen "quienes somos azul.gif"deberia cambiar a "quienes somos rojo.gif), sin embargo la imagen que cambia dentro del menu es la de "webmaster azul.gif" por la de "quienes somos rojo.gif" y así ocurre con todos los botones sin embargo el "webmaster azul" si cambia por su correspondiente "webmaster rojo"

ya me lie, bueno ahi va el codigo de la pagina:

mamagallo · #2 (**permalink**) 26/08/2002, 20:47

Código:

 &lt;html&gt;
&lt;head&gt;
&lt;meta http-equiv=&quot;Content-Language&quot; content=&quot;es&quot;&gt;
&lt;title&gt;Ejemplo de menu con mouseover &lt;/title&gt;
&lt;script LANGUAGE=&quot;JavaScript&quot;&gt;
function MA_onLoad()
{

ii = new Image();

ii.src='1';


}
//--&gt;
&lt;/SCRIPT&gt;
&lt;/head&gt;
&lt;body onLoad=&quot;MA_onLoad()&quot;; background=&quot;images/oscuro03.gif&quot;&gt;

&amp;nbsp;&lt;table border=&quot;0&quot; cellpadding=&quot;3&quot; cellspacing=&quot;5&quot; style=&quot;border-collapse: collapse&quot; bordercolor=&quot;#111111&quot; width=&quot;16%&quot; id=&quot;AutoNumber1&quot;&gt;
  &lt;tr&gt;
    &lt;td width=&quot;100%&quot; align=&quot;center&quot;&gt;
     &lt;a onMouseOver=&quot;document.images['mabutton1'].src='images/botones/quien1-over.gif' &quot; onMouseOut=&quot;document.images['mabutton1'].src='images/botones/qien1.gif' &quot; target=&quot;_parent&quot; href=&quot;quienes_somos.htm&quot;&gt;
    &lt;img border=0 name=&quot;mabutton1&quot; src=&quot;images/botones/qien1.gif&quot; width=&quot;128&quot; height=&quot;25&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
    &lt;td width=&quot;100%&quot; align=&quot;center&quot;&gt;
    &lt;a onMouseOver=&quot;document.images['mabutton1'].src='images/botones/miembro1-over.gif' &quot; onMouseOut=&quot;document.images['mabutton1'].src='images/botones/miembro1.gif' &quot; target=&quot;_parent&quot; href=&quot;miembros.htm&quot;&gt;
    &lt;img border=0 name=&quot;mabutton1&quot; src=&quot;images/botones/miembro1.gif&quot; width=&quot;128&quot; height=&quot;25&quot;&gt;&lt;/a&gt;&lt;/td&gt;
  &lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td width=&quot;100%&quot; align=&quot;center&quot;&gt;
    &lt;a onMouseOver=&quot;document.images['mabutton1'].src='images/botones/especiali1-over.gif' &quot; onMouseOut=&quot;document.images['mabutton1'].src='images/botones/especiali1.gif' &quot; target=&quot;_parent&quot; href=&quot;especialidades.htm&quot;&gt;
    &lt;img border=0 name=&quot;mabutton1&quot; src=&quot;images/botones/especiali1.gif&quot; width=&quot;128&quot; height=&quot;25&quot;&gt;&lt;/a&gt;&lt;/td&gt;
  &lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td width=&quot;100%&quot; align=&quot;center&quot;&gt;
    &lt;a onMouseOver=&quot;document.images['mabutton1'].src='images/botones/cliente1-over.gif' &quot; onMouseOut=&quot;document.images['mabutton1'].src='images/botones/client1.gif' &quot; target=&quot;_parent&quot; href=&quot;clientes.htm&quot;&gt;
    &lt;img border=0 name=&quot;mabutton1&quot; src=&quot;images/botones/cliente1.gif&quot; width=&quot;128&quot; height=&quot;25&quot;&gt;&lt;/a&gt;&lt;/td&gt;
  &lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td width=&quot;100%&quot; align=&quot;center&quot;&gt;
    &lt;a onMouseOver=&quot;document.images['mabutton1'].src='images/botones/ubica1-over.gif' &quot; onMouseOut=&quot;document.images['mabutton1'].src='images/botones/ubica1.gif' &quot; target=&quot;_parent&quot; href=&quot;ubicación.htm&quot;&gt;
    &lt;img border=0 name=&quot;mabutton1&quot; src=&quot;images/botones/ubica1.gif&quot; width=&quot;128&quot; height=&quot;25&quot;&gt;&lt;/a&gt;&lt;/td&gt;
  &lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td width=&quot;100%&quot; align=&quot;center&quot;&gt;
    &lt;a onMouseOver=&quot;document.images['mabutton1'].src='images/botones/consult1-over.gif' &quot; onMouseOut=&quot;document.images['mabutton1'].src='images/botones/consult1.gif' &quot; target=&quot;_parent&quot; href=&quot;consultaonline.html&quot;&gt;
    &lt;img border=0 name=&quot;mabutton1&quot; src=&quot;images/botones/consult1.gif&quot; width=&quot;128&quot; height=&quot;25&quot;&gt;&lt;/a&gt;&lt;/td&gt;
  &lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td width=&quot;100%&quot; align=&quot;center&quot;&gt;
    &lt;a onMouseOver=&quot;document.images['mabutton1'].src='images/botones/link1-over.gif' &quot; onMouseOut=&quot;document.images['mabutton1'].src='images/botones/link1.gif' &quot; target=&quot;_parent&quot; href=&quot;links.html&quot;&gt;
    &lt;img border=0 name=&quot;mabutton1&quot; src=&quot;images/botones/link1.gif&quot; width=&quot;128&quot; height=&quot;25&quot;&gt;&lt;/a&gt;&lt;/td&gt;
  &lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td width=&quot;100%&quot; align=&quot;center&quot;&gt;
    &lt;a onMouseOver=&quot;document.images['mabutton1'].src='images/botones/webmas1-over.gif' &quot; onMouseOut=&quot;document.images['mabutton1'].src='images/botones/webmaster1.gif' &quot; target=&quot;_parent&quot; href=&quot;webmaster.html&quot;&gt;
    &lt;img border=0 name=&quot;mabutton1&quot; src=&quot;images/botones/webmaster1.gif&quot; width=&quot;128&quot; height=&quot;25&quot;&gt;&lt;/a&gt;&lt;/td&gt;
  &lt;/td&gt;
  &lt;/tr&gt;
&lt;/table&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;/body&gt;&lt;/html&gt;

mamagallo · #3 (**permalink**) 26/08/2002, 20:51

despues les escribo el del otro menu que si cambia como debe ser pero las imagenes no regresan a su estado inicial,haber si alguien me ayuda con el anterior por que me trae de

y no doy pie con bola ;)

un hombre es tan grande como el compromiso que se le presenta

KarlanKas · #4 (**permalink**) 27/08/2002, 02:03

Mamagallo Mamagallo...

que no me estudias nada!!

El problema está en que pones el mismo nombre en todas las imágenes (mabutton1). Debes poner un nombre distinto a cada imagen y en el enlace que quieras que cambie la imagen pones

Código:

&lt;a onMouseOver=&quot;document.images['nombre de la imagen que quieras cambiar  '].src='images/botones/consult1-over.gif' &quot; onMouseOut=&quot;document.images['nombre de la imagen que quieras cambiar  '].src='images/botones/consult1.gif' &quot; target=&quot;_parent&quot; href=&quot;donde sea.html&quot;&gt;

me he explicado bien? tal y como lo tienes cambia sólo la última imagen porque es la única que tiene el nombre, pues los nombres son únicos y si se repiten en un código se dan al último que se le dió.

Espero que me hayas entendido... no me explico muy bien... debe de ser por el proceso abductor...

epa2 · #5 (**permalink**) 27/08/2002, 02:24

Karlakas, ahora ya tienes el don de la obicuidad, je je...

la abdución es buena para la salud. :roto:

mamagallo · #6 (**permalink**) 27/08/2002, 18:20

el gran cajuna ha hablado el problema es que ya hice eso y me da error a la ves que me dice'document imag.quien1.gif' es nulo o no es un objeto' hombre realmente soy un nuevo en esto peroooooooo! te asuguro que ya lo probe por eso es que me tiene loco debe ser una tonteria de tal tamaño que no la veo

:roto:

mamagallo · #7 (**permalink**) 27/08/2002, 18:34

quizas resida en el echo de que es un script para un boton y no para un conjunto de ellos?, no y espera que ponga el otro ese es mas comico, ho gran cajuna de los abducidos.

un hombre es tan grande como el compromiso que se le presenta

mamagallo · #8 (**permalink**) 27/08/2002, 19:08

KarlanKaaas........volvi a probar y es como dije antes lanza el condenado error pero solo en los primeros 7 botones en el octavo funciona, intente usando el nombre de cada imagen, numerandolas, con y sin la extension del archivo, le canbie hasta las' ' por " " y nada el maldito error sigue

:roto:creo que me estoy poniendo senil ya hasta canas tengo

un hombre es tan grande como el compromiso que se le presenta

KarlanKas · #9 (**permalink**) 28/08/2002, 02:38

Vamos a ver, Mamagallo: Creo que no me he explicado bien...

Te voy a cambiar una celda para que cambiies tú el resto. Y si esto no es dímelo y lo miramos más detenidamente:

----- ASÍ ES COMO ESTÁ -----

Código:

&lt;td width=&quot;100%&quot; align=&quot;center&quot;&gt;
&lt;a onMouseOver=&quot;document.images['mabutton1'].src='images/botones/ubica1-over.gif' &quot; onMouseOut=&quot;document.images['mabutton1'].src='images/botones/ubica1.gif' &quot; target=&quot;_parent&quot; href=&quot;ubicación.htm&quot;&gt;
&lt;img border=0 name=&quot;mabutton1&quot; src=&quot;images/botones/ubica1.gif&quot; width=&quot;128&quot; height=&quot;25&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;/td&gt;

---- ASÍ ES COMO DEBE ESTAR ----

Código:

&lt;td width=&quot;100%&quot; align=&quot;center&quot;&gt;
&lt;a onMouseOver=&quot;document.images['ubicacion  '].src='images/botones/ubica1-over.gif' &quot; onMouseOut=&quot;document.images['ubicacion  '].src='images/botones/ubica1.gif' &quot; target=&quot;_parent&quot; href=&quot;ubicación.htm&quot;&gt;
&lt;img border=0 name=&quot;ubicacion  &quot; src=&quot;images/botones/ubica1.gif&quot; width=&quot;128&quot; height=&quot;25&quot;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;/td&gt;

¿Te das cuenta?

Cada imagen tiene que tener un nombre (NAME)único (en esta el nombre es ubicacion) y el onmouseover y el onmouseout tiene que hacer referencia a ese NAME único que desea cambiar. Ahora coge la imagen de, por ejemplo, quienes somos y cambiale el nombre por quienes (NAME="quienes") y luego en el onmouseover y en el onmouseout cambias el nombre que está entre corchetes por el que hemos creado: quienes ( onMouseOut="document.images['quienes '].src='images/botones/quie1.gif'").

Espero haberme explicado bien... a veces me lio...

Contestame para decirme que tal.

mamagallo · #10 (**permalink**) 28/08/2002, 19:15

KarlanKas, te lo dije una vez y te lo repito de nuevo esque eres una "PALOMA",mirta que cambie nombres y numeros y por supuesto no veia donde está el error, no si yo ya dije que debia ser la mayor tonteria y despues Epa2 siente pena por que 1500 personas han seguido su post

que queda para mi, pues na'de na',bueno como ya resolvistes este acertijo, vamos con el segundo menu del que hablaba al principio, en este si cambian las imagenes como debe ser solo que al quitar el mause, estas no regresan a la imagen inicial, sino que se quedan como si el ratón estubiera enzima todavia, y ahi va el codigo:

un hombre es tan grande como el compromiso que se le presenta

mamagallo · #11 (**permalink**) 28/08/2002, 19:36

Código:

&lt;script LANGUAGE=&quot;JavaScript&quot;&gt;
	function VersionNavigator(Netscape, Explorer) {
		if ((navigator.appVersion.substring(0,3) &gt;= Netscape &amp;&amp; navigator.appName == 'Netscape') ||
	navigator.appVersion.substring(0,3) &gt;= Explorer &amp;&amp; navigator. appName.substring(0,9) == 'Microsoft'))
		return true;
	else return false;
}
&lt;/SCRIPT&gt;
&lt;/head&gt;

&lt;body BACKGROUND=&quot;images/oscuro03.gif&quot; TEXT=&quot;#000000&quot;&gt;&lt;br&gt;&amp;nbsp;&lt;table border=&quot;0&quot; cellpadding=&quot;3&quot; cellspacing=&quot;6&quot; style=&quot;border-collapse: collapse&quot; id=&quot;AutoNumber1&quot; height=&quot;353&quot;&gt;
  &lt;tr&gt;
    &lt;td height=&quot;25&quot;&gt;&amp;nbsp;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td height=&quot;25&quot;&gt;&amp;nbsp;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td align=&quot;center&quot; height=&quot;25&quot;&gt;&lt;b&gt;
&lt;a target=&quot;principal&quot; href=&quot;quienes_somos.htm&quot; onMouseOver=&quot;if (VersionNavigator(3.0,4.0))  img9.src='images/botones/quien1-over.gif' &quot; onMouseOut=&quot;img9.src='images/botones/quien1-over.gif' &quot;&gt;
&lt;img NAME=&quot;img9&quot; BORDER=0 SRC=&quot;images/botones/qien1.gif&quot; onLoad=&quot;tempImg=new Image(0,0); tempImg.src='images/botones/qien1.gif' &quot; width=&quot;128&quot; height=&quot;25&quot;&gt;&lt;/a&gt;
&lt;/td&gt;
  &lt;/tr&gt;

como ves solo te inclui un boton como muestra para que entrara todo, disculpa pero yo a misa voy muy poco

, como veras tambien es una adaptación, como me cuesta eso de visualizar las cosas en la cabeza para llevarlo al papel, tomo lo que más se parece a lo que quiero y despues voy probando hasta conseguirlo, en este caso hay varias cositas que me explicaras pues si bien hay similitudes en las instrucciones, estas cambian en la forma como se escriben ejemplo:

Código:

 &lt;a onMouseOver=&quot;document.images['mabutton3'].src='images/botones/especiali1-over.gif' &quot; onMouseOut=&quot;document.images['mabutton3'].src='images/botones/especiali1.gif' &quot;

y este

Código:

 &lt;a target=&quot;principal&quot; href=&quot;quienes_somos.htm&quot; onMouseOver=&quot;if (VersionNavigator(3.0,4.0))  img9.src='images/botones/quien1-over.gif' &quot; onMouseOut=&quot;img9.src='images/botones/quien1-over.gif' &quot;&gt;
&lt;img NAME=&quot;img9&quot; BORDER=0 SRC=&quot;images/botones/qien1.gif&quot; onLoad=&quot;tempImg=new Image(0,0); tempImg.s

un hombre es tan grande como el compromiso que se le presenta

KarlanKas · #12 (**permalink**) 29/08/2002, 02:18

Mamagallo!

Lo mejor que puedes hacer es tomar el menú anterior y borrar a los botones las partes que ponga OnMouseOut=" hasta el final de las comillas. Así se quedará el botón como cuando pasaste por encima. Y te dejas de poner nuevo código.

Salu2

mamagallo · #13 (**permalink**) 29/08/2002, 19:07

estimado Karlankas ya veo que estas desfracmentando tus ideas despues de la ultima abducción, fijate que no es el mismo script es otro y si bien hacen lo mismo no estan escritos igual, y eso me tiene más que curioso.

KarlanKas · #14 (**permalink**) 30/08/2002, 05:59

93,5%............

A lo que me refiero es que para qué complicarte la vida si el otro funciona?

mamagallo · #15 (**permalink**) 30/08/2002, 20:10

pues hombre me extraña ...........por aprender o no conoces el dicho de que hay más de una forma de despellejar a un gato, no siempre la más facil es la mejor...........

veo que casi está lista la desfracmentación, esa ultima adubción debio ser desde otra dimensión por que todavia no te estabiliza........sera la morriña por tu perra?

KarlanKas · #16 (**permalink**) 31/08/2002, 08:54

Mamagallo!! por dio´s!! no me hables de mi perra que me pongo tierno!! a saber donde está! Convertida en PAulina Rubio por esos mundos de Dios... seguro que ni la pasean ni nada...

De acuerdo mamagallo, vamos a ver el segundo menú... perdona por mi aplicación de la ley del mínimo esfuerzo...

mamagallo · #17 (**permalink**) 04/09/2002, 17:44

ya se que es aburrido explicar lo que para uno es obio pero como he visto en el foro que eres voluntarioso para ayudar y tienes vocación para enseñar, pues me tomo la libertad para pedir que me ilumines en mi oscuro camino.........si sigo asi voy a terminar como poeta

un hombre es tan grande como el compromiso que se le presenta

KarlanKas · #18 (**permalink**) 05/09/2002, 02:17

Pequeño saltamontes!

Tus palabras me han enternecido sobremanera y han hecho que mi duro corazón se apiade de tu inquieta mente ávida de conocimientos. No sé si seré capaz de llevar esta gesta a feliz término, pero al menos la voy a comenzar. Porque como dice el sabio "no hay peor derrota que la batalla no comenzada".

Te ruego, sin embargo que tengas a bien permitirme unos minutos de reflexión sobre el modo de actuar de dicho script y en breve plazo te daré mi respuesta.

Que la fuerza del Tin Chao te acompañe!

KarlanKas · #19 (**permalink**) 05/09/2002, 02:44

Mamagallo, este script es prácticamente igual que el anterior. Sólo comprueba la versión del navegador antes de aplcar el efecto. Sin embargo te diré que no sé yo si funcionará bien con NS...

Código:

&lt;script LANGUAGE=&quot;JavaScript&quot;&gt;
function VersionNavigator(Netscape, Explorer){
if ((navigator.appVersion.substring(0,3) &gt;= Netscape &amp;&amp; navigator.appName == 'Netscape') || (navigator.appVersion.substring(0,3) &gt;= Explorer &amp;&amp; navigator. appName.substring(0,9) == 'Microsoft'))
return true;
else return false;
}
&lt;/SCRIPT&gt;

El script de arriba comprueba la versión de los navegadores.

Código:

&lt;/head&gt;

&lt;body BACKGROUND=&quot;images/oscuro03.gif&quot; TEXT=&quot;#000000&quot;&gt;&lt;br&gt;&amp;nbsp;&lt;table border=&quot;0&quot; cellpadding=&quot;3&quot; cellspacing=&quot;6&quot; style=&quot;border-collapse: collapse&quot; id=&quot;AutoNumber1&quot; height=&quot;353&quot;&gt;

&lt;tr&gt;
&lt;td align=&quot;center&quot; height=&quot;25&quot;&gt;&lt;b&gt;
&lt;a 	target=&quot;principal&quot;
	href=&quot;quienes_somos.htm&quot; 
	onMouseOver=&quot;if (VersionNavigator(3.0,4.0)) img9.src='oceanum 1.jpg' &quot; 
	onMouseOut=&quot;img9.src='oceanum 2.jpg'&quot;&gt;

Comprueba si la versión del navegador admite el efecto. Si es así lo aplica. Si no no hace nada.

Código:

&lt;img 	NAME=&quot;img9&quot; 
		BORDER=0 
		SRC=&quot;oceanum 2.jpg&quot; 
		onLoad=&quot;tempImg=new Image(0,0); tempImg.src='oceanum 2.jpg' &quot; 
		width=&quot;128&quot; 
		height=&quot;25&quot;&gt;

&lt;/a&gt;
&lt;/td&gt;
&lt;/tr&gt;

Espero haberte sido aclarador. Por cierto, he corregido algún fallo del script que hacía que no funcionara.

Cualquier otra duda preguntala!!

mamagallo · #20 (**permalink**) 05/09/2002, 16:00

bien ya comprendi Karlancas, todo es para asegurar la compatibilidad con los navegadores de versiones más antiguas. Gracias, ya te pondre otro reto, me pasare más tarde por el post de la piramide(PAis) para ver como van con ese desarrollo y el error 140, nuevamente gracias.

un hombre es tan grande como el compromiso que se le presenta