Mostrar imagenes desde Javascript a HTML

[betodaniel61]

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>

[mhax]

puedes usar

Código Javascript:

var img=document.createElement('img');
 //despues agregas propiedades a la variable (src,alt)
 

[betodaniel61]

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

[mhax]

Código Javascript:

var contenedor = document.createElementById('contenedor');
var img=document.createElement('img'); 
img.setAttribute("src","images/LOGOHSI.JPG"); 
img.setAttribute("width","168"); 
img.setAttribute("height","66"); 
 
//luegos metes img en el contenedor
contenedor.appendChild(img);
 

//No lo he probado.

Saludos

[mhax]

Código Javascript:

var contenedor = document.createElementById('contenedor');
var img=document.createElement('img'); 
img.setAttribute("src","images/LOGOHSI.JPG"); 
img.setAttribute("width","168"); 
img.setAttribute("height","66"); 
 
//luegos metes img en el contenedor
contenedor.appendChild(img);
 

//No lo he probado.

Saludos

[betodaniel61]

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)'; />

[bebo]

No te compliques la vida, con ésto funcionará:

Código HTML:

<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 id="imagen" width=168 height=66>
 

[betodaniel61]

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

[quitos]

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{
        border: 1px solid #000;
        height: 150px;
        width: 150px;
    }
</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>