Comment voulez-vous mettre une certaine section d'un site web dans une iframe?

Dans la plupart des cas, la référence est à l'extérieur et vous n'avez pas de contrôle sur la page externe. Ainsi, vous avez à faire défiler le contenu de l'IFRAME à la position désirée. Bien sûr, cela est impossible. Oui, il y a un peu de JavaScript hacks, mais ils sont tous une mauvaise solution, car le défilement ne se produit qu'après le chargement de la page.
La Solution

Vous pouvez envelopper l'IFRAME dans un div et de faire défiler la DIV de contenu à l'aide absolu en HAUT et à GAUCHE des propriétés CSS.

Voici un exemple:

#my-div
{
    width    : 400px;
    height   : 200px;
    overflow : hidden;
    position : relative;
}

#my-iframe
{
    position : absolute;
    top      : -100px;
    left     : -100px;
    width    : 1280px;
    height   : 1200px;
}

Ici vous avez un DIV avec des dimensions 400x200px. Maintenant, en déplaçant l'IFRAME, vous pouvez le positionner sur le bon endroit.

<div id="my-div">
<iframe src="http://www.example.com" id="my-iframe" scrolling="no"></iframe>
</div>

Un <iframe> vous donne une fenêtre complète pour travailler avec. Le moyen le plus direct pour faire ce que vous voulez, c'est votre serveur vous donner une page complète qui contient seulement le fragment que vous voulez montrer.

Comme alternative, vous pouvez simplement utiliser un simple <div> et utiliser le jQuery load fonction pour charger la page entière et arracher juste la partie que vous voulez:

$('#target-div').load('http://www.yahoo.com');

Il y a peut être d'autres choses que vous devez faire, et une différence significative est que le contenu va devenir une partie de la page principale, au lieu d'être placés dans une fenêtre séparée.

---

Vous ne serez pas en mesure de manipuler l'URL pour obtenir une partie seulement de la page. Donc, ce que vous voulez faire est de saisir le contenu de la page par le serveur-côté de la langue de votre choix, puis parser le HTML. À partir de là, vous pouvez prendre le spécifique de la DIV que vous recherchez, puis l'imprimer à votre écran. Vous pouvez également les utiliser pour supprimer du contenu indésirable.

Avec PHP, vous pouvez utiliser file_get_contents() pour lire le fichier que vous souhaitez analyser, puis utiliser DOMDocument d'analyser et de saisir la DIV que vous voulez.

Voici l'idée de base. C'est non testé mais devrait vous diriger dans la bonne direction:

$page = file_get_contents('http://touch.facebook.com');
$doc = new DOMDocument();
$doc->loadHTML($page);
$divs = $doc->getElementsByTagName('div');
foreach($divs as $div) {
    //Loop through the DIVs looking for one withan id of "content"
    //Then echo out its contents (pardon the pun)
    if ($div->getAttribute('id') === 'content') {
         echo $div->nodeValue;
    }
}