Tecnología

Inicio

Cómo incrustar código javascript para un iFrame

May 30

Un iframe es una sección de una página web que muestra el contenido de otra página web o URL. Por ejemplo, si un desarrollador web operado un sitio en el que quería mostrar a los usuarios buenos ejemplos de diseño de sitios web, que podría incluir iframes en su página que sus usuarios podrían mostrar ejemplos de páginas web de calidad, sin que el usuario realmente necesidad de salir de la corriente página. Puede crear marcos flotantes con HTML simple o con algo de JavaScript codificación también.

Instrucciones

1 Ingrese a su servidor web, y localizar la página HTML en la que desea incrustar un iframe con el código JavaScript.

2 Haga clic dentro del "<head>" y "</ head>" etiquetas en el documento HTML.

3 Inserte el código JavaScript:

<! -

función ShowWebSite (val)

{

document.all.myFrame.src=val;

document.all.myFrame.style.visibility = "visible";

}

Button1_onclick funcionar () {

. Var v = document.all ( "txtWebSite") de valor;

ShowWebSite (v);

}

// ->

&lt;/script>

4 Haga clic en la sección "<body>" de la página HTML e insertar el siguiente código:

<Body>

&lt;iframe id="frame" frameborder="1" vspace="0" hspace="0" marginwidth="0" marginheight="0"

width = "100" scrolling = "sí" height = estilo "100" = "border-right: negro 1px solid; border-top: negro 1px solid; Z-INDEX: 999; LEFT: 20px; border-left: 1px negro sólido; border-bottom: 1px solid negro; position: absolute; TOP: 100px; visibility: hidden; ">

& Lt; / iframe>

& lt; form id = "Form1">

Entrar en la web: & lt; input type = "text" id = "txtWebSite" nombre = valor "txtWebSite" = "http://www.tablesandchairs.com">

& Lt; input type = "button" value = "Mostrar" id = nombre de "Button1" = "Button1" onclick = "return Button1_onclick ()">

& Lt; / form>

& Lt; / body>

5 Reemplazar los valores de "ancho" y "alto" si desea cambiar el tamaño del marco flotante.

6 Reemplazar "http: //www.tablesandchairs" con la URL que desea insertar en el iframe. Publicar la página.