Foro de Ayuda IntercambiosvirtualeS - Insertar html con javascript

Foro de Ayuda IntercambiosvirtualeS (https://www.intercambiosos.org/index.php)

- Recursos Webmasters & Diseño Web (https://www.intercambiosos.org/forumdisplay.php?f=24)

- - Insertar html con javascript (https://www.intercambiosos.org/showthread.php?t=44848)

Insertar html con javascript

Buenos días amigos;
Tengo una duda, estoy optimizando una web y voy a cambiar algunos banners hechos en flash (que se repiten en toda la web) por banners hechos en html5, css y javascript.
Ya eh hecho banners con html5, css y javascript, pero lo hice escribiendo bastante codigo en el html, y llamando al javascript, lo hice guiandome de esta web: http://codepen.io/Creaticode/full/xIfmw
Como puedo hacer que banners que se repitan en toda la web solo creando un javascript con su respectivo css y llamarlo al html?

Estimado lanero12 hemos visto como desde tu registro y aunque en tu caso si te has presentado, solo has generado temas de peticiones, ayuda y similares.

Queremos recordate que este es un foro de "ayuda cooperativa" por lo que se espera que sus miembros de la misma manera en la que solicitan, aporten.

Esperamos tu comprension.

Hola lanero12,

Puedes escribir código javascript que genere código HTML, que quedará insertado en el fuente de tu página Web, sin más que utilizar la sentencia:

Código:

document.write("...");

Añades tantas líneas como esa como necesites para incorporar todo el código HTML que quieras, incluyendo etiquetas CCS, etc.

Lo único que debes recordar es que debes alternar los caracteres " por ' para que no se cierre el parámetro global antes de tiempo.

Por ejemplo:

Código:

<script language="JavaScript">

<!--

document.write("Imagen insertada con javascript:<br><img src='imagenes/photo1.jpg'>");

//-->

</script>

Y si lo que deseas es contener tu código javascript en un fichero externo para utilizarlo multiples veces, entonces lo guardas en un archivo .js (por ejemplo "codigo.js") y lo invocas desde tu fuente HTML:

Código:

<script type="text/javascript" src="scripts/codigo.js"></script>

Y en el archivo codigo.js escribes:

Código:

document.write("Imagen insertada con javascript:<br><img src='imagenes/photo1.jpg'>");

Espero que te sirva para tus propósitos.
Suerte...!
Salu2

Otra forma de insertar HTML con JavaScript es usando "innerHTML". Con esto puedes insertar HTML en un nodo en concreto.

Código:

document.getElementById("contenedorPrincipal").innerHTML = "<h1>Hola Mundo</h1>";

Saludos.

Cita:

Iniciado por jchierro (Mensaje 360177)

Otra forma de insertar HTML con JavaScript es usando "innerHTML". Con esto puedes insertar HTML en un nodo en concreto.

Código:

document.getElementById("contenedorPrincipal").innerHTML = "<h1>Hola Mundo</h1>";

Saludos.

Un ENORME placer verte por aqui de nuevo mi estimado Jchierro... ojala e quedes.... un abrazote!!! :ok::ok::ok:

Cita:

Iniciado por Sandra0001 (Mensaje 360169)

Hola lanero12,

Puedes escribir código javascript que genere código HTML, que quedará insertado en el fuente de tu página Web, sin más que utilizar la sentencia:

Código:

document.write("...");

Código:

<script language="JavaScript">

<!--

document.write("Imagen insertada con javascript:<br><img src='imagenes/photo1.jpg'>");

//-->

</script>

Código:

<script type="text/javascript" src="scripts/codigo.js"></script>

Y en el archivo codigo.js escribes:

Código:

document.write("Imagen insertada con javascript:<br><img src='imagenes/photo1.jpg'>");

Espero que te sirva para tus propósitos.
Suerte...!
Salu2

Gracias por tu aporte, lo puse en practica y si funciona, pero lamentablemente para lo que queria no, pero igual me sirve para otras cosas.
Ahora estoy cambiando banners hechos con flash (swf), justo para eso vi el sw Adobe Animate CC para animación, y tambien baje el curso en intercambios, y funciona bien eh podido pasar varios banner swf a html5 canvas, se crea una pagina web (http://127.0.0.1:8090/inicio.html?24086) y se ve, pero si lo abro directamente del web creada, no se ve nada, la idea es pasar esa web creada y añadirla ah otra web, pero no eh podido, quien sabe como es??

Sigue probando el Adobe animate CC y no se abre en el navegador de frente solo con el emulador que viene con el Animate, pero probando y probando, vi que cuando se guardaba la pagina web, lo hacia con extension ".htm" y lo abri directo y si se ve la animacion, pero si lo vuelvo a guardar como
".html" no se ve la animacion, eso me parece muy curioso y no entiendo por que? Si alguien sabe algo más por favor escribalo, estaré atento a sus comentarios amigos.

no se mucho pero puede ser que te falta actualizar el flash player, java, directx o silverlight

Segui buscando... y me tope con esta alternativa swiffy que convierte archivos swf a html5, lo probe con dos archivos y me convirtio bien, claro esta que tiene sus limitaciones, pero me servio, espero que tambien les ayude a Uds. Probare con mis demas archivos swf a ver como me va.