[- Execute('../header.ehtml', 'Implementación de layer a botón'); -]
			 <div id="section">
                                <section>
                                        <div class="section">
                                                [- Execute('../../include/soportenav.ehtml', 'es'); -]
                                                <article>
                                                        <div class="main">

                                                                <h1>Implementación de layer a botón</h1>

								<p><strong>Información para layer a botón en dos creatividades</strong> Se recomienda no usar esta forma de implementación dada la complejidad. Para la misma ya no se brinda asistencia técnica.</p>

								<h2>Requisitos</h2>

								<p>Los requisitos para implementar este formato en dos creatividades son los siguientes:</p>

								<p>Hay que realizar 2 creatividades: Una que contenga el formato flash con movimiento y otra con el botón flash que se tiene que mostrar cuando termina de mostrarse la primera.<br />
								La primera creatividad debe finalizar en la posición donde va a quedar el botón definitivamente e incluir al finalizar la misma, el siguiente código ActionScript:</p>

								<p class="code">
									<code>
										getURL("javascript: eplSwapButton();");
									</code>
								</p>

								<h2>Implementación en e-planning</h2>

								<p>Una vez realizadas las creatividades y subidas al servidor, es necesario crear la campaña y subirle el siguiente banner:</p>

								<ul>
									<li>Formato: Banner Flash</li>
									<li>URL de la imagen: URL donde fue subido el botón Flash</li>
									<li>
										Código HTML: reemplace el código predefinido por el siguiente:<br /><br />
										<textarea name="htmlcode">
<script type="text/javascript">
function eplSwapButton() {
var layer = document.getElementById('eplLayer');
var boton = document.getElementById('eplBoton');
layer.style.visibility = 'hidden';
boton.style.visibility = 'visible';
}

document.writeln('<div id="eplBoton" style="position: relative; visibility: hidden;"><OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase=" http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab# version=$FLASH_VERSION_ID" WIDTH="$WIDTH" HEIGHT="$HEIGHT"><PARAM NAME=movie VALUE="$IMGURL" ><PARAM NAME=quality VALUE=high><param name="wmode" value="transparent"/>$FLASHVARS_OBJECT <PARAM NAME=bgcolor   VALUE=#FFFFFF><EMBED src="$IMGURL" quality=high bgcolor=#FFFFFF  $FLASHVARS_EMBED WIDTH="$WIDTH" HEIGHT="$HEIGHT" ALIGN="" TYPE="application/x-shockwave-flash" PLUGINSPAGE=" http://www.macromedia.com/go/getflashplayer"> </EMBED></OBJECT> </div>');

var rndClick = Math.random();
var urlLayer = 'http://www.url_layer.com/'; // url_donde_fue_subido_el_layer
var layerHeight = 500; // Alto del layer
var layerWidth = 500; // Ancho del layer
var left = 0;  // Distancia del layer al margen izquierdo
var top = 0;  // Distancia del layer al margen superior

document.writeln('<div id="eplLayer" style="visibility: visible; position: absolute; top: ' + top + 'px; left: ' + left + 'px; width: ' + layerWidth + '; height: '+  layerHeight + '; z-index: 100;"><OBJECT classid= "clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase= "http://download.macromedia.com/pub/ shockwave/cabs/flash/swflash.cab#version=6,0,40,0"  WIDTH="' + layerWidth + '" HEIGHT="' + layerHeight + '">$FLASHVARS_OBJECT <PARAM  NAME=movie VALUE="' + urlLayer + '"><PARAM NAME=quality VALUE=high><param         name="wmode" value="transparent"/><PARAM NAME=bgcolor VALUE=#FFFFFF>< EMBED $FLASHVARS_EMBED src="' + urlLayer + '" quality=high bgcolor=#FFFFFF WIDTH="' + layerWidth +  '" HEIGHT="' + layerHeight + '" ALIGN="" TYPE="application/x-shockwave-flash" PLUGINSPAGE=" http://www.macromedia.com/go/getflashplayer"> </EMBED></OBJECT></div>');
</script>
										</textarea><br /><br />
									</li>
									<li>
										Modifique el código Javascript, reemplazando los siguientes valores por los correspondientes:<br /><br />
										<strong>urlLayer</strong>: Dirección donde fue subido el layer<br />
										<strong>layerHeight</strong>: Altura del layer en pixels<br />
										<strong>layerWidth</strong>: Ancho del layer en pixels<br />
										<strong>left</strong>: Distancia del layer al margen izquierdo de la página en pixels<br />
										<strong>top</strong>: Distancia del layer al margen superior de la página en pixels
									</li>
								</ul>
							</div>
                                                </article>
                                        </div>
                                </section>
                        </div>
[# Footer #]
[- Execute('../footer.ehtml'); -]