Vincular una funcion con un DIV

fedefrankk · #1 (**permalink**) 09/02/2011, 10:34

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@charset "utf-8";
/* CSS Document */
 
p{
    color:#F00;
 
}
.num1{
    width: 150px;
    border: solid;
}
 
 
.num2{
    width:500px;
    border:solid;
    color:#F00;
    background:url(imag01.jpg);
    display:none;
    
    
    
}
f {color:#00F;
}

Código HTML:

Ver original<!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" />
<title>Untitled Document</title>
<link rel="stylesheet" type="text/css" href="estilos.css" media="screen" />
<script type="text/javascript">
function fun01(id){
    alert('hola');
 
 
     
}
</script>
 
</head>
 
 
<body>
<div class="num1" id="1"onclick=fun01()>Content for  class "num1" id "1" Goes Here</div>
<div  class="num2" id="2">Content for  class "num2" id "2" Goes Here</div>
<p> un parrafo</p>
<input type="button" value="Aca" onclick="fun01()"/>
</body>
</html>

saludos y gracias de antemano a todos
fede

ocp001a · #2 (**permalink**) 09/02/2011, 13:09

Creo que lo que necesitas es en el div1 al hacer en onclick en vez de llamar la función, directamente mostrar el div2, con algo así:

onclick="document.getElementById('2').style.displa y='block';" //o en vez de block table, según lo necesites.

Aunque no te recomiendo asignar id sólo de tipo numérico, mejor una algo como div_1, div_2 etc

fedefrankk · #3 (**permalink**) 09/02/2011, 21:39

Hola Muchas Gracias por tu repuesta y tiempo, veo si me sale con lo que me decis

Gracias
Saludos
Fede