HTML Frame

Cu frame-uri, puteti publica mai multe documente HTML care vor fi deschise in aceeasi fereastra a browser-ului.
Fiecare document HTML deschis in fereastra browser-ului se numeste frame, iar fiecare frame se comporta independent fata de celelalte frame-uri.
Dezavantajele utilizarii frame-urilor:
Dezvoltatorul Web trebuie sa aiba in vedere mai multe documente HTML
Printarea intregii pagini este relativ dificila.
Sintaxa (tag) Setului de frame-uri (Frameset)
Tag-ul [b] defineste divizarea ferestrei in mai doua sau mai frame-uri.
Fiecare frameset este definit de un set de linii sau coloane.
Valorile liniilor/coloanelor stabilesc suprafata de pe ecran pe care fiecare linie/coloana o va ocupa.
Tag-ul Frame
Tag-ul [b] stabileste ce document HTML trebuie inserat in fiecare frame. In exemplul de mai jos avem un frameset cu doua coloane. Prima coloana este setata la 25% din lungimea ferestrei browserului. Cea de-a doua coloana este setata la 75% din lungimea ferestrei browserului. Documentul HTML "freame_a.htm" este inserat in prima coloana, iar documentul "frame_b.htm" ocupa a doua coloana:

Cod:

<frameset cols="25%,75%">
<frame src="frame_a.htm">
<frame src="frame_b.htm">
</frameset>

