<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>iframe Archivi -</title>
	<atom:link href="https://simonetocco.it/tag/iframe/feed/" rel="self" type="application/rss+xml" />
	<link>https://simonetocco.it/tag/iframe/</link>
	<description></description>
	<lastBuildDate>Wed, 25 Apr 2012 09:47:09 +0000</lastBuildDate>
	<language>it-IT</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9</generator>

<image>
	<url>https://simonetocco.it/wp-content/uploads/2020/12/logoSimone-1-150x150.png</url>
	<title>iframe Archivi -</title>
	<link>https://simonetocco.it/tag/iframe/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Includere HTML in HTML</title>
		<link>https://simonetocco.it/includere-html-in-html/</link>
					<comments>https://simonetocco.it/includere-html-in-html/#respond</comments>
		
		<dc:creator><![CDATA[Simone Tocco]]></dc:creator>
		<pubDate>Wed, 25 Apr 2012 09:47:09 +0000</pubDate>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[iframe]]></category>
		<category><![CDATA[includere]]></category>
		<category><![CDATA[php]]></category>
		<guid isPermaLink="false">http://www.draco-corporation.com/?p=384</guid>

					<description><![CDATA[<p>In un nostro recente lavoro ci è stato richiesto il collegamento ad una porzione di html da un sito esterno. Solitamente questo tipo di estensione viene effettuata utilizzando la tecnologia fornita dagli Iframe che, sostanzialmente, concede sul nostro sito l&#8217;apertura di una finestra (delle dimensioni volute) che si affaccia sul sito esterno. Il problema di [&#8230;]</p>
<p>L'articolo <a href="https://simonetocco.it/includere-html-in-html/">Includere HTML in HTML</a> sembra essere il primo su <a href="https://simonetocco.it"></a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>In un nostro recente lavoro ci è stato richiesto il collegamento ad una porzione di html da un sito esterno. Solitamente questo tipo di estensione viene effettuata utilizzando la tecnologia fornita dagli Iframe che, sostanzialmente, concede sul nostro sito l&#8217;apertura di una finestra (delle dimensioni volute) che si affaccia sul sito esterno. Il problema di questa tecnica è la gestione html del sito incluso. </p>
<p>Quando non siamo i proprietari del sito esterno diventa difficile, se non impossibile, gestire le funzioni del codice. Nel nostro caso specifico dovevamo includere il codice HTML da un sito, cercando di carpirne una serie di news, e ri-pubblicarle sul nostro sito. </p>
<p>Utilizzando gli Iframe abbiamo ottenuto un buon risultato ma, cliccando sui collegamenti ipertestuali, questi si aprivano all&#8217;interno della stessa finestra Iframe, rendendo impossibile la consultazione. L&#8217;unica soluzione possibile è stata la cattura dell&#8217;intero codice HTML utilizzato e, effettuando parsing riga dopo riga, siamo riusciti non solo a catturare la porzione di codice interessata, ma anche a modificarla introducendo, ad esempio, il target _blank agli url delle notizie, per evitare la dispersione dei nostri utenti.</p>
<p>Ad esempio, se volessimo includere la porzione di codice presente sul sito www . sitodaincludere . yyy:</p>
<pre lang="html5" line="1">
<ul>
	<li>
            <img decoding="async" src="/images/arrow_red.png" alt="" /> 
            <a href="/news/notizia1.htm"><strong>News1</strong></a>
        </li>
	<li>
            <img decoding="async" src="/images/arrow_red.png" alt="" /> 
            <a href="/news/notizia2.htm"><strong>News2</strong></a>
        </li>
</ul>
</pre>
<p>In tal caso dobbiamo includere una lista di elementi che possiedono immagini e collegamenti ipertestuali, riferiti con path relativo, quindi non utilizzabili dal nostro sito. Vediamo ora il codice PHP utilizzato per scaricare la pagina, parserizzare e stampare a video la porzione di codice che ci interessa, sostituendo le parti da settare in base al nostro sito:</p>
<pre lang="php" line="1">
<?php
//scarichiamo la pagina html da includere
$file = file('http://www.sitodaincludere.yyy:');
$bool=false;

//scorriamo l'intera pagina html
foreach ($file as $r){
  //Non appena troviamo l'inizio del codice che ci interessa settiamo una variabile di controllo
  if(eregi('<ul>',$r)){
	$bool=true;
        $codice=$codice.$r
  }
 
  //Fin tanto che la variabile di controllo è vera
  if($bool){
        //Sostituiamo nella riga corrente, i path relativi con quelli assoluti
        $r=eregi_replace("/images/arrow_red.png", "http://www.sitodaincludere.yyy/images/arrow_red.png", $r);
        $r=eregi_replace("<a href='/news/","<a target='_blank' href='http://www.sitodaincludere.yyy/news/",$r);

        //memorizziamo la stringa ottenuta
        $codice=$codice.$r;

        //Quanto arriviamo alla fine del codice che ci interessa
	if(eregi('</ul>',$r)){
           $codice=$codice.$r;
           //Settiamo a false la variabile di controllo
	   $bool=false;
	}		
    }

}

//Stampiamo a video il risultato ottenuto
echo $codice;

?>
</pre>
<p>Includendo questo script PHP nel punto preciso della nostra pagina otterremo:</p>
<pre lang="html5" line="1">
<ul>
	<li>
            <img decoding="async" src="http://www.sitodaincludere.yyy/images/arrow_red.png" alt="" /> 
            <a target='_blank' href="http://www.sitodaincludere.yyy/news/notizia1.htm"><strong>News1</strong></a>
        </li>
	<li>
            <img decoding="async" src="http://www.sitodaincludere.yyy/images/arrow_red.png" alt="" /> 
            <a target='_blank' href="http://www.sitodaincludere.yyy/news/notizia2.htm"><strong>News2</strong></a>
        </li>
</ul>
</pre>
<p>Buona programmazione a tutti!</p>
<!--------------------------------------><!-- Conversion Box Made Using : -------><!-- WP Conversion Boxes - -------------><!-- http://wpconversionboxes.com --><!--------------------------------------><div class="wpcb_nothing_offset"></div>

<style>
    
    .wpcb_template_main_1{
        
        background-color: #0faf97;
        width: 100%;
        height: ;
        border-width: ;
        border-color: ;
        margin-top: ;
        margin-bottom: ;
        margin-left: ;
        margin-right: ;
        padding: 20px;
        -webkit-box-shadow: inset 0px 0px 200px -38px rgba(0,0,0,0.5);
        -moz-box-shadow: inset 0px 0px 200px -38px rgba(0,0,0,0.5);
        box-shadow: inset 0px 0px 200px -38px rgba(0,0,0,0.5);     
        
    }
    
    .wpcb_template_main_1 .wpcb_box_heading{
        background-color: ;
        padding-top: 0px;
    }
    
    .wpcb_template_main_1 .wpcb_box_heading_text{
        font-family:    'Arial', serif;
        font-size:      32px;
        line-height:    38px;
        color:          #ffffff;
        text-align:     center;
        text-shadow: 0px 3px 4px rgba(0, 0, 0, 0.25);
        font-weight: 900;
        margin: 0;
    }
    
    .wpcb_template_main_1 .wpcb_box_content_container{
        
    }    
    
    .wpcb_template_main_1 .wpcb_box_content{
        font-family:    Arial;
        font-size:      20px;
        line-height:    24px;
        color:          #ffffff;
        text-align:     center;
        padding: 20px 0px;
    }
    
    .wpcb_template_main_1 .wpcb_box_button_div{
        text-align: center;
    }
    
    .wpcb_template_main_1 .wpcb_box_button_div a.wpcb_box_button, .wpcb_template_main_1 .wpcb_box_button_div button.wpcb_box_button{
        font-family:    Arial;
        font-size:      16px;
        color:          #fff;
        background-color: #4f78f2;
        border-radius: 30px;
        width: ;
        padding: 10px 15px;
    }
    
    .wpcb_button_gradient{background-image : -moz-linear-gradient(top, #4f78f2, #1851f9);background-image : -ms-linear-gradient(top, #4f78f2, #1851f9);background-image : -webkit-gradient(linear, #4f78f2, #1851f9);background-image : -webkit-linear-gradient(top, #4f78f2, #1851f9);background-image : -o-linear-gradient(top, #4f78f2, #1851f9);background-image : linear-gradient(top, #4f78f2, #1851f9);filter : progid:DXImageTransform.Microsoft.gradient(startColorstr=&quot;#4f78f2&quot;, endColorstr=&quot;#1851f9&quot;, GradientType=0);border-color : +#4f78f2 #1851f9 #1851f9;background-color : #4f78f2;}    
        
</style>


<div class="wpcb_template_main wpcb_template_main_1 wpcb_nothing wpcb_nothing" data-fadetime="0">
    <div class="wpcb_box_all_content_container">
        <div class="wpcb_box_content_container">    
            <div class="wpcb_box_heading">
                <div class="wpcb_box_heading_text">Hai bisogno di una consulenza o assistenza?</div>
            </div>            
            <div class="wpcb_box_content">
                Apri un ticket di richiesta, ti risponderò in brevissimo tempo! Chiedere non costa nulla <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f609.png" alt="😉" class="wp-smiley" style="height: 1em; max-height: 1em;" />            </div>    
            <div class="wpcb_box_button_div">
                <a href="http://simonetocco.it/assistenza-e-consulenza/" target="" id="wpcb_box_button_1" class="wpcb_box_button wpcb_button_gradient">Apri Richiesta</a>
            </div>
        </div>    
    </div>
</div><!------------------------------><!-- Conversion Box Ends Here --><!------------------------------><div class="wpcb-tracker" data-id="3640838" data-boxid="1" data-visitedpage="https://simonetocco.it:443/tag/iframe/feed/" data-visittype="visit"></div><p>L'articolo <a href="https://simonetocco.it/includere-html-in-html/">Includere HTML in HTML</a> sembra essere il primo su <a href="https://simonetocco.it"></a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://simonetocco.it/includere-html-in-html/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
