begin process at 2012 02 14 12:39:34
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Frames

 > CHARGER UNE PAGE WEB DANS UN DIV

CHARGER UNE PAGE WEB DANS UN DIV


 Information sur la source

Note :
7 / 10 - par 1 personne
7,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Frames Classé sous :widget, gadget, page web, contenu, dynamique Niveau :Initié Date de création :09/12/2009 Vu :7 987

Auteur : flk974

Ecrire un message privé
Commentaire sur cette source (14)
Ajouter un commentaire et/ou une note

 Description

Cliquez pour voir la capture en taille normale
Ce code permet de charger une page web dans un div et sans utilisé de frames.
Qprès il vous reste qu'à mettre en forme les données.
dans exemple, on prend les informations sur
http://www.meteomedia.com/weather/CAQC0107 et http://www.desjardins.com/fr/taux/change/tableau_c heques.jsp
résultat
http://img7.hostingpics.net/pi cs/38873Image_3.png et http://img7.hostingpics.net/pics/625127Image_4.png

puis on traite les données, on fait le css, on masque les données inutiles et pour les images on met l'adresse absolue pour les images.
résultat
http://img7.hostingpics.net/pics/ 330734Image_5.png et http://img7.hostingpics.net/pics/748760Image_6.png

En bonus j'ai mis un effet fondu lorsque le chargement des données sont finies, la baniere et le section menu changent en fonction les liens et j'ai ajouté un bouton plus infos à la météo.