Sfaturi folositoare
Daca un frame are marginile vizibile, vizitatorul paginii poate modifica dimensiunile frame-urilor tragand de margine cu ajutorul cursorului de la mouse. Pentru a nu face acest lucru posibil, puteti adauga [b]noresize="noresize" la tagul .
Adaugati tag-ul [b] pentru browserele care nu au suport pentru frame-uri.<br />Exemple<br />[b]Frameset vertical <br /><br />Acest exemplu va demonstra cum sa construiti un frameset pe verticala care sa contina 3 documente diferite. <br /> <dl class="codebox"> <dt><span class="genmed"><b>Cod:</b></dt> <dd class="code"> <div class="cont_code">&lt;html&gt;<br /><br />&lt;frameset cols=&quot;25%,50%,25%&quot;&gt;<br /><br />&lt;frame src=&quot;frame_a.htm&quot;&gt;<br />&lt;frame src=&quot;frame_b.htm&quot;&gt;<br />&lt;frame src=&quot;frame_c.htm&quot;&gt;<br /><br />&lt;/frameset&gt;<br /><br />&lt;/html&gt;</div> </dd> </dl>[b]Frameset orizontal <br />Acest exemplu va demonstra cum sa construiti un frameset pe orizontala care sa contina 3 documente diferite. <br /> <dl class="codebox"> <dt><span class="genmed"><b>Cod:</b></dt> <dd class="code"> <div class="cont_code">&lt;html&gt;<br /><br />&lt;frameset rows=&quot;25%,50%,25%&quot;&gt;<br /><br />&lt;frame src=&quot;frame_a.htm&quot;&gt;<br />&lt;frame src=&quot;frame_b.htm&quot;&gt;<br />&lt;frame src=&quot;frame_c.htm&quot;&gt;<br /><br />&lt;/frameset&gt;<br /><br />&lt;/html&gt;</div> </dd> </dl>[b]Utilizarea tag-ului <noframes> <br />Acest exemplu va demonstra cum trebuie folosit tag-ul <noframes>. <br /> <dl class="codebox"> <dt><span class="genmed"><b>Cod:</b></dt> <dd class="code"> <div class="cont_code">&lt;html&gt;<br /><br />&lt;frameset cols=&quot;25%,50%,25%&quot;&gt;<br />&lt;frame src=&quot;frame_a.htm&quot;&gt;<br />&lt;frame src=&quot;frame_b.htm&quot;&gt;<br />&lt;frame src=&quot;frame_c.htm&quot;&gt;<br />&lt;noframes&gt;<br />&lt;body&gt;Your browser does not<br />handle frames!&lt;/body&gt;<br />&lt;/noframes&gt;<br />&lt;/frameset&gt;<br /><br />&lt;/html&gt;</div> </dd> </dl>[b]Frameset mixt <br />Acest exemplu demonstreaza cum sa contruiti un frameset alcatuit din 3 documente, si cum sa le manipulati ca linii si coloane. <br /> <dl class="codebox"> <dt><span class="genmed"><b>Cod:</b></dt> <dd class="code"> <div class="cont_code">&lt;html&gt;<br /><br />&lt;frameset rows=&quot;50%,50%&quot;&gt;<br /><br />&lt;frame src=&quot;frame_a.htm&quot;&gt;<br /><br />&lt;frameset cols=&quot;25%,75%&quot;&gt;<br />&lt;frame src=&quot;frame_b.htm&quot;&gt;<br />&lt;frame src=&quot;frame_c.htm&quot;&gt;<br />&lt;/frameset&gt;<br /><br />&lt;/frameset&gt;<br /><br />&lt;/html&gt;</div> </dd> </dl>[b]Frameset cu noresize="noresize" <br />Acest exemplu va demonstra atributul noresize. Suprafata frame-urilor nu poate fi modificata. Puteti misca cursorul mouse-ului pe deasupra marginilor dintre frame-uri si veti observa ca nu puteti misca aceste margini. <br /> <dl class="codebox"> <dt><span class="genmed"><b>Cod:</b></dt> <dd class="code"> <div class="cont_code">&lt;html&gt;<br /><br />&lt;frameset rows=&quot;50%,50%&quot;&gt;<br /><br />&lt;frame noresize=&quot;noresize&quot; src=&quot;frame_a.htm&quot;&gt;<br /><br />&lt;frameset cols=&quot;25%,75%&quot;&gt;<br />&lt;frame noresize=&quot;noresize&quot; src=&quot;frame_b.htm&quot;&gt;<br />&lt;frame noresize=&quot;noresize&quot; src=&quot;frame_c.htm&quot;&gt;<br />&lt;/frameset&gt;<br /><br />&lt;/frameset&gt;<br /><br />&lt;/html&gt;</div> </dd> </dl>[b]Frame de navigare <br />Acest exemplu demonstreaza cum sa construiti un frame de navigare. Frame-ul de navigare contine o lista a link-urilor ce au ca tinta al doilea frame (paginile se vor deschide in al doilea frame). <br />Fisierul numit "tryhtml_contents.htm" contine 3 link-uri. <br />Codul sursa al link-urilor: <br /> <dl class="codebox"> <dt><span class="genmed"><b>Cod:</b></dt> <dd class="code"> <div class="cont_code">&lt;a href =&quot;frame_a.htm&quot; target =&quot;showframe&quot;&gt;Frame a&lt;/a&gt;&lt;br&gt;<br />&lt;a href =&quot;frame_b.htm&quot; target =&quot;showframe&quot;&gt;Frame b&lt;/a&gt;&lt;br&gt;<br />&lt;a href =&quot;frame_c.htm&quot; target =&quot;showframe&quot;&gt;Frame c&lt;/a&gt;</div> </dd> </dl><br />Al doilea frame va arata documentul care este legat de link. <br /> <dl class="codebox"> <dt><span class="genmed"><b>Cod:</b></dt> <dd class="code"> <div class="cont_code">&lt;html&gt;<br /><br />&lt;frameset cols=&quot;120,*&quot;&gt;<br /><br />&lt;frame src=&quot;tryhtml_contents.htm&quot;&gt;<br />&lt;frame src=&quot;frame_a.htm&quot; <br />name=&quot;showframe&quot;&gt;<br /><br />&lt;/frameset&gt;<br /><br />&lt;/html&gt;</div> </dd> </dl>[b]Frame interior <br />Acest exemplu va demonstra cum sa creati un frame interior (un frame care se afla in interiorul unei pagini HTML).<br /> <dl class="codebox"> <dt><span class="genmed"><b>Cod:</b></dt> <dd class="code"> <div class="cont_code">&lt;html&gt;<br />&lt;body&gt;<br /><br />&lt;iframe src=&quot;default.asp&quot;&gt;&lt;/iframe&gt;<br /><br />&lt;p&gt;Browserele vechi nu suporta iframes&lt;/p&gt;<br />&lt;p&gt;Astfel ca iframe-ul nu va putea fi vizualizat.&lt;/p&gt;<br /><br /><br />&lt;/body&gt;<br />&lt;/html&gt;</div> </dd> </dl></div><div class="clear"></div><div class="signature_div"></div></div><span class="gensmall"></span></td></tr></table></td></tr><tr><td class="row1 browse-arrows" align="center" valign="middle" width="150"><a href="#top"><img src="https://2img.net/i/fa/empty.gif" alt="Sus" loading="lazy" /></a> <a href="#bottom"><img src="https://2img.net/i/fa/empty.gif" alt="In jos" loading="lazy" /></a></td><td class="row1 messaging gensmall" width="100%" height="28"><table border="0" cellspacing="0" cellpadding="0"><tr><td valign="middle"> </td></tr></table></td></tr><tr align="right"><td class="catBottom" colspan="3" height="28"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td width="9%" class="noprint"> </td><td align="center" class="t-title"><a name="bottomtitle"></a><h1 class="cattitle">HTML Frame</h1></td><td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="/t51p-html-frame"><img src="https://2img.net/i/fa/empty.gif" alt="Vezi subiectul anterior" loading="lazy" /></a> <a href="/t51n-html-frame"><img src="https://2img.net/i/fa/empty.gif" alt="Vezi subiectul urmator" loading="lazy" /></a> <a href="#top"><img src="https://2img.net/i/fa/empty.gif" alt="Sus" loading="lazy" /></a> </td></tr></table></td></tr></table><table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:none;margin: 1px 0px 1px 0px"><tr><td class="catBottom" height="28"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td valign="top"><h1 class="cattitle"> Subiecte similare</h1></td><td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img class="sprite-tabs_more" src="https://2img.net/i/empty.gif" alt="+" align="middle" border="0" /></a></span></td></tr></table></td></tr></table><table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:'';margin: 1px 0px 1px 0px"><tr><td class="catBottom" height="28"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td valign="top"><h1 class="cattitle"> Subiecte similare</h1></td><td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img class="sprite-tabs_less" src="https://2img.net/i/empty.gif" alt="-" align="middle" border="0" /></a></span></td></tr></table></td></tr><tr><td class="row2 postbody" valign="top">t <a style="text-decoration:none" href="/t46-html-4-categorii-pe-1-coloana-icon-status" title="HTML - 4 Categorii pe 1 coloana + icon status">HTML - 4 Categorii pe 1 coloana + icon status</a><br /></td></tr></table><table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td class="row2" valign="top" colspan="2" width="150"><span class="gensmall">Pagina <strong>1</strong> din <strong>1</strong></span></td></tr><tr><td class="row2" colspan="2" align="right" valign="top"><span class="gensmall"></span></td></tr><tr><td class="row2" colspan="2" align="center" style="padding:0px"><a name="quickreply"></a><br /></td></tr><tr><td style="margin:0; padding: 0;" colspan="2"><table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''"><tbody><tr><td class="row2" valign="top" width="25%"><span class="gensmall"><strong>Permisiunile acestui forum:</strong></span></td><td class="row1" valign="top" width="75%"><span class="gensmall"><strong>Nu puteti</strong> raspunde la subiectele acestui forum<br /></span></td></tr><tr><td class="catBottom" colspan="2" height="28"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td valign="middle" width="100%"><span class="nav"><a class="nav" href="/">o(Oo)o What The Fuck o(Oo)o </a><a class="nav" href=""></a>&nbsp;::&nbsp;<a href="/c8-web-design-help-si-support" class="nav"><span>- Web Design - Help si Support -</span></a>&nbsp;::&nbsp;<a href="/f8-tutoriale" class="nav"><span>Tutoriale</span></a></span></td><td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img class="sprite-tabs_less" src="https://2img.net/i/empty.gif" alt="-" align="middle" border="0" /></a></span></td></tr></table></td></tr></tbody></table></td></tr><tr><td style="margin:0; padding: 0;" colspan="2"><table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;"><tbody><tr><td class="catBottom" colspan="2" height="28"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td valign="middle" width="100%"><span class="nav"><a class="nav" href="/">o(Oo)o What The Fuck o(Oo)o </a><a class="nav" href=""></a>&nbsp;::&nbsp;<a href="/c8-web-design-help-si-support" class="nav"><span>- Web Design - Help si Support -</span></a>&nbsp;::&nbsp;<a href="/f8-tutoriale" class="nav"><span>Tutoriale</span></a></span></td><td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img class="sprite-tabs_more" src="https://2img.net/i/empty.gif" alt="+" align="middle" border="0" /></a></span></td></tr></table></td></tr></tbody></table></td></tr></table><form action="/viewforum" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}"><table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center"><tr><td align="left" valign="middle" nowrap="nowrap" ><span class="nav"></span></td></tr></table></form><script type="text/javascript">//<![CDATA[ $(resize_images({ 'selector' : '.postbody', 'max_width' : 600, 'max_height' : 300 }));//]]></script><script src="https://illiweb.com/rs3/86/frm/addthis/addthis_widget.js" type="text/javascript"></script><table class="forumline e9df9fb" width="100%" border="0" cellspacing="1" cellpadding="0"><tr><td style="background:#121212;padding:inherit 0"><table width="100%" cellspacing="1" cellpadding="1" border="0" style="background:#121212"><tr><td><div align="center"> <div style="text-align:center; display:inline-block; margin:0 auto;"> <table border="0" cellspacing="0" cellpadding="0" style="padding:0; margin:0; border:none;"> <tbody> <tr> <td valign="top" style="padding:32px 32px; "> <script type="text/javascript">//<![CDATA[ function AT_adFillSlot(){document.write('<scr' + 'ipt> window._taboola = window._taboola || [];_taboola.push({article:"auto"});!function (e, f, u, i) {if (!document.getElementById(i)){e.async = 1;e.src = u;e.id = i;f.parentNode.insertBefore(e, f);}}(document.createElement("script"),document.getElementsByTagName("script")[0],"//cdn.taboola.com/libtrc/forforumotion-ro/loader.js","tb_loader_script");</scr' + 'ipt><div id="taboola-300x250-thumbnails-5" style="background-color:#fffd"></div><scr' + 'ipt type="text/javascript">window._taboola = window._taboola || [];_taboola.push({mode: "thumbnails-300x250",container: "taboola-300x250-thumbnails-5",placement: "300x250 Thumbnails-5",target_type: "mix"});</scr' + 'ipt> <scr' + 'ipt type="text/javascript">window._taboola = window._taboola || []; _taboola.push({flush: true});</scr' + 'ipt>');}//]]> </script> <div id="crt-8x0c97dz1" style="width:300px;height:250px;margin:auto;"></div> <script type="text/javascript"> CriteoAdblock("crt-8x0c97dz1", 1356533,'criteo_13333601'); </script> <!-- BEGIN 13333601 --> <div id="criteo_13333601"> <script type="text/javascript"> Criteo.events.push(function() { Criteo.Passback.RenderAd('criteo_13333601', function(){ var width = "300"; var height = "250"; var slotid = "criteo_13333601"; var div = document.getElementById(slotid); if (div) { var ifr = document.createElement('iframe'); ifr.setAttribute("id", slotid + "_iframe"), ifr.setAttribute("frameborder", "0"), ifr.setAttribute("allowtransparency", "true"), ifr.setAttribute("hspace", "0"), ifr.setAttribute("marginwidth", "0"), ifr.setAttribute("marginheight", "0"), ifr.setAttribute("scrolling", "no"), ifr.setAttribute("vspace", "0"), ifr.setAttribute("width", "300"), ifr.setAttribute("height", "250"); div.appendChild(ifr); var ifrd = ifr.contentWindow.document; var htmlcode ='<scr' + 'ipt> window._taboola = window._taboola || [];_taboola.push({article:"auto"});!function (e, f, u, i) {if (!document.getElementById(i)){e.async = 1;e.src = u;e.id = i;f.parentNode.insertBefore(e, f);}}(document.createElement("script"),document.getElementsByTagName("script")[0],"\/\/cdn.taboola.com/libtrc/forforumotion-ro/loader.js","tb_loader_script");</scr' + 'ipt><div id="taboola-300x250-thumbnails-7" style="background-color:#fffd"></div><scr' + 'ipt type="text/javascript">window._taboola = window._taboola || [];_taboola.push({mode: "thumbnails-300x250",container: "taboola-300x250-thumbnails-7",placement: "300x250 Thumbnails-7",target_type: "mix"});</scr' + 'ipt> <scr' + 'ipt type="text/javascript">window._taboola = window._taboola || []; _taboola.push({flush: true});</scr' + 'ipt>'; ifrd.open(); ifrd.write(htmlcode); ifrd.close(); } }); }); </script></div> <!-- END CRITEO TAG --></td> <td valign="top" style="padding:32px 32px; "> <script type="text/javascript">//<![CDATA[ function AT_adFillSlot(){document.write('<scr' + 'ipt> window._taboola = window._taboola || [];_taboola.push({article:"auto"});!function (e, f, u, i) {if (!document.getElementById(i)){e.async = 1;e.src = u;e.id = i;f.parentNode.insertBefore(e, f);}}(document.createElement("script"),document.getElementsByTagName("script")[0],"//cdn.taboola.com/libtrc/forforumotion-ro/loader.js","tb_loader_script");</scr' + 'ipt><div id="taboola-300x250-thumbnails-1" style="background-color:#fffd"></div><scr' + 'ipt type="text/javascript">window._taboola = window._taboola || [];_taboola.push({mode: "thumbnails-300x250",container: "taboola-300x250-thumbnails-1",placement: "300x250 Thumbnails-1",target_type: "mix"});</scr' + 'ipt> <scr' + 'ipt type="text/javascript">window._taboola = window._taboola || []; _taboola.push({flush: true});</scr' + 'ipt>');}//]]> </script> <div id="crt-8x0c97dz" style="width:300px;height:250px;margin:auto;"></div> <script type="text/javascript"> CriteoAdblock("crt-8x0c97dz", 1356533,'criteo_1333360'); </script> <!-- BEGIN 1333360 --> <div id="criteo_1333360"> <script type="text/javascript"> Criteo.events.push(function() { Criteo.Passback.RenderAd('criteo_1333360', function(){ var width = "300"; var height = "250"; var slotid = "criteo_1333360"; var div = document.getElementById(slotid); if (div) { var ifr = document.createElement('iframe'); ifr.setAttribute("id", slotid + "_iframe"), ifr.setAttribute("frameborder", "0"), ifr.setAttribute("allowtransparency", "true"), ifr.setAttribute("hspace", "0"), ifr.setAttribute("marginwidth", "0"), ifr.setAttribute("marginheight", "0"), ifr.setAttribute("scrolling", "no"), ifr.setAttribute("vspace", "0"), ifr.setAttribute("width", "300"), ifr.setAttribute("height", "250"); div.appendChild(ifr); var ifrd = ifr.contentWindow.document; var htmlcode ='<scr' + 'ipt> window._taboola = window._taboola || [];_taboola.push({article:"auto"});!function (e, f, u, i) {if (!document.getElementById(i)){e.async = 1;e.src = u;e.id = i;f.parentNode.insertBefore(e, f);}}(document.createElement("script"),document.getElementsByTagName("script")[0],"\/\/cdn.taboola.com/libtrc/forforumotion-ro/loader.js","tb_loader_script");</scr' + 'ipt><div id="taboola-300x250-thumbnails-3" style="background-color:#fffd"></div><scr' + 'ipt type="text/javascript">window._taboola = window._taboola || [];_taboola.push({mode: "thumbnails-300x250",container: "taboola-300x250-thumbnails-3",placement: "300x250 Thumbnails-3",target_type: "mix"});</scr' + 'ipt> <scr' + 'ipt type="text/javascript">window._taboola = window._taboola || []; _taboola.push({flush: true});</scr' + 'ipt>'; ifrd.open(); ifrd.write(htmlcode); ifrd.close(); } }); }); </script></div> <!-- END CRITEO TAG --></td> </tr> </tbody> </table> </div></div></td></tr></table></td></tr></table><div style="height:3px"></div></td><td valign="top" width="0"><div id="emptyidright"></div></td></tr></tbody></table></div></div><!-- close div id="page-body" --><div id="page-footer"><div align="center"><div class="gen"><strong><a href="https://www.forumgratuit.ro/" target="_blank">Forumgratuit.ro</a></strong>&nbsp;|&nbsp;<span class="gensmall">&copy;</span><a href="https://www.forumgratuit.ro/phpbb" target="_blank">phpBB</a>&nbsp;|&nbsp;<a name="bottom" href="https://help.forumgratuit.ro/" target="_blank">Forum gratuit de suport</a>&nbsp;|&nbsp;<a href="/abuse?page=%2Ft51-html-frame&amp;report=1" rel="nofollow">Semnaleaza un abuz</a>&nbsp;|&nbsp;<strong><a href="/latest" target="_blank">Discuții recente</a></strong></div></div></div></td></tr></table><script type="text/javascript">$(document).ready( function() {$('div.ti-connect').attr({'data-loc' : 'https://connect.topicit.net/','data-login' : 'https://wtf-cs.forumgratuit.ro/topicit/index.php/connect','data-version' : '1','data-lang' : 'ro'});(function(d, s, id) {var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) return;js = d.createElement(s); js.id = id;js.src = "https://connect.topicit.net/scripts/connect.js";fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'topicit-connect'));});</script><script type="text/javascript">//<![CDATA[ fa_endpage();//]]></script><script type="text/javascript"> var vglnk = { key: '9019de09e2fbd24ca1be00a9fededd9e' }; (function(d, t) { var s = d.createElement(t); s.type = 'text/javascript'; s.async = true; s.src = '//cdn.viglink.com/api/vglnk.js'; var r = d.getElementsByTagName(t)[0]; r.parentNode.insertBefore(s, r); }(document, 'script')); </script> <script type="text/javascript">window._taboola = window._taboola || []; _taboola.push({flush: true});</script> <!-- BEGIN 1425605 - etoxic - FR - CDB - PCK - sticky footer - 728x90--> <div id="criteo_sticky"> <script type="text/javascript"> function CreateStickyFooterContainer(e) { var t = document.getElementById(e); t.style.position = "fixed", t.style.zIndex = "2147483646", t.style.bottom = "0", t.style.left = "0", t.style.padding = "0", t.style.borderColor = "rgb(196, 196, 196)", t.style.width = "100%", t.style.backgroundColor = "rgba(245, 245, 245, 0.54902)", t.style.borderStyle = "solid", t.style.borderWidth = "1px"; var o = document.createElement("a"); t.appendChild(o), o.style.backgroundColor = "rgb(221, 221, 221)", o.style.backgroundImage = "url('//static.criteo.net/images/criteo/publishertag/close.png')", o.style.backgroundRepeat = "no-repeat", o.style.backgroundPosition = "center", o.style.display = "block", o.style.position = "absolute", o.style.left = "0", o.style.top = "-24px", o.style.width = "23px", o.style.height = "24px", o.style.borderBottomColor = "#6d6c71", o.style.cursor = "pointer", o.onclick = function() { t.style.display = "none" }; var l = document.createElement("div"); l.id = "cto_sticky", l.style.margin = "0 auto", l.style.display = "table"; t.appendChild(l); return l.id }; Criteo.events.push(function() { if(!isMobile){ Criteo.Passback.RenderAd(CreateStickyFooterContainer("criteo_sticky"), function(){ var slotid = "criteo_sticky"; var div = document.getElementById(slotid); div.removeAttribute("style"); }); } else{ var slotid = "criteo_sticky"; var div = document.getElementById(slotid); div.style.display = "none"; } }); </script> </div> <!-- END CRITEO TAG --></body></html>