RSS
Facebook
G+

Buscador de IntercambioSOS:


Retroceder   Foro de Ayuda IntercambiosvirtualeS > Soporte sobre: Multimedia > Recursos Webmasters & Diseño Web

Respuesta
 
Herramientas Desplegado
Antiguo 05-mar-2016     #1
Bueno 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?
Responder Citando
Usuarios que han agradecido este mensaje de lanero12
baduser (07-mar-2016)
Antiguo 05-mar-2016     #2
Predeterminado

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.


Las actualizaciones pueden ser instaladas, las vulnerabilidades parchadas, pero "las personas son...... personas"






ptsss da clic en las imagenes para saber mas.
Responder Citando
Los siguientes 3 usuarios agradecen a redeyegt por este mensaje:
baduser (07-mar-2016), Sandra0001 (06-mar-2016), tom1260 (06-mar-2016)
Antiguo 06-mar-2016     #3
Predeterminado

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
Responder Citando
Los siguientes 7 usuarios agradecen a Sandra0001 por este mensaje:
baduser (07-mar-2016), carmen10 (06-mar-2016), Francisco6812 (09-mar-2016), lanero12 (09-mar-2016), lockpickingmen (09-mar-2016), redeyegt (06-mar-2016), tom1260 (06-mar-2016)
Antiguo 06-mar-2016     #4
Predeterminado

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.

Responder Citando
Los siguientes 6 usuarios agradecen a jchierro por este mensaje:
baduser (07-mar-2016), carmen10 (07-mar-2016), lanero12 (09-mar-2016), lockpickingmen (09-mar-2016), Sandra0001 (06-mar-2016), tom1260 (06-mar-2016)
Antiguo 07-mar-2016     #5
Predeterminado

Ver MensajeIniciado por jchierro Ver Mensaje
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!!!
Responder Citando
Los siguientes 3 usuarios agradecen a baduser por este mensaje:
Francisco6812 (08-mar-2016), lanero12 (09-mar-2016), tom1260 (07-mar-2016)
Antiguo 09-mar-2016     #6
Amor y Paz

Ver MensajeIniciado por Sandra0001 Ver Mensaje
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
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??
Responder Citando
Los siguientes 2 usuarios agradecen a lanero12 por este mensaje:
baduser (09-mar-2016), tom1260 (12-mar-2016)
Antiguo 10-mar-2016     #7
Amor y Paz Htm?

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.
Responder Citando
Los siguientes 2 usuarios agradecen a lanero12 por este mensaje:
baduser (10-mar-2016), tom1260 (12-mar-2016)
Antiguo 10-mar-2016     #8
Predeterminado

no se mucho pero puede ser que te falta actualizar el flash player, java, directx o silverlight
Responder Citando
Los siguientes 2 usuarios agradecen a baduser por este mensaje:
lanero12 (14-mar-2016), tom1260 (12-mar-2016)
Antiguo 14-mar-2016     #9
Amor y Paz Alternativa

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.
Responder Citando
Los siguientes 3 usuarios agradecen a lanero12 por este mensaje:
Francisco6812 (15-mar-2016), josner (26-ago-2016), tom1260 (14-mar-2016)
Respuesta

Etiquetas
html5, javascript, pagina web


(0 miembros y 1 visitantes)
 
Herramientas
Desplegado

Normas de Publicación
No puedes crear nuevos temas
No puedes responder mensajes
No puedes subir archivos adjuntos
No puedes editar tus mensajes

Los Códigos BB están Activado
Las Caritas están Activado
[IMG] está Activado
El Código HTML está Desactivado

Ir al Foro

Temas Similares
Tema Autor Foro Respuestas Último mensaje
Plantillas HTML con javascript Daniel Muñoz Peticiones 1 16-dic-2013 10:34
Insertar Applet en HTML spurgeon Programación 0 29-oct-2013 12:09
Se puede crear un programa apartir de un codigo html y javascript? hector22775 Peticiones 1 08-jun-2011 01:14
Que Es La World Wide Web (WWW) VJEVans Otras 4 16-nov-2010 18:59
¿Qué es el HTML? Fran's.- Recursos Webmasters & Diseño Web 3 02-sep-2009 20:07


Desarrollado por: vBulletin® Versión 3.8.1
Derechos de Autor ©2000 - 2024, Jelsoft Enterprises Ltd.
Ad Management by RedTyger