Cambiando Z-Index onclick

Question

JavaScript noob aquí. Estoy trabajando en un sitio web y estoy tratando de cambiar el índice Z de un conjunto de marcos usando botones. No puedo hacer que funcione.

Hasta ahora esto es lo que tengo.

function changeZIndex(i,id) { 
    document.getElementById(id).style.zIndex=i; 
} 

Y en el cuerpo

<A HREF="#" onclick='changeZIndex(1,'aboutus')'><IMG NAME="one" SRC="button1.bmp"></A> 
<A HREF="#" onclick='changeZIndex(1,'contactus')'><IMG NAME="two" SRC="button2.bmp"></A> 

Sí, me di cuenta que es probablemente la pregunta más estúpida nunca y la respuesta es muy obvia. Esta es la primera vez que escribo JavaScript, ¡así que por favor, no me moleste! : 3

Answer 1

Sus comillas están equivocados - mira el resaltado de sintaxis:

<A HREF="#" onclick='changeZIndex(1,'aboutus')'><IMG NAME="one" SRC="button1.bmp"></A> 
<A HREF="#" onclick='changeZIndex(1,'contactus')'><IMG NAME="two" SRC="button2.bmp"></A> 

Ésta es la forma en que podría hacerlo:

<A HREF="#" onclick="changeZIndex(1,'aboutus')"><IMG NAME="one" SRC="button1.bmp"></A> 
<A HREF="#" onclick="changeZIndex(1,'contactus')"><IMG NAME="two" SRC="button2.bmp"></A> 

Answer 2

Asegúrese de que sus cotizaciones se escaparon correctamente. Proveedores:

<a href="#" onclick="changeZIndex(1,'aboutus')"><img name="one" src="button1.bmp"></a> 
<a href="#" onclick="changeZIndex(1,'contactus')"><img name="two" src="button2.bmp"></a> 

nota las comillas dobles alrededor de la mirada onclick

Answer 3

en sus cotizaciones,
entonces si cambia zindex para 'aboutus' a 1, no se olvide de cambiar zindex para 'contactus' a 0.
lo contrario si cambia zindex para 'contactus' a 1, no se olvide de cambiar zindex para 'aboutus' a 0.

<A HREF="#" onclick="changeZIndex(1,'aboutus');changeZIndex(0,'contactus');"><IMG NAME="one" SRC="button1.bmp"></A> 
<A HREF="#" onclick="changeZIndex(1,'contactus');changeZIndex(0,'aboutus');"><IMG NAME="two" SRC="button2.bmp"></A>