Ocultar divs
Publicado por anonimo (1 intervención) el 31/05/2006 14:06:28
Buenas gente, estoy intentando hacer una especie de presupuesto online. Bien tengo dos checkbox, uno para páginas web dinámicas y otro para páginas web estáticas.
Lo que quiero es que cuando seleccione uno, el otro se me oculte, y si esta seleccionado el checkbox de estática, me muestre además otro div (que contendrá la extensión de la página).
Para ello he creado una funcion:
La estructura web que tengo es la siguiente:
El problema es que me da error, no me va... no me hace nada, si alguien me pudiera ayudar se lo agradecería muchisimo gracias.
Un saludo.
Lo que quiero es que cuando seleccione uno, el otro se me oculte, y si esta seleccionado el checkbox de estática, me muestre además otro div (que contendrá la extensión de la página).
Para ello he creado una funcion:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
function disponibilidad(){
if (ob.estatic.checked==true){
document.getElementById(extension).style.visibility="visible";
document.getElementById(dinamica).style.visibility="hidden";
total=total+parseInt(ob.extension.value);
}else{
document.getElementById(dinamica).style.visibility="visible";
}if (ob.dinamic.checked==true){
document.getElementById(extension).style.visibility="hidden";
document.getElementById(estatica).style.visibility="hidden";
total=total+parseInt(ob.dinamic.value);
}else{
document.getElementByI(extension).style.visibility="visible";
document.getElementById(estatica).style.visibility="visible";
}}1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<div align="center" name="estatica" id="estatica">
<tr bgcolor="#FFFFFF">
<td class="texto"><div align="left"><img src="Images/espacio.gif" width="5" height="1" >Estática: Técnología HTML,PHP,JS. <br >
</div></td>
<td colspan="3" align="center">
<input name="estatic" type="checkbox" id="estatic" onClick="disponibilidad()" >
</td>
</tr></div><div name="dinamica" id="dinamica">
<tr bgcolor="#FFFFFF">
<td class="texto"><img src="Images/espacio.gif" width="5" height="1" >Dinámica: Macromedia Flash</td>
<td colspan="3" align="center">
<input name="dinamic" type="checkbox" id="dinamic" onClick="disponibilidad()" value="300" ></td>
</tr></div>
<div id="extension" name="extension">
<table border="0" cellpadding="0" cellspacing="0" >
<tr bgcolor="#FFFFFF">
<td width="349"><img src="Images/espacio.gif" width="5" height="8" ><span class="titulo">Extensión del sitio</span></td>
<td width="31"><select name="extension" class="total" id="extension" onChange="disponibilidad()">
<option value="100">5 pág.</option>
<option value="120">6 pág.</option>
<option value="140">7 pág.</option>
<option value="160">8 pág.</option>
<option value="180">9 pág.</option>
<option value="200">10 pág.</option>
<option value="220">11 pág.</option>
<option value="240">12 pág.</option>
<option value="260">13 pág.</option>
<option value="280">14 pág.</option>
<option value="300">15 pág.</option>
<option value="320">16 pág.</option>
<option value="340">17 pág.</option>
<option value="360">18 pág.</option>
<option value="380">19 pág.</option>
<option value="400">+20 pág.</option>
</select></td>
<td width="5"> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</div>
Un saludo.
Valora esta pregunta
0