Tema: Vincular una funcion con un DIV
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 09/02/2011, 10:34
Avatar de fedefrankk
fedefrankk
 
Fecha de Ingreso: agosto-2007
Mensajes: 871
Antigüedad: 17 años, 3 meses
Puntos: 7
Pregunta Vincular una funcion con un DIV
Hola a todos, lo que quiero hacer es lo siguiente, quiero apretar sobre un div y que haga algo, que cambie de color, de texto, que aparezca otro etc.
estoy avanzando... tengo el siguiente codigo que he podido vincular un boton con una funcion de javascript.
quiero tocar el div 1 y que aparezca el 2, y el dos es "num2 en css".

mi codigo css es
Código CSS: 
Ver original
  1. @charset "utf-8";
  2. /* CSS Document */
  3.  
  4. p{
  5.     color:#F00;
  6.  
  7. }
  8. .num1{
  9.     width: 150px;
  10.     border: solid;
  11. }
  12.  
  13.  
  14. .num2{
  15.     width:500px;
  16.     border:solid;
  17.     color:#F00;
  18.     background:url(imag01.jpg);
  19.     display:none;
  20.     
  21.     
  22.     
  23. }
  24. f {color:#00F;
  25. }


Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Untitled Document</title>
  6. <link rel="stylesheet" type="text/css" href="estilos.css" media="screen" />
  7. <script type="text/javascript">
  8. function fun01(id){
  9.     alert('hola');
  10.  
  11.  
  12.      
  13. }
  14. </script>
  15.  
  16. </head>
  17.  
  18.  
  19. <body>
  20. <div class="num1" id="1"onclick=fun01()>Content for  class "num1" id "1" Goes Here</div>
  21. <div  class="num2" id="2">Content for  class "num2" id "2" Goes Here</div>
  22. <p> un parrafo</p>
  23. <input type="button" value="Aca" onclick="fun01()"/>
  24. </body>
  25. </html>

saludos y gracias de antemano a todos
fede