ajax y iframen

Hallking · #1 (**permalink**) 03/06/2009, 18:14

Buena como estan.

yo soy un programador nuevo en esto de la programacion ajax y se gun me an dicho esta es la mejor forma de resolver mi proble.

el problema q tengo es el siquiente tengo un formulario para q el usuario busque,
y me gustaria q cuando el usuario presione a submi lo embie a un iframe q esta devajo el formulario. pero es q embie los datos del formulario si no q me buestre los datos q el usuario busque en el. de dejare a qui los codigos para q veas y me puedan dar una mano gracias

HQM

Código HTML:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin t&iacute;tulo</title>

    <style type="text/css">
a img {
    border: 0px none;
}
</style>


<script type="text/javascript">
function init(){
	var inp = document.getElementsByTagName('input');
	for(var i = 0; i < inp.length; i++) {
		if(inp[i].type == 'text') {
			inp[i].setAttribute('rel', inp[i].defaultValue);
			inp[i].onfocus = function() {
				if(this.value == this.getAttribute('rel')) {
					this.value = '';
				} else {
					return false;
				}
			}
			inp[i].onblur = function() {
				if(this.value == '') {
					this.value = this.getAttribute('rel');
				} else {
					return false;
				}
			}
			inp[i].ondblclick = function() {
				this.value = this.getAttribute('rel')
			}
		}
	}
}
if(document.childNodes) {
	window.onload = init
}
</script>

</head>

<body style="background-color: transparent;">
<table width="806" height="49" border="0">
  <tr>
    <td height="45" align="center"><form method="get" action="http://127.0.0.1/PHP/Untitled 2.php" target="Contenido">
      <label></label><label>
      <input type="radio" name="Buscar" value="Ini" /> 
      Inicie 
      <input type="radio" name="Buscar" value="Con" />
      Contenga
      <input type="radio" name="Buscar" value="Ter" /> 
      Termine con:<br />
</label>
      <label>
      <select name="SG">
      <option>Grupos</option>
        <option>Amigos</option>
        <option>Familia</option>
        <option>Trabajo</option>
        <option>General</option>
      </select>
     <label>
      <input type="text" value="Nombre">
      </label>
      <label>
      <input type="text" value="Apellido">
      </label>
      <select name="Tipo">
        <option>Tipo</option>
        <option>☎ Casa</option>
        <option>☝ Movil</option>
        <option>✍ Oficina</option>
      </select>
<label>
                    <input type="submit" name="button" value="Enviar" >
                    </label>    
        <label></label><label></label> </form>
<hr />
<iframe name="Contenido" align="middle" scrolling="no" frameborder="0" src="a.html" width="800" height="217" allowtransparency></iframe></td>
  </tr>
</table>
</body>
</html>