[SOLUCIONADO] Varios datos por GET para un iFrame

emilio_viguri · #1 (**permalink**) 01/06/2015, 12:29

Hola me ayudarían con esto requiero pasar varios datos de un formulario por get pero no logro nada...

Lo que quiero es que cuando escribas en las cajas de texto calle, colonia, etc esto lo que deveria hacer el mandar los valores por GET de lo que puse en las cajas

crerme una url algo asi

ver.php?calle=AAAA&colonia=BBB&ciudad=CCCC para que la muestre el iframe

pero no se como hacer esto que al momento de escrivir se este llenado esa URL

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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
 
<body>
<form action="" method="post" enctype="multipart/form-data" name="form1" id="form1">
  Calle
    <input name="calle" type="text" id="calle" onchange="document.getElementById('iFrame').src='borrar.php' return false" size="32" />
  Colonia
  <input type="text" name="colonia" value="" size="32" onchange="document.getElementById('iFrame').src='borrar.php' return false"  />
  Municipio
  <input type="text" name="municipio" value="" size="32" onchange="document.getElementById('iFrame').src='borrar.php' return false"  />
  Ciudad
  <input type="text" name="ciudad" value="" size="32"  onchange="document.getElementById('iFrame').src='borrar.php' return false"  />
  Cp
  <input name="cp" type="text" value="" size="6" maxlength="6" onchange="document.getElementById('iFrame').src='borrar.php' return false"  />
  <input type="submit" value="Insertar registro" />
</form>
<br />
Iframe
<iframe align="bottom" scrolling="auto" src="about:blank" frameborder="0" width="95%" height="250" id="iFrame">&nbsp;</iframe>
</body>
</html>

PHPeros · #2 (**permalink**) 01/06/2015, 12:32

Puedes ponerle al formulario un target="nombre_del_iframe", para que se abra en el iframe en vez de en el mismo sitio

PD: Deberías usar GET entonces.

emilio_viguri · #3 (**permalink**) 01/06/2015, 13:28

Gracias por su tiempo pero en si lo que intento hacer es buscar direcciones según como se escriba en los campos de texto para después buscar coincidencias en las direcciones.

emilio_viguri · #4 (**permalink**) 01/06/2015, 13:38

Con este al dar clic activa el URL a la frame con este me vaso pero como se le hace para los demas

Código HTML:

Ver original<html xmlns="http://www.w3.org/1999/xhtml">
 
<body>
<form action="" method="post" name="form1" id="form1">
  Calle
    <input name="calle" type="text" id="calle" onclick="document.getElementById('iFrame').src='../reporte/rproveedor.php?idproveedor=<?=$row_partidas['idproveedor']; ?>&Rproveedor=<?=$row_partidas['Rproveedor']; ?>'; return false" />
  Colonia
  <input type="text" name="colonia" />
  Municipio
  <input type="text" name="municipio" />
  Ciudad
  <input type="text" name="ciudad" />
  Cp
  <input name="cp" type="text" />
  <input type="submit" value="Insertar registro" />
</form>
<br /><iframe align="bottom" scrolling="auto" src="about:blank" frameborder="1" width="95%" height="250" id="iFrame">&nbsp;</iframe>
</body>
</html>

emilio_viguri · #5 (**permalink**) 01/06/2015, 14:09

Ya intente con este forma de funcion pero de plano el javascript no es lo mio una ayudad ita por favor...

Código HTML:

Ver original<html>
<head>
<script>
    function creaGETurl(){
        var calle = document.getElementById('calle').value;
        var colonia = document.getElementById('coloia').value;
        var municipio = document.getElementById('municipio').value;
        var ciudad = document.getElementById('ciudad').value;
        var cp = document.getElementById('cp').value;
        
        document.getElementById("iFrame").src = "borrar.php?calle=" + calle + "&colonia=" + colonia + "&municipio=" + municipio + "&ciudad=" + ciudad + "&cp=" + cp;
    }
</script>
</head>
 
<body>
 
<form action="" method="post" name="form1" id="form1">
  Calle
    <input name="calle" type="text" id="calle" onKeyUp="creaGETurl()" />
  Colonia
  <input type="text" name="colonia" id="colonia" />
  Municipio
  <input type="text" name="municipio" id="municipio" />
  Ciudad
  <input type="text" name="ciudad" id="ciudad" />
  Cp
  <input name="cp" type="text" id="cp" />
</form>
 
<iframe id="iFrame" align="bottom" scrolling="auto" src="about:blank" frameborder="1" width="95%" height="250">&nbsp;</iframe>
</body>
</html>

emilio_viguri · #6 (**permalink**) 01/06/2015, 14:25

Por si alguien le interesa aqui el código ya me funciono...

Código HTML:

Ver original<html>
<head>
<script>
    function creaGETurl(){
        var calle = document.getElementById('calle').value;
        var colonia = document.getElementById('colonia').value;
        var municipio = document.getElementById('municipio').value;
        var ciudad = document.getElementById('ciudad').value;
        var cp = document.getElementById('cp').value;
        
        urlGET = "borrar.php?calle=" + calle + "&colonia=" + colonia + "&municipio=" + municipio + "&ciudad=" + ciudad + "&cp=" + cp;
 
        document.getElementById("iFrame").src = urlGET;
        document.getElementById("resultado").innerHTML= urlGET;
    }
</script>
</head>
 
<body>
 
<form action="" method="post" name="form1" id="form1">
  Calle
    <input name="calle" type="text" id="calle" onKeyUp="creaGETurl()" />
  Colonia
  <input type="text" name="colonia" id="colonia" onKeyUp="creaGETurl()" />
  Municipio
  <input type="text" name="municipio" id="municipio" onKeyUp="creaGETurl()" />
  Ciudad
  <input type="text" name="ciudad" id="ciudad" onKeyUp="creaGETurl()" />
  Cp
  <input name="cp" type="text" id="cp" onKeyUp="creaGETurl()" />
</form>
 
<div id="resultado"></div>
 
<iframe id="iFrame" align="bottom" scrolling="auto" src="about:blank" frameborder="1" width="95%" height="250">&nbsp;</iframe>
</body>
</html>