Llevo horas intentando hacer que el siguiente codigo funcione correctamente.
El caso es que quiero que segun la opcion elegida en un select me muestre un div, y que al enviar el formulario (se envia a la misma pagina) recuerde que div havia i lo muestre .
La parte de mostrar el div segun la opcion del select me funciona , pero al presionar el submit no consigo que me muestre el div(lo recuerda pero no lo muetra).
Tambien tengo un div que tendria que salir cuando es la promera vez que se accede a la pagina...
Código PHP:
<!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">
<? $actual=$_GET['actual'];
if($actual==""){
$actual = 3;
} ?>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript">
<!--
var actual = "<? echo"$actual";?>"
function div(id) {
return document.getElementById(id);
}
if (actual!==""){
div(actual).style.display = "block";
}
function mostrar(capa) {
div(actual).style.display = "none";
actual = capa;
div(actual).style.display = "block";
}
-->
</script>
<title>Documento sin título</title>
</head>
<body>
<form action="?" method="get" name="form">
<select onchange="mostrar(this.value)" name="actual">
<option value="<? echo "$actual"; ?>"><? echo "$actual"; ?></option>
<option value="1">1</option>
<option value="2">2</option>
</select>
<input type="submit" value="enviar" />
</form>
<div id="1" style="display:none; background-color:#00CCFF; height:200px; width:200px;">
<h1>uno</h1>
</div>
<div id="2" style="display:none; background-color:#00aadd; height:200px; width:200px;">
<h1>dos</h1>
</div>
<div id="3" style="display:none; background-color:#00abbd; height:200px; width:200px;">
<h1>tres</h1>
</div><? echo"$actual";?>
<a href='?actual=<? echo"$actual";?>'>incii</a>
</body>
</html> Un saludo