Source

  • page index.php
  • <? /*
  • --------------------------------------------------------
  • Information source initiale
  • Catégorie :Frames
  • Classé sous :div, ajax, xmlhttprequest, onreadystatechange
  • Niveau :Débutant
  • Date de création :05/05/2006
  • Date de mise à jour :05/05/2006 15:55:27
  • Auteur : atlante34
  • Description
  • permet de charger une page html dans un div
  • permet de ne pas utliser les frames
  • -----------------------------------------------------------------------------
  • Information source modifier
  • Catégorie :Frames
  • Classé sous :div, ajax, xmlhttprequest, onreadystatechange
  • Niveau :Expert
  • Date de création :05/05/2006
  • Date de mise à jour :26/11/2009 9:25
  • Auteur : FLK974
  • Description
  • permet de charger une page html externe(web) et sélectionner
  • les informations dont l'on a besoin pour l'afficher dans
  • un div spécifique. Permet de ne pas utliser les frames.
  • -----------------------------------------------------------------------------
  • */ ?>
  • <!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" />
  • <title>Projet final</title>
  • <script type="text/javascript">
  • function envoieRequete(url,id,color1,color2,im,type)
  • {
  • var xhr_object = null;
  • var position = id;
  • if(window.XMLHttpRequest)
  • { xhr_object = new XMLHttpRequest(); }
  • else if(window.ActiveXObject)
  • { xhr_object = new ActiveXObject("Microsoft.XMLHTTP"); }
  • else
  • { alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); }
  • xhr_object.open("GET", url, true);
  • xhr_object.onreadystatechange = function(){
  • if ( xhr_object.readyState == 4 )
  • {
  • // j'affiche dans la DIV spécifiées le contenu retourné par le fichier
  • document.getElementById(position).innerHTML = xhr_object.responseText;
  • // 2009/11/30 FLK974 Met l'adresse absolue des images et cache info inutile
  • if(type=='meteo'){
  • menuC1 = document.getElementById('cityframe');
  • menuC1.style.display="none";
  • if(document.getElementById('ecwarnbar')){
  • menuC1 = document.getElementById('ecwarnbar');
  • menuC1.style.display="none";
  • node = document.getElementsByTagName('p');
  • node.item(2).id="degre";
  • }else{node = document.getElementsByTagName('p');
  • node.item(0).id="degre";}
  • if(document.getElementById('stormwatch_bar_fr')){
  • menuC1 = document.getElementById('stormwatch_bar_fr');
  • menuC1.style.display="none";
  • node = document.getElementsByTagName('p');
  • node.item(5).id="degre";
  • }else{node = document.getElementsByTagName('p');
  • node.item(0).id="degre";}
  • menuC1 = document.getElementById('celc_on');
  • menuC1.style.display="none";
  • menuC1 = document.getElementById('fahr');
  • menuC1.style.display="none";
  • node = document.getElementsByTagName('a');
  • for(i=0;i<node.length;i++){
  • node.item(i).removeAttribute('href');
  • }
  • node = document.getElementsByTagName('table');
  • node.item(0).style.display="none";
  • node = document.getElementsByTagName('img');
  • for(i=0;i<node.length;i++){
  • node.item(i).src = "http://www.meteomedia.com/"+node.item(i).src.substr(22,40);
  • }
  • // 2009/11/1 FLK974 ajoute un balise
  • vi = document.createElement('input');
  • vi.setAttribute('onclick', 'changePage1()');
  • vi.setAttribute('type', 'button');
  • vi.setAttribute('value', 'Cliquer ICI');
  • vi.setAttribute('id', 'flk');
  • document.getElementsByTagName('h2').item(1).appendChild(vi);
  • }
  • // 2009/12/4 FLK974 mise en forme des informations
  • if(type=='bank'){
  • node = document.getElementsByTagName('p');
  • node.item(2).style.display="none";
  • node.item(3).style.display="none";
  • node = document.getElementsByTagName('h3');
  • node.item(0).style.display="none";
  • node = document.getElementsByTagName('caption');
  • node.item(0).style.display="none";
  • node = document.getElementsByTagName('tr');
  • node.item(3).style.display="none";
  • node.item(2).className="cellPaire";
  • node.item(10).className="cellPaire";
  • for(i=5;i<10;i++){
  • node.item(i).style.display="none";
  • }
  • for(i=11;i<node.length-1;i++){
  • node.item(i).style.display="none";
  • }
  • document.getElementById('t2r25c1').innerHTML ="Suisse <span id='JM'>for J.L</span>";
  • }
  • l=0;
  • changeOpac(position);
  • }
  • }
  • // dans le cas du get
  • document.getElementById(position).innerHTML ="<div id='tmp'><blink>chargement</blink></div>";
  • xhr_object.send(null);
  • // 2009/11/30 FLK974 change aparence du banniere et barre menu
  • if(document.getElementById)
  • {
  • menuC1 = document.getElementById('header');
  • menuC1.style.backgroundColor=color1;
  • menuC1.style.backgroundImage=im;
  • menuC1.style.backgroundRepeat="no-repeat";
  • menuC1 = document.getElementById('gauche');
  • menuC1.style.backgroundColor=color2;
  • node = document.getElementsByTagName('body');
  • node.item(0).id=type;
  • node = document.getElementsByTagName('a');
  • for(i=0;i<node.length;i++){
  • node.item(i).removeAttribute('href');
  • }
  • }
  • }
  • var f=0;
  • // 2009/11/30 FLK974 rendre visible le tableau météo
  • function changePage1()
  • {
  • if(document.getElementById)
  • {
  • f++;
  • if(f==1){
  • node = document.getElementsByTagName('table');
  • node.item(0).style.display="";}
  • else {
  • node = document.getElementsByTagName('table');
  • node.item(0).style.display="none";
  • f=0;
  • }
  • }
  • }
  • var l=0;
  • // 2009/11/30 FLK974 effet apparition
  • function changeOpac(id) {
  • l=l+2;
  • var object = document.getElementById(id).style;
  • object.opacity = (l / 100);
  • object.MozOpacity = (l / 100);
  • object.KhtmlOpacity = (l / 100);
  • object.filter = "alpha(opacity=" + l + ")";
  • actif = setTimeout("changeOpac('"+id+"')", 20);
  • if(l==100)clearTimeout(actif);
  • }
  • </script>
  • <style type="text/css">
  • body
  • {
  • font-family:Verdana, Arial, Helvetica, sans-serif;
  • font-size: 0.8em;
  • margin:0;
  • padding: 0;
  • }
  • #header
  • {
  • width: 100%;
  • height:15%;
  • background-color: #99CCCC;
  • }
  • #conteneur
  • {
  • position: absolute;
  • width: 100%;
  • height:100%;
  • background-color:#FFF;
  • }
  • #centre
  • {
  • position: absolute;
  • width: 900px;
  • height:400px;
  • margin-left: 170px;
  • }
  • #gauche
  • {
  • position: absolute;
  • height: 85%;
  • width: 10%;
  • background-color: #00CED1;
  • }
  • /* 2009/11/30 FLK974 mise en forme Meteo */
  • #tmp{ color:#F00; font-size:48px; text-align:center;}
  • #meteo table{ border:double #003876; width:500px; margin-left:10%;}
  • #meteo th{ background-color:#dfecfa; color:#003876;}
  • #meteo td {color:#003876; }
  • #meteo h1 {color:#003876;}
  • #meteo em {color:#2981da;}
  • #meteo h2 {color:#003876;}
  • #meteo span{ color:#666666;font-size:10px;}
  • #warntitle {display:none;}
  • #warnmsg {display:none;}
  • .cond{ font-weight:bold; font-size:10px; }
  • .desc{color:#666666;}
  • #condicon{ margin-left:5%;}
  • #flk{ position:relative; left:10px; top:-8px;}
  • #degre { color:#003876;font-size:48px;margin-left:170px;margin-top:-70px;}
  • #tempunit{ color:#003876; margin-left:220px; font-size:28px; margin-top:-90px}
  • #conddesc{ color:#003876; font-size:15px;position:relative; top:-20px;left:130px}
  • #obs_lists{ position:relative; left:30%; top:-150px; color:#003876; font-size:15px;}
  • #meteo ul{ list-style: none; float:left; }
  • #stermfx{ position:absolute; left:0px; top:200px; width:100%}
  • /* 2009/11/30 FLK974 mise en forme Meteo ---------------------------------------------*/
  • /* 2009/12/3 FLK974 mise en forme bank */
  • #bank h1 {color:#008c53;}
  • .cellFondTitre th{ background-color:#008c53; color:#FFF}
  • .cellFondSousTitre th{ background-color:#CCC; }
  • .cellPaire th{ background-color:#c5fae4; }
  • .cellPaire td{ background-color:#c5fae4; }
  • #bank table{ border:double #000;}
  • #JM{ color:#F00; font-size:14px; }
  • </style>
  • </head>
  • <body>
  • <div id="conteneur" >
  • <div id="header" >
  • </div>
  • <div id="gauche">
  • <!-- 2009/11/26 FLK974 ajouter adresse position cojorH colorM url logoH nomStyle -->
  • <a href="#" onclick="envoieRequete('laison1.php','centre','#008c53','#e4e4e4','url(logo.gif)','bank');" ><h1>Taux</h1></a>
  • <!-- 2009/11/26 FLK974 ajouter adresse position cojorH colorM url logoH nomStyle --> <br />
  • <a href="#" onclick="envoieRequete('liaison.php','centre','#003e83','#ffea5e','url(logo.jpg)','meteo');" ><h1>Méteo </h1></a><br />
  • </div>
  • <div id="centre">
  • </div>
  • </div>
  • </body>
  • </html>
  • page laison1.php
  • <!-- 2009/12/03 FLK974 récupère le contenu du page web -->
  • <?php
  • $ch = curl_init();
  • $timeout = 5; // fixée à zéro pour pas de timeout
  • curl_setopt ($ch, CURLOPT_URL, 'http://www.desjardins.com/fr/taux/change/tableau_cheques.jsp');
  • curl_setopt ($ch, CURLOPT_RETURNTRANSFER, 1);
  • curl_setopt ($ch, CURLOPT_CONNECTTIMEOUT, $timeout);
  • $file_contents = utf8_encode ( curl_exec($ch));//récupère le contenu
  • curl_close($ch);
  • $lines = array();//crée tableau
  • $lines = explode("\n", $file_contents);// ajoute le contenu
  • // 2009/12/3 FLK974 affichage ligne par ligne
  • foreach($lines as $line_num => $line) {
  • //echo $line_num.htmlentities($line)." <br/> "; // 2009/11/28 FLK974 pour trouver les line
  • if($line_num>323 && $line_num<937 )
  • echo $line;
  • }
  • ?>
  • page liaison.php
  • <!-- 2009/11/27 FLK974 récupère le contenu du page web -->
  • <?php
  • $ch = curl_init();
  • $timeout = 5; // fixée à zéro pour pas de timeout
  • curl_setopt ($ch, CURLOPT_URL, 'http://www.meteomedia.com/weather/CAQC0107');
  • curl_setopt ($ch, CURLOPT_RETURNTRANSFER, 1);
  • curl_setopt ($ch, CURLOPT_CONNECTTIMEOUT, $timeout);
  • $file_contents = utf8_encode ( curl_exec($ch));//récupère le contenu
  • curl_close($ch);
  • $lines = array();//crée tableau
  • $lines = explode("\n", $file_contents);// ajoute le contenu
  • // 2009/11/28 FLK974 affichage ligne par ligne
  • foreach($lines as $line_num => $line) {
  • //echo $line_num.htmlentities($line)." <br/> "; // 2009/11/28 FLK974 pour trouver les line
  • if($line_num>270 && $line_num<370 || $line_num>446 && $line_num<521 || $line_num==380 )
  • echo $line;
  • }
  • ?>
page index.php

<? /* 
--------------------------------------------------------
Information source initiale
Catégorie :Frames  
Classé sous :div, ajax, xmlhttprequest, onreadystatechange  
Niveau :Débutant  
Date de création :05/05/2006  
Date de mise à jour :05/05/2006 15:55:27
Auteur : atlante34
Description
permet de charger une page html dans un div
permet de ne pas utliser les frames 
-----------------------------------------------------------------------------

Information source modifier
Catégorie :Frames  
Classé sous :div, ajax, xmlhttprequest, onreadystatechange  
Niveau :Expert  
Date de création :05/05/2006  
Date de mise à jour :26/11/2009 9:25
Auteur : FLK974
Description
permet de charger une page html externe(web) et sélectionner 
les informations dont l'on a besoin pour l'afficher dans 
un div spécifique. Permet de ne pas utliser les frames.

-----------------------------------------------------------------------------




*/ ?>
<!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" />
<title>Projet final</title>
<script type="text/javascript">

 

function envoieRequete(url,id,color1,color2,im,type)
{
     
	  
	var xhr_object = null;
	var position = id;
	if(window.XMLHttpRequest)
		 { xhr_object = new XMLHttpRequest(); }
	else if(window.ActiveXObject)
		{ xhr_object = new ActiveXObject("Microsoft.XMLHTTP"); }
		else
			{ alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); } 
		
	
	xhr_object.open("GET", url, true);
	xhr_object.onreadystatechange = function(){
		if ( xhr_object.readyState == 4 )
		{
		// j'affiche dans la DIV spécifiées le contenu retourné par le fichier
			document.getElementById(position).innerHTML = xhr_object.responseText;
		
			
		// 2009/11/30 FLK974  Met l'adresse absolue des images et cache info inutile	
		if(type=='meteo'){
			menuC1 = document.getElementById('cityframe');
			menuC1.style.display="none";
			
			if(document.getElementById('ecwarnbar')){
			menuC1 = document.getElementById('ecwarnbar');
			menuC1.style.display="none";
			node = document.getElementsByTagName('p');
			node.item(2).id="degre";
			}else{node = document.getElementsByTagName('p');
			node.item(0).id="degre";}
			
			if(document.getElementById('stormwatch_bar_fr')){
			menuC1 = document.getElementById('stormwatch_bar_fr');
			menuC1.style.display="none";
			node = document.getElementsByTagName('p');
			node.item(5).id="degre";
			}else{node = document.getElementsByTagName('p');
			node.item(0).id="degre";}
			
			
			
			menuC1 = document.getElementById('celc_on');
			menuC1.style.display="none";
			menuC1 = document.getElementById('fahr');
			menuC1.style.display="none";
			
			node = document.getElementsByTagName('a');
			for(i=0;i<node.length;i++){
				node.item(i).removeAttribute('href');
			}
			
			
			
			node = document.getElementsByTagName('table');
			node.item(0).style.display="none";
			
			node = document.getElementsByTagName('img');
			for(i=0;i<node.length;i++){
				node.item(i).src = "http://www.meteomedia.com/"+node.item(i).src.substr(22,40);
			}
			
			
			
			// 2009/11/1 FLK974  ajoute un balise	
			vi = document.createElement('input');
			vi.setAttribute('onclick', 'changePage1()');
			vi.setAttribute('type', 'button');
			vi.setAttribute('value', 'Cliquer ICI');
			vi.setAttribute('id', 'flk');  
			document.getElementsByTagName('h2').item(1).appendChild(vi);
			
			
			} 
			// 2009/12/4 FLK974  mise en forme des informations
		if(type=='bank'){
			node = document.getElementsByTagName('p');
			node.item(2).style.display="none";
			node.item(3).style.display="none";
			
			node = document.getElementsByTagName('h3');
			node.item(0).style.display="none";
			
			
			
			node = document.getElementsByTagName('caption');
			node.item(0).style.display="none";
			node = document.getElementsByTagName('tr');
			node.item(3).style.display="none";
			node.item(2).className="cellPaire";
			node.item(10).className="cellPaire";
			for(i=5;i<10;i++){
				node.item(i).style.display="none";
			}
			for(i=11;i<node.length-1;i++){
				node.item(i).style.display="none";
			}
			
			document.getElementById('t2r25c1').innerHTML ="Suisse <span id='JM'>for J.L</span>";
			
		}
			l=0;
			changeOpac(position);
		}
		
		
	}
	// dans le cas du get
	document.getElementById(position).innerHTML ="<div id='tmp'><blink>chargement</blink></div>";
	xhr_object.send(null);
	// 2009/11/30 FLK974 change aparence du banniere et barre menu
	 if(document.getElementById)
    	{
			menuC1 = document.getElementById('header');
			menuC1.style.backgroundColor=color1;
			menuC1.style.backgroundImage=im;
			menuC1.style.backgroundRepeat="no-repeat";
			menuC1 = document.getElementById('gauche');
			menuC1.style.backgroundColor=color2;
			node = document.getElementsByTagName('body');
			node.item(0).id=type;
			node = document.getElementsByTagName('a');
			for(i=0;i<node.length;i++){
				node.item(i).removeAttribute('href');
			}
			
			}
}

	var f=0;
	// 2009/11/30 FLK974  rendre visible le tableau météo
	function changePage1()
  	{
		
	   if(document.getElementById)
    	{
			f++;
			if(f==1){
			node = document.getElementsByTagName('table');
			node.item(0).style.display="";}
			else {
				node = document.getElementsByTagName('table');
				node.item(0).style.display="none";
				f=0;
			}
				
		}
	}
	
	var l=0;
	// 2009/11/30 FLK974  effet apparition
function changeOpac(id) {
	
	l=l+2;
    var object = document.getElementById(id).style;
    object.opacity = (l / 100);
    object.MozOpacity = (l / 100);
    object.KhtmlOpacity = (l / 100);
    object.filter = "alpha(opacity=" + l + ")";
	actif = setTimeout("changeOpac('"+id+"')", 20);
	if(l==100)clearTimeout(actif);
}
	
</script>
<style type="text/css">
body
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin:0;
padding: 0;

}
#header
{
width: 100%;	
height:15%;
background-color: #99CCCC;


}


#conteneur
{
	 position: absolute;
 width: 100%;
 height:100%; 
background-color:#FFF;
}

#centre
{
	position: absolute;
 width: 900px;
 height:400px; 

margin-left: 170px;
}

#gauche
{
	 position: absolute;
 height: 85%; 
width: 10%; 
background-color: #00CED1;
}

/* 2009/11/30 FLK974 mise en forme Meteo */

#tmp{ color:#F00; font-size:48px; text-align:center;}
#meteo table{ border:double #003876; width:500px; margin-left:10%;}
#meteo th{ background-color:#dfecfa; color:#003876;}
#meteo td {color:#003876;  }
#meteo h1 {color:#003876;}
#meteo em {color:#2981da;}
#meteo h2 {color:#003876;}	
#meteo span{ color:#666666;font-size:10px;}
#warntitle {display:none;}
#warnmsg {display:none;}

 .cond{ font-weight:bold; font-size:10px; }
 .desc{color:#666666;}
 
#condicon{	margin-left:5%;}
#flk{	position:relative; left:10px; top:-8px;}
#degre { color:#003876;font-size:48px;margin-left:170px;margin-top:-70px;}

#tempunit{	color:#003876; margin-left:220px; font-size:28px; margin-top:-90px}
#conddesc{	 color:#003876; font-size:15px;position:relative;  top:-20px;left:130px}

#obs_lists{ position:relative; left:30%; top:-150px; color:#003876; font-size:15px;}
#meteo  ul{ list-style: none; float:left; }
#stermfx{ position:absolute; left:0px; top:200px; width:100%}



/* 2009/11/30 FLK974 mise en forme Meteo ---------------------------------------------*/

/* 2009/12/3 FLK974 mise en forme bank */



#bank h1 {color:#008c53;}
.cellFondTitre th{ background-color:#008c53; color:#FFF}
.cellFondSousTitre th{ background-color:#CCC; }
.cellPaire th{ background-color:#c5fae4; }
.cellPaire td{ background-color:#c5fae4; }
#bank table{ border:double #000;}
#JM{ color:#F00; font-size:14px; }
</style>
</head>

<body>
<div id="conteneur" >

<div id="header" >
</div>
<div id="gauche">
<!-- 2009/11/26 FLK974 ajouter adresse position cojorH colorM url logoH nomStyle  -->
<a href="#"   onclick="envoieRequete('laison1.php','centre','#008c53','#e4e4e4','url(logo.gif)','bank');" ><h1>Taux</h1></a>
<!-- 2009/11/26 FLK974 ajouter adresse position cojorH colorM url logoH nomStyle  --> <br />
<a href="#"  onclick="envoieRequete('liaison.php','centre','#003e83','#ffea5e','url(logo.jpg)','meteo');"  ><h1>Méteo	</h1></a><br />

</div>
<div id="centre">

</div>
</div>
</body>
</html> 

page laison1.php


<!-- 2009/12/03 FLK974 récupère le contenu du page web  --> 
<?php
$ch = curl_init();
$timeout = 5; // fixée à zéro pour pas de timeout
curl_setopt ($ch, CURLOPT_URL, 'http://www.desjardins.com/fr/taux/change/tableau_cheques.jsp');
curl_setopt ($ch, CURLOPT_RETURNTRANSFER, 1);
curl_setopt ($ch, CURLOPT_CONNECTTIMEOUT, $timeout);
$file_contents = utf8_encode  ( curl_exec($ch));//récupère le contenu
curl_close($ch);
$lines = array();//crée tableau
$lines = explode("\n", $file_contents);// ajoute le contenu

// 2009/12/3 FLK974 affichage ligne par ligne
foreach($lines as $line_num => $line) {
//echo $line_num.htmlentities($line)."  <br/> "; //  2009/11/28 FLK974 pour trouver les line
if($line_num>323  && $line_num<937   )
	echo $line;
}

?> 



page liaison.php



<!-- 2009/11/27 FLK974 récupère le contenu du page web  --> 
<?php
$ch = curl_init();
$timeout = 5; // fixée à zéro pour pas de timeout
curl_setopt ($ch, CURLOPT_URL, 'http://www.meteomedia.com/weather/CAQC0107');
curl_setopt ($ch, CURLOPT_RETURNTRANSFER, 1);
curl_setopt ($ch, CURLOPT_CONNECTTIMEOUT, $timeout);
$file_contents = utf8_encode  ( curl_exec($ch));//récupère le contenu
curl_close($ch);
$lines = array();//crée tableau
$lines = explode("\n", $file_contents);// ajoute le contenu

// 2009/11/28 FLK974 affichage ligne par ligne
foreach($lines as $line_num => $line) {
//echo $line_num.htmlentities($line)."  <br/> "; //  2009/11/28 FLK974 pour trouver les line
if($line_num>270  && $line_num<370 || $line_num>446  && $line_num<521 || $line_num==380 )
	echo $line;
}

?> 


 Conclusion

vous pouvais vous créer vous propre gadget windows ou widget mac pour le site que vous vouler en quelque heure.


 Sources de la même categorie

Source avec Zip Source avec une capture DIAPORAMA SIMPLE PAR IFRAME par sartoz
DYNAMIC CONTENT DANS UNE DIV par duterte
INCLUDE EN JAVASCRIPT par yousfane
Source avec Zip PASSER DE FRAMES A UNE PAGE par David78390
CHARGER UNE PAGE PHP OU HTML DANS UN DIV par atlante34

 Sources en rapport avec celle ci

SFR WIDGET ET JQUERY par hhoareau
GALERIE PHOTO DYNAMIQUE EN JAVASCRIPT "JQUERY" par zertyx
Source avec Zip FLÈCHE CLIGNOTANTE AU SURVOL D'UN LIEN par lecurieux41
Source avec Zip DEUX MENU DÉROULANT LE PREMIER GÉNÈRE LE DEUXIÈME MENU par hakimastouri
TAILLE DE TEXTE EN FONCTION DE LA RÉSOLUTION par tefa24600

Commentaires et avis

Commentaire de gillardg le 10/12/2009 13:54:14

bonjour,
je me suis arreté à  "new ActiveXObject("Microsoft.XMLHTTP..."

comment ils font sur mac,linux, et autres ?

Commentaire de crazygogo le 10/12/2009 17:40:15

si tu t'es arrêté la c'est que t'as pas bien lu....

if(window.XMLHttpRequest)
{ xhr_object = new XMLHttpRequest(); }
else if(window.ActiveXObject)
{ xhr_object = new ActiveXObject("Microsoft.XMLHTTP"); }
else
{ alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); }

Commentaire de jdmcreator le 12/12/2009 15:09:29

Hmmm... j'ai déjà vu cette source quelque part d'autre. Est-ce que c'est de toi ou tu l'as trouvé sur Internet pcq si tu l'a trouvé sur ToutJavascript, il faudrait indiquer de qui sa provient ;)

Commentaire de inaden le 14/12/2009 15:17:39

Salut,
super, je pense que ça peut vraiment être très utile dans plein de cas. Par contre je comprend pas bien comment ça marche.
Par exemple, dans les css de la page d'index, il semble que tu "formates" les pages qui vont être reçu... est-ce bien cela ? Les pages ne peuvent-ils être gérées "depuis elles-mêmes" ?
Et puis surtout dans les pages de laisons je ne comprends pas les lignes :
if($line_num>323  && $line_num<937   )
Comme je suis pas un spécialiste du php, (pardon, 100 pardon) je ne comprends pas pourquoi tu mets des limites ?
Si ce n'est pas trop demandé, pourrais-tu donner quelques indications sur le principe, surtout que cette ligne n'est pas la même dans les deux cas, c'est que cela dépend du contenu.
Te remerciant par avance, et te remerciant tout simplement pour ce principe qui m'aurait été parfois bien utile.

Commentaire de flk974 le 14/12/2009 17:47:39

Premièrement je répondrai à jdmcreator qui mais des commentaire non pertinent. j'ai modifier moi même le code http://www.javascriptfr.com/codes/CHARGER-PAGE-PHP-HTML-DANS-DIV_37447.aspx.
Maintenant salut, inaden. je voulais formater moi même les donnés mes on peut utiliser le ccs du site en modifiant l'adresse pour l'adresse absolue comme pour les images que j'ai fait.
pour if($line_num>323  && $line_num<937   ) comme je ne veux pas prend toute la page donc je sélection le line de j'ai besion pour affiché le code avec les numéro de line "echo $line_num.htmlentities($line)".
Pour tout autre question je suis là!


Commentaire de inaden le 14/12/2009 19:44:40

Ok, merci pour cette précision, effectivement simple... j'aurais du y penser.
En tout cas, merci pour ce code et tes précisions.

Commentaire de inaden le 14/12/2009 19:46:40 7/10

Ah oui, j'ai oublié la note

Commentaire de elsabio77 le 14/12/2009 22:25:09

bonjour,
étant intéressé par ce code, je l'ai copié afin de voir le résultat, mais lorsue je clique, dans ma page index.php, sur météo ou taux, ça m'écrit "Fatal error: Call to undefined function curl_init() in \laison.php on line 3".

Pourtant le code écrit sur ma page liaison1.php est:

<!-- 2009/12/03 FLK974 récupère le contenu du page web -->
<?php
$ch = curl_init();
$timeout = 5; // fixée à zéro pour pas de timeout
curl_setopt ($ch, CURLOPT_URL, 'http://www.desjardins.com/fr/taux/change/tableau_cheques.jsp');
curl_setopt ($ch, CURLOPT_RETURNTRANSFER, 1);
curl_setopt ($ch, CURLOPT_CONNECTTIMEOUT, $timeout);
$file_contents = utf8_encode ( curl_exec($ch));//récupère le contenu
curl_close($ch);
$lines = array();//crée tableau
$lines = explode("\n", $file_contents);// ajoute le contenu


// 2009/12/3 FLK974 affichage ligne par ligne
foreach($lines as $line_num => $line) {
//echo $line_num.htmlentities($line)." <br/> "; // 2009/11/28 FLK974 pour trouver les line
if($line_num>323 && $line_num<937 )
echo $line;
}

?>


Serait-il possible de m'aider stp?

Commentaire de flk974 le 15/12/2009 00:49:27

il faut active curl
regard dans les configuration de ton PHP
<?php
phpinfo ();
?>

curl
cURL support enabled
cURL Information libcurl/7.18.2 OpenSSL/0.9.7l zlib/1.2.3 libidn/1.9

Commentaire de elsabio77 le 15/12/2009 17:28:21

bonjour, dans ma page phpinfo(), je n'ai pas curl.

Comment faut-il faire pour l'activer?

Commentaire de flk974 le 15/12/2009 22:55:42

ben je sais pas sur mon serveur il est activé pas défaut.
Je pense que si tu tape dans google activer Curl php tu devrai trouvé la solution.
Si tu trouve la solution je t'invite a la posté pour les autres qui aurait le même problème

Commentaire de M_Psyco_FranK le 21/12/2009 05:03:43

Je rêve, ou je viens de trouver un autre québecois, même peut-être un Chicoutimien (?? bref, un gars de chicoutimi XD ) ?

Pour ce qui est de ton code, c'est pratique, je l'ai pas essayer parce je n'ai pas de serveur d'installer en ce moment, mais j'imagine que ce serais parfait, ou presque,(avec d'autre code spécialisé) pour intégrer des fonctions pour Facebook, twitter, Codes-sources et etc. dans une page..

Pour activer curl... est-ce que tu as lamp, wamp, easy-php ou quelque chose du genre d'installer en tant que serveur??

Commentaire de flk974 le 21/12/2009 13:40:21

bonjour M_Psyco jutilise mamp pour serveur local sur mac et curl et activé par défaut. Wé je suis bien chicoutimi!

Commentaire de JeanLemay le 03/01/2010 15:05:59

Salut Florent,
Bien vue !
Jean

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

Contenu dynamique [ par bside8 ] Bonjour,je voudrais, avec des flèches '-' et '+' incrémenter ou décrémenter dynamiquement une valeur :- valeur +Comment je dois m'y prendre ?Merci Scroll dynamique dans div [ par l2el2o ] Bonjour &#224; tous, J'ai une balise div en overflow:scroll; dont le contenu change dynamiquement. J'aimerais savoir si il serait possible de faire d widget envoi sms [ par kenza1987 ] Code Postal: 3 contenu dynamique [ par albator59 ] Salut tout le monde,je suis en train de travailler sur un book en ligne. Je voudrais que l'internaute s'identifie via un sas d'entr&#233;e et que le c Formulaire dynamique [ par alphacrash ] Salut à tous, je vous explique mon problème :Je récupère le contenu d'une chaîne, par exemple celle-ci :$chaine="&lt;html&gt;&lt;body&gt;&lt;input typ bas de page plus bas que contenu [ par inaden ] Bonjour,Je construit ma feuille de style en div positionné en relatif.J'ai un premier div qui est en marge "auto" pour centrer le tout et des div deda verifier le contenu d'une cellule dans un tableau [ par oppossom ] bonjour tous je vais entrer directement dans le vif du sujet mon soucis est :est que la ligne et la cellule d'un tableau sont des objets javascript ?e la hauteur de ma div ne s'adapte pas a son contenu sous firefox [ par attentio ] Bonjour, voila j'ai deux calques imbriqués dans un calque contener et je je voudrais que la hauteur de celui-ci s'adapte en fonction de la taille de Wysiwyg : comment enregistrer (SaveAs) le contenu d'un div ??? [ par fabiano13 ] Bonjour,Je cherche a enregistrer le contenu d'un span (&lt;span id="wsy" ContentEditable&gt;&lt;/span&gt;)J'ai pourtant testé plusieurs choses :ws Redonner le focus à une Iframe [ par caviar ] Saluté tout le monde ! vous avez la forme ? héhé ... nan c'est pas parce qu'on demande de l'aide qu'il ne faut pas s'enquerir de la forme de ses "help


Nos sponsors


Sondage...

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

Photothèque

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 1,810 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales