ante todo muchas gracias de antemano.
Lo que estoy tratando de hacer es que tengo 2 botones, cuando pulso uno de ellos me despliega un formulario y cuando le doy al otro despliega el otro formulario hasta ahí bien.
El problema es que cuando pulso al otro botón automáticamente se esconda el contenido del otro botón y muestre el que he pulsado
Tengo creados 2 divs donde están los formularios que quiero abrir según el botón que le de
Este es mi código html:
<html>
<head>
<script type="text/javascript">
function mostraroculto1() {
if (document.getElementById('basico').onclick) {
document.getElementById('oculto1').style.display = 'block';
}
else {
document.getElementById('oculto1').style.display = 'none';
}
}
function mostraroculto2() {
if (document.getElementById('detallado').onclick) {
document.getElementById('oculto2').style.display = 'block';
}
else {
document.getElementById('oculto2').style.display = 'none';
}
}
</script>
</head>
<body>
<input class="basico" type="button" name="basico" id="basico" value="BASICO" onclick="mostraroculto1() "/>
<input class="detallado" type="button" name="detallado" id="detallado" value="DETALLADO" onclick="mostraroculto2()"/>
<br>
<br>
<div id="oculto1" style="display: none;">
<form action="informebasico.php" method="post" >
<h2>INFORME BASICO</h2>
<br>Desde:<input type="date" name="fecha1basico" ><br>
<br>Hasta:<input type="date" name="fecha2basico"><br>
<br><input type="submit" value="INFORME PDF">
</form>
</div>
<div id="oculto2" style="display: none;">
<form action="informedetallado.php" method="post" >
<h2>INFORME DETALLADO</h2>
Trabajador <input type="text" name="trabajador"><br>
<br>Desde:<input type="date" name="fecha1detallado"><input type="time" name="hora1detallado"><br>
<br>Hasta:<input type="date" name="fecha2detallado"><input type="time" name="hora2detallado"><br>
<br><input type="submit" value="INFORME PDF">
</form>
</div>
</body>
</html>