Foros del Web » Programando para Internet » Javascript »

Mostrar imagenes desde Javascript a HTML

Estas en el tema de Mostrar imagenes desde Javascript a HTML en el foro de Javascript en Foros del Web. Hola, tengo el siguiente problema. Estoy desarrollando una pagina donde dependiendo de donde estoy (index.asp o negocio/*.asp) me cambia la posicion donde tengo las imagenes, ...
  #1 (permalink)  
Antiguo 23/12/2009, 15:54
 
Fecha de Ingreso: abril-2009
Ubicación: Buenos Aires
Mensajes: 411
Antigüedad: 9 años, 7 meses
Puntos: 3
Mostrar imagenes desde Javascript a HTML

Hola, tengo el siguiente problema.
Estoy desarrollando una pagina donde dependiendo de donde estoy (index.asp o negocio/*.asp) me cambia la posicion donde tengo las imagenes, entonces hice una parte de javascript para saber dond estoy parado y luego saber como tomar la imagen LOGOHSI.JPG.
El problema es que como los <img src> estan en HTML, me pone siempre 2 fotos de las cuales siempre se ve solo una.
La idea es si es que se puede: Con instrucciones Javascript se puede mostrar imagenes en pantalla o hacer ejemplo includes??

Desde ya Muchas Gracias si alguien puede ayudarme

Este es el codigo:

<script languaje="javascript">
var xx = parent.location.href;
var xx = xx.toUpperCase()
if (xx.indexOf('INDEX.ASP')!=-1)
{
</script>
<img src="images/LOGOHSI.JPG" width="168" height="66" />
<script languaje="javascript">
}
else
{
</script>
<img src="../images/LOGOHSI.JPG" width="168" height="66" />
<script languaje="javascript">
}
</script>
  #2 (permalink)  
Antiguo 23/12/2009, 16:09
 
Fecha de Ingreso: agosto-2009
Ubicación: Cartagena, Colombia
Mensajes: 516
Antigüedad: 9 años, 3 meses
Puntos: 13
Respuesta: Mostrar imagenes desde Javascript a HTML

puedes usar
Código Javascript:
Ver original
  1. var img=document.createElement('img');
  2.  //despues agregas propiedades a la variable (src,alt)
__________________
Un camino de mil millas comienza por el primer paso. Lao Tse
  #3 (permalink)  
Antiguo 23/12/2009, 16:17
 
Fecha de Ingreso: abril-2009
Ubicación: Buenos Aires
Mensajes: 411
Antigüedad: 9 años, 7 meses
Puntos: 3
Respuesta: Mostrar imagenes desde Javascript a HTML

amigo, soy nuevo en esto no entiendo bien!!

var img=document.createElement('img'); va en la parte de javascript??

y <img src="images/LOGOHSI.JPG" width="168" height="66" /> como seria??

Muchas Gracias
  #4 (permalink)  
Antiguo 23/12/2009, 16:27
 
Fecha de Ingreso: agosto-2009
Ubicación: Cartagena, Colombia
Mensajes: 516
Antigüedad: 9 años, 3 meses
Puntos: 13
Respuesta: Mostrar imagenes desde Javascript a HTML

Código Javascript:
Ver original
  1. var contenedor = document.createElementById('contenedor');
  2. var img=document.createElement('img');
  3. img.setAttribute("src","images/LOGOHSI.JPG");
  4. img.setAttribute("width","168");
  5. img.setAttribute("height","66");
  6.  
  7. //luegos metes img en el contenedor
  8. contenedor.appendChild(img);

//No lo he probado.

Saludos
__________________
Un camino de mil millas comienza por el primer paso. Lao Tse
  #5 (permalink)  
Antiguo 23/12/2009, 16:31
 
Fecha de Ingreso: agosto-2009
Ubicación: Cartagena, Colombia
Mensajes: 516
Antigüedad: 9 años, 3 meses
Puntos: 13
Respuesta: Mostrar imagenes desde Javascript a HTML

Código Javascript:
Ver original
  1. var contenedor = document.createElementById('contenedor');
  2. var img=document.createElement('img');
  3. img.setAttribute("src","images/LOGOHSI.JPG");
  4. img.setAttribute("width","168");
  5. img.setAttribute("height","66");
  6.  
  7. //luegos metes img en el contenedor
  8. contenedor.appendChild(img);

//No lo he probado.

Saludos
__________________
Un camino de mil millas comienza por el primer paso. Lao Tse
  #6 (permalink)  
Antiguo 23/12/2009, 16:44
 
Fecha de Ingreso: abril-2009
Ubicación: Buenos Aires
Mensajes: 411
Antigüedad: 9 años, 7 meses
Puntos: 3
Respuesta: Mostrar imagenes desde Javascript a HTML

Amigo, lo hice asi, y no funciona
Tengo dudas con <img src='contenedor.appendChild(img)'; />
esta bien??
Desde ya Muchas Gracias


<script languaje="javascript">
var xx = parent.location.href;
var xx = xx.toUpperCase()
if (xx.indexOf('INDEX.ASP')!=-1)
{
var contenedor = document.createElementById('contenedor');
var img=document.createElement('img');
img.setAttribute("src","images/LOGOHSI.JPG");
img.setAttribute("width","168");
img.setAttribute("height","66");
}
else
{
var contenedor = document.createElementById('contenedor');
var img=document.createElement('img');
img.setAttribute("src","../images/LOGOHSI.JPG");
img.setAttribute("width","168");
img.setAttribute("height","66");
}
</script>
<img src='contenedor.appendChild(img)'; />
  #7 (permalink)  
Antiguo 23/12/2009, 17:37
 
Fecha de Ingreso: octubre-2009
Mensajes: 97
Antigüedad: 9 años, 1 mes
Puntos: 4
Respuesta: Mostrar imagenes desde Javascript a HTML

No te compliques la vida, con ésto funcionará:
Código HTML:
Ver original
  1. <script languaje="javascript">
  2. var contenedor=document.getElementById("imagen");
  3. var xx = parent.location.href;
  4. var xx = xx.toUpperCase();
  5. if (xx.indexOf('INDEX.ASP')!=-1){
  6. contenedor.src="images/LOGOHSI.JPG"
  7. }else{
  8. contenedor.src="../images/LOGOHSI.JPG"
  9. }
  10. <img id="imagen" width=168 height=66>
  #8 (permalink)  
Antiguo 30/12/2009, 13:14
 
Fecha de Ingreso: abril-2009
Ubicación: Buenos Aires
Mensajes: 411
Antigüedad: 9 años, 7 meses
Puntos: 3
Respuesta: Mostrar imagenes desde Javascript a HTML

Amigos, lo estoy probando y no funciona, seguramente estoy haciendo algo mal yo o me falta algo, ejemplo:

<img src="images/LOGOHSI.JPG" width="168" height="66" /> FUNCIONA BIEN
<img id="imagen" width=168 height=66> NO FUNCIONA


Este es el codigo:

<script languaje="javascript">
var contenedor=document.getElementById("imagen");
var xx = parent.location.href;
var xx = xx.toUpperCase();
if (xx.indexOf('INDEX.ASP')!=-1)
{contenedor.src="images/LOGOHSI.JPG"}
else
{contenedor.src="images/LOGOHSI.JPG"}
</script>
<img src="images/LOGOHSI.JPG" width="168" height="66" />
<img id="imagen" width=168 height=66>


Muchas Gracias a alguien que me pueda ayudar.
Y Muy Feliz Año Nuevo para todos Uds y sus familias
  #9 (permalink)  
Antiguo 15/11/2018, 10:35
Avatar de quitos  
Fecha de Ingreso: junio-2004
Mensajes: 119
Antigüedad: 14 años, 6 meses
Puntos: 1
De acuerdo Respuesta: Mostrar imagenes desde Javascript a HTML

Estuve revisando el código y quedaría de esta manera, ya esta probado y jala bien. Saludos.


Código PHP:

<style type="text/css">
    
#content{
        
border1px solid #000;
        
height150px;
        
width150px;
    }
</
style>
<
div id="content"></div>

<
script type="text/javascript">
    var 
path"assets/img/default.png"//-->Editar la ruta
    
    
var img=document.createElement('img'); 
    
img.setAttribute("src",path);
    
img.setAttribute("width","35");
    
img.setAttribute("height","24");
    
    
document.getElementById("content").appendChild(img);
</script> 

Última edición por quitos; 15/11/2018 a las 10:50 Razón: Cambio de path y comentario para referencia de los usuarios.



La zona horaria es GMT -6. Ahora son las 14:17.