Enviar datos de un form con un button

[ilichmx]

Primero amigo quitamos el submit y usamos mi funcion...

Código:

<script>
	function navegar()
	{
		document.mi_formulario.submit()
	}
</script>

(terquillo :P)

Segundo ponemos esto en cualquier parte de tu archivo

Código:

<div id="Layer1" style="position:absolute; left:-10px; top:-10px; width:5px; height:5px; z-index:1">
<iframe name="enviar_datos" id=""
width="1" height="1"
frameborder="0" src=""></iframe>
</div>

ahora la funcion que quieres...

Código:

<script>

	function localizar(doc, id)
	{
		return doc.getElementById(id)
	}
	
	function navegar()
	{
		var F = document.forms['f']
		var obj = localizar(document,"enviar_datos")
		var cadena = "procesar.php?var1="+F.campo1_txt.value+""
		/* asi vas a poner los datos que quieras recoger */
		cadena = ""+cadena+"&var2="+F.campo1_color.value+""
		cadena = ""+cadena+"&var3="+F.campo1_font.value+""
		cadena = ""+cadena+"&var4="+F.campo1_b.value+""
		cadena = ""+cadena+"&var5="+F.campo1_i.value+""
		
		cadena = ""+cadena+"&var6="+F.campo2_txt.value+""
		cadena = ""+cadena+"&var7="+F.campo2_color.value+""
		cadena = ""+cadena+"&var8="+F.campo2_font.value+""
		cadena = ""+cadena+"&var9="+F.campo2_b.value+""
		cadena = ""+cadena+"&var10="+F.campo2_i.value+""
		
		cadena = ""+cadena+"&var11="+F.campo3_txt.value+""
		cadena = ""+cadena+"&var12="+F.campo3_color.value+""
		cadena = ""+cadena+"&var13="+F.campo3_font.value+""
		cadena = ""+cadena+"&var14="+F.campo3_b.value+""
		cadena = ""+cadena+"&var15="+F.campo3_i.value+""

		cadena = ""+cadena+"&var16="+F.campo4_txt.value+""
		cadena = ""+cadena+"&var17="+F.campo4_color.value+""
		cadena = ""+cadena+"&var18="+F.campo4_font.value+""
		cadena = ""+cadena+"&var19="+F.campo4_b.value+""
		cadena = ""+cadena+"&var20="+F.campo4_i.value+""

		obj.src = cadena
		F.submit()
	}

</script>

para que quede asi

Código PHP:

  <?
if(isset($_GET['fondo'])) {
$_SESSION['fondo'] = $_GET['fondo'];
}
?>
 
<script>
 
    function localizar(doc, id)
    {
        return doc.getElementById(id)
    }
    
    function navegar()
    {
        var F = document.forms['f']
        var obj = localizar(document,"enviar_datos")
        var cadena = "procesar.php?var1="+F.campo1_txt.value+""
        /* asi vas a poner los datos que quieras recoger */
        cadena = ""+cadena+"&var2="+F.campo1_color.value+""
        cadena = ""+cadena+"&var3="+F.campo1_font.value+""
        cadena = ""+cadena+"&var4="+F.campo1_b.value+""
        cadena = ""+cadena+"&var5="+F.campo1_i.value+""
        
        cadena = ""+cadena+"&var6="+F.campo2_txt.value+""
        cadena = ""+cadena+"&var7="+F.campo2_color.value+""
        cadena = ""+cadena+"&var8="+F.campo2_font.value+""
        cadena = ""+cadena+"&var9="+F.campo2_b.value+""
        cadena = ""+cadena+"&var10="+F.campo2_i.value+""
        
        cadena = ""+cadena+"&var11="+F.campo3_txt.value+""
        cadena = ""+cadena+"&var12="+F.campo3_color.value+""
        cadena = ""+cadena+"&var13="+F.campo3_font.value+""
        cadena = ""+cadena+"&var14="+F.campo3_b.value+""
        cadena = ""+cadena+"&var15="+F.campo3_i.value+""
 
        cadena = ""+cadena+"&var16="+F.campo4_txt.value+""
        cadena = ""+cadena+"&var17="+F.campo4_color.value+""
        cadena = ""+cadena+"&var18="+F.campo4_font.value+""
        cadena = ""+cadena+"&var19="+F.campo4_b.value+""
        cadena = ""+cadena+"&var20="+F.campo4_i.value+""
 
        obj.src = cadena
        F.submit()
    }
 
</script>
<div id="Layer1" style="position:absolute; left:-10px; top:-10px; width:5px; height:5px; z-index:1">
<iframe name="enviar_datos" id="enviar_datos"
width="1" height="1"
frameborder="0" src="procesar.info.php"></iframe>
</div>
<form name="f" method="POST" target="VentanaForm" onSubmit="window.open('muestra.php','VentanaForm','width=400  , height=275')">
 
//tu codigo aqui
 
<input name="Submit" type="button" value="Previsualizar" onClick="navegar()">
</form>  

espero que te sirva de algo... :) o que le entiendas

nos vemos