Foros del Web - Ver Mensaje Individual - Usar javascript:[funcion()] en un action de form html

emprear · #4 (**permalink**) 08/05/2012, 11:13

Esta es otra forma de hacerlo

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>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 
<style type="text/css">
/*<![CDATA[*/
 
/* estilos */ 
 
form{
width: 500px;
height: 300px;
display: block;
}
 
#paso1, #paso2,#paso3 {
width: 500px;
height: 300px;
border: solid 1px #000;
}
#paso2, #paso3{
display: none;
}
/*]]>*/
</style>
<script type="text/javascript">
//<![CDATA[
/* script */
function paso1(){
document.getElementById('paso1').style.display='block';
document.getElementById('paso2').style.display='none';
document.getElementById('paso3').style.display='none';
}
function paso2(){
document.getElementById('paso1').style.display='none';
document.getElementById('paso2').style.display='block';
document.getElementById('paso3').style.display='none';
}
function paso3(){
document.getElementById('paso1').style.display='none';
document.getElementById('paso2').style.display='none';
document.getElementById('paso3').style.display='block';
}
 
function ver(){
alert(document.getElementById('nombre').value + '-' + document.getElementById('apellido').value);
}
 
//]]>
</script>
</head>
<body>
<p>
<a href="#" onclick="paso1();">uno</a> | <a href="#" onclick="paso2();">dos</a> | <a href="#" onclick="paso3();">tres</a>
</p>
<form action="x.php" method="post">
<div id="paso1">
Nombre : <input type="text" name="nombre" id="nombre" />
</div>
<div id="paso2">
Apellido: <input type="text" name="apellido" id="apellido" />
</div>
<div id="paso3">
<input type="button" name="procesar" onclick="ver();" value="procesar"/>
</div>
</form>
</body>
</html>

Creo que es má simple, al final puse solo un button, no un submit para que verifiques que los valores siguen estando ahi, aunque cada sección se oculte, el javascript se puede abreviar un poco, pero si no son muchos pasos se puede dejar asi

Saludos