Vincular Flash según radiobutton seleccionado
¿Cómo puedo hacer para que un botón Flash pueda vincularme a otra página de acuerdo al radiobutton seleccionado?, lo que pasa es que estoy haciendo un formulario en el que presento un menu de 5 opciones, entonces lo que quiero hacer es que según la opción que se elija me mande a su formulario correspondiente, ya lo logre con un botón normal pero no se como hacerlo con un botón Flash.
Este es el código de mi página.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Menú Reporteador Dinámico</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
background-image: url(Imagenes/rayo3.jpg);
}
.Estilo1 { font-size: 12px;
font-weight: bold;
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #FFFFFF;
}
.Estilo2 {font-size: 12px}
.style1 {font-family: Geneva, Arial, Helvetica, sans-serif}
.Estilo4 {
color: #FFFFFF;
font-family: "Arial Unicode MS";
font-size: 14px;
}
.Estilo5 {
font-family: Arial;
font-size: 14px;
}
.Estilo8 {
color: #FFFFFF;
font-size: 12px;
}
.Estilo9 {
color: #FFFFFF;
font-weight: bold;
font-size: 12px;
}
-->
</style>
<script>
function cambiaPagina(){
var i
for (i=0;i<document.form1.radiobutton.length;i++){
if (document.form1.radiobutton.checked)
break;
}
document.form1.action = document.form1.radiobutton.value;
}
</script>
</head>
<body>
<p align="center" class="Estilo2 style1"><img src="Imagenes/ReporteadorSF6.jpg" width="721" height="77"></p>
<div align="center">
<p><img src="Imagenes/separador1.jpg" width="575" height="10"></p>
</div>
<p align="center" class="style1 Estilo2 Estilo4"><strong>Seleccione el equipo del cual desee realizar su reporte: </strong></p>
<form name="form1" method="post" action="">
<table width="423" height="180" border="2" align="center">
<tr>
<td width="413" height="155" bgcolor="#006600"><blockquote class="Estilo5"><blockquote>
<p class="Estilo8">
<input name="radiobutton" type="radio" class="style1" value="inventario_interruptor.php">
<strong>Interruptores de potencia </strong></p>
<p align="left" class="Estilo9">
<input name="radiobutton" type="radio" value="inventario_maquinas.php">
Máquinas regeneradoras</p>
<p align="left" class="Estilo9">
<input name="radiobutton" type="radio" value="inventario_subestaciones.php">
Subestaciones encapsuladas</p>
<p align="left" class="Estilo9">
<input name="radiobutton" type="radio" value="inventario_cilingral.php">
Cilindros</p>
<p align="left" class="Estilo9">
<input name="radiobutton" type="radio" value="inventario_tanque.php">
Tanques </p>
</blockquote>
</blockquote></td>
</tr>
</table>
<p align="center">
<input type="submit" name="Submit" value="Siguiente" onclick="cambiaPagina()" src="C:/AppServ/www/Imagenes/Siguiente1.jpg">
</p>
</form>
<p> </p>
</body>
</html>
Ojala y pueda ayudarme de antemano
Este es el código de mi página.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Menú Reporteador Dinámico</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
background-image: url(Imagenes/rayo3.jpg);
}
.Estilo1 { font-size: 12px;
font-weight: bold;
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #FFFFFF;
}
.Estilo2 {font-size: 12px}
.style1 {font-family: Geneva, Arial, Helvetica, sans-serif}
.Estilo4 {
color: #FFFFFF;
font-family: "Arial Unicode MS";
font-size: 14px;
}
.Estilo5 {
font-family: Arial;
font-size: 14px;
}
.Estilo8 {
color: #FFFFFF;
font-size: 12px;
}
.Estilo9 {
color: #FFFFFF;
font-weight: bold;
font-size: 12px;
}
-->
</style>
<script>
function cambiaPagina(){
var i
for (i=0;i<document.form1.radiobutton.length;i++){
if (document.form1.radiobutton.checked)
break;
}
document.form1.action = document.form1.radiobutton.value;
}
</script>
</head>
<body>
<p align="center" class="Estilo2 style1"><img src="Imagenes/ReporteadorSF6.jpg" width="721" height="77"></p>
<div align="center">
<p><img src="Imagenes/separador1.jpg" width="575" height="10"></p>
</div>
<p align="center" class="style1 Estilo2 Estilo4"><strong>Seleccione el equipo del cual desee realizar su reporte: </strong></p>
<form name="form1" method="post" action="">
<table width="423" height="180" border="2" align="center">
<tr>
<td width="413" height="155" bgcolor="#006600"><blockquote class="Estilo5"><blockquote>
<p class="Estilo8">
<input name="radiobutton" type="radio" class="style1" value="inventario_interruptor.php">
<strong>Interruptores de potencia </strong></p>
<p align="left" class="Estilo9">
<input name="radiobutton" type="radio" value="inventario_maquinas.php">
Máquinas regeneradoras</p>
<p align="left" class="Estilo9">
<input name="radiobutton" type="radio" value="inventario_subestaciones.php">
Subestaciones encapsuladas</p>
<p align="left" class="Estilo9">
<input name="radiobutton" type="radio" value="inventario_cilingral.php">
Cilindros</p>
<p align="left" class="Estilo9">
<input name="radiobutton" type="radio" value="inventario_tanque.php">
Tanques </p>
</blockquote>
</blockquote></td>
</tr>
</table>
<p align="center">
<input type="submit" name="Submit" value="Siguiente" onclick="cambiaPagina()" src="C:/AppServ/www/Imagenes/Siguiente1.jpg">
</p>
</form>
<p> </p>
</body>
</html>
Ojala y pueda ayudarme de antemano
1 respuesta
Respuesta de Jesus Alberto Acosta Heredia
1