elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: ¿Eres nuevo? ¿Tienes dudas acerca del funcionamiento de la comunidad? Lee las Reglas Generales


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  Iluminación de botones con alguna función
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: Iluminación de botones con alguna función  (Leído 1,545 veces)
rolomo

Desconectado Desconectado

Mensajes: 18


Ver Perfil
Iluminación de botones con alguna función
« en: 14 Marzo 2012, 00:31 am »

A ver, he empezado un programilla de botones. Que efecto quiero conseguir?
La idea seria que dándole a las flechas "<" o ">" pudieramos avanza o retroceder números, como más o menos ya he hecho. Lo que me gustaría conseguir es que según vaya clickando las flechas para pasar de números los botones de abajo (1,2,3,4) se fueran iluminando, por ejemplo en rojo y apagando en gris, es decir, si hago click en ">" pasaría del 1 al 2, entonces el uno se apagaría y el 2 se encendería...¿Me explico?
No se si es muy complicado o no pero no se ni por donde empezar.
Saludos.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Documento sin t&iacute;tulo</title>
<!-- TemplateEndEditable -->
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
<script javascript="">
n=1
function animacion(m){
       
   if(m=="p-")n=n+1;}
   if(m=="p+"){n=n-1;}  }

    if(n>4) {n=4}
    if(n<1) {n=1}
</script>
</head>

<body>
<input name="p-" value="<" onclick="animacion('p-')" type="button">
<input name="p+" value=">" onclick="animacion('p+')" type="button">
<br>
<input name="1" value="1"  type="button">
<input name="2" value="2"  type="button">
<input name="3" value="3"  type="button">
<input name="4" value="4"  type="button">

</body>
</html>


En línea

Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines