Boton activable
Hola, espero que me ayudes, primero que nada no uso el html de frontpage, solo vista normal y ahi incluyo las cosas, segundo por lo que escribo es que inserto un boton activable como un menu, que haga link a la pagina, pero en mi computador no se ve, ni cuando la subo a la red ni cuando pongo vista previa, no se que pasa, pero se que el boton funciona, ya active el java en las opciones de internet, pero no se si sera algo con eso.
espero me hayas entendido cual es mi problema y agradeceria tu ayuda.
tito
espero me hayas entendido cual es mi problema y agradeceria tu ayuda.
tito
1 Respuesta
Respuesta de ataveras
1
Realmente no se que quieres decir con un boton activable... si te refieres a un boton que cambie su forma luego de ponerle el mouse arriba (mouseOver) o si solo ejecute una accion luego de presionarlo.. aqui te doy el codigo.
<html>
<head>
<title></title>
<SCRIPT LANGUAGE = "javascript">
<!--
if (document.images) { // Active Images
img1on = new Image();
img1on.src = "button1_on.jpg";
img2on = new Image();
img2on.src = "button2_on.jpg";
img3on = new Image();
img3on.src = "button2_on.jpg";
img1off = new Image();
img1off.src = "button1_off.jpg";
img2off = new Image();
img2off.src = "button2_off.jpg";
img3off = new Image();
img3off.src = "button2_off.jpg"; }
// Function to 'activate' images.
function imgOn(imgName) {
if (document.images) {
document[imgName].src = eval(imgName + "on.src");
}
}
// Function to 'deactivate' images.
function imgOff(imgName) {
if (document.images) {
document[imgName].src = eval(imgName + "off.src");
}
}
// -->
</SCRIPT>
</head>
<body bgcolor="#FFFFFF" text="#FFFF66">
<p> </p>
<DIV ALIGN="CENTER">
<!-- The second part of the code goes here -->
<A HREF="page1.htm" onMouseOver="imgOn('img1')" onMouseOut="imgOff('img1')">
<IMG NAME="img1" SRC="button1_off.jpg" ALT="mouseover button" HEIGHT="30" WIDTH="147" VSPACE="0" HSPACE="0" BORDER="0"></A>
<A HREF="page2.htm" onMouseOver="imgOn('img2')" onMouseOut="imgOff('img2')">
<IMG NAME="img2" SRC="button2_off.jpg" ALT="another mouseover button" HEIGHT="30" WIDTH="147" VSPACE="0" HSPACE="0" BORDER="0"></A>
<A HREF="page2.htm" onMouseOver="imgOn('img3')" onMouseOut="imgOff('img3')">
<IMG NAME="img3" SRC="button3_off.jpg" ALT="another mouseover button" HEIGHT="30" WIDTH="147" VSPACE="0" HSPACE="0" BORDER="0"></A>
</DIV>
</body>
</html>
Nota: debes tener estas imagenes. Busca cualquier imagen y ponle esos nombres.. claro la on y la off diferentes.
button1_off
button1_on
button2_off
button2_on
button3_off
button3_on
Otra cosa:
EN FRONTPAGE vista previa no ejecuta las mayorias de las acciones, para visualizarlas debes verlo en tu browser. (ESTO PASA EN LA MAYORIA DE LOS CASOS), asi que te recomiendo nunca verlo en vista previa nada de lo que hagas.
<html>
<head>
<title></title>
<SCRIPT LANGUAGE = "javascript">
<!--
if (document.images) { // Active Images
img1on = new Image();
img1on.src = "button1_on.jpg";
img2on = new Image();
img2on.src = "button2_on.jpg";
img3on = new Image();
img3on.src = "button2_on.jpg";
img1off = new Image();
img1off.src = "button1_off.jpg";
img2off = new Image();
img2off.src = "button2_off.jpg";
img3off = new Image();
img3off.src = "button2_off.jpg"; }
// Function to 'activate' images.
function imgOn(imgName) {
if (document.images) {
document[imgName].src = eval(imgName + "on.src");
}
}
// Function to 'deactivate' images.
function imgOff(imgName) {
if (document.images) {
document[imgName].src = eval(imgName + "off.src");
}
}
// -->
</SCRIPT>
</head>
<body bgcolor="#FFFFFF" text="#FFFF66">
<p> </p>
<DIV ALIGN="CENTER">
<!-- The second part of the code goes here -->
<A HREF="page1.htm" onMouseOver="imgOn('img1')" onMouseOut="imgOff('img1')">
<IMG NAME="img1" SRC="button1_off.jpg" ALT="mouseover button" HEIGHT="30" WIDTH="147" VSPACE="0" HSPACE="0" BORDER="0"></A>
<A HREF="page2.htm" onMouseOver="imgOn('img2')" onMouseOut="imgOff('img2')">
<IMG NAME="img2" SRC="button2_off.jpg" ALT="another mouseover button" HEIGHT="30" WIDTH="147" VSPACE="0" HSPACE="0" BORDER="0"></A>
<A HREF="page2.htm" onMouseOver="imgOn('img3')" onMouseOut="imgOff('img3')">
<IMG NAME="img3" SRC="button3_off.jpg" ALT="another mouseover button" HEIGHT="30" WIDTH="147" VSPACE="0" HSPACE="0" BORDER="0"></A>
</DIV>
</body>
</html>
Nota: debes tener estas imagenes. Busca cualquier imagen y ponle esos nombres.. claro la on y la off diferentes.
button1_off
button1_on
button2_off
button2_on
button3_off
button3_on
Otra cosa:
EN FRONTPAGE vista previa no ejecuta las mayorias de las acciones, para visualizarlas debes verlo en tu browser. (ESTO PASA EN LA MAYORIA DE LOS CASOS), asi que te recomiendo nunca verlo en vista previa nada de lo que hagas.
