Iframes

Axiago · #1 (**permalink**) 29/02/2012, 15:05

Hola queria preguntaros como desarrollar una cosa.

querria tener un iframe de una zona de una web:
<DIV ID="testDivframe"
STYLE="position: absolute;
width: 240px; height: 150px;
clip:rect(391px 605px 560px 155px);
"><iframe SCROLLING=NO
width="660" height="605" src="http://www.google.com"></iframe>
</div>

en este caso por ejemplo querria que solo se viera la "barra de busqueda de google" introducida en mi web y luego una vez que busquen que el iframe cambiara a otro tamaño para mostrar los resultados.

sabeis si se puede hacer?

un saludo

estoy dispuesto a pagar si me dais la solucion.

emprear · #2 (**permalink**) 29/02/2012, 22:17

En realidad lo que querés hacer es un poco complejo.
Te recomendaría en cambio que utilices este servicio
http://www.google.es/cse/

De todas manera con la ayuda de php + jquery (o simplemente javascript), podrías hacer algo como esto

google.html

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="/jslib/jquery-1.6.1.min.js"></script>
</head>
<body>
<!-- Búsqueda Google -->
<div style="margin: 80px auto 10px auto; width:500px; tex-align: center;">
<img src="http://www.google.com/logos/Logo_40wht.gif" style="border: 0; vertical-align: middle;" alt="google" />
<input type="text" name="q" size="31" maxlength="255" id="q"
value="" /> <input type="button" id="buscar" value="búsqueda google" />
</div>
 
<div id="resultados" style="width:900px; margin: 0 auto;margin-top: 25px; border: solid 1px #ccc;min-height: 10px; overflow: auto;">
<!-- carga resultados -->
</div>
 
<!-- Búsqueda Google -->
<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){
    
$("#buscar").click(function(event) {    
var termino = $("#q").val();
$("#resultados").load('gos.php',{q:termino});
});
 
});
//]]>
</script>
 
</body>
</html>

google.php

Código PHP:

Ver original<?php
$q = $_POST['q'];
$q = urlencode($q);
$u = file_get_contents("http://www.google.com/search?q=$q&hl=es");
echo utf8_encode($u);
?>

Saludos