Duda Javascript

[Algrox]

Como puedo incluir una imagen con innerHTML?


El problema es que si lo hago asi:
<input type="submit" class="button" value="Subir Imagen" onclick="document.getElementById('cargar').innerHT ML ='<img src="loader.gif">'">

Imprime el boton y por un lado de este:
'">

Bueno les agradeceria que me ayudara

Apenas estoy aprendiendo Javascript


Gracias

[caricatos]

Hola:

Simplemente revisa el entrecomnillado...

Cuando las comillas ya estén anidadas, debes anteponer una barra inversa para meter más comillas... y si te sigue pareciendo complicado, utiliza funciones externas declaradas en el head...

Saludos

[Algrox]

Muchas Gracias Caricatos

[Zeroleft]

Hola Algrox, el problema que tienes efectivamente está en las comillas, al abrir las comillas ya sean simples o dobles, al poner otras comillas que tú piensas que estás abriendo en realidad lo que haces es cerrar las primeras comillas que pusiste, la solución de caricatos no la he probado pero lo que he aprendido yo es que después de cada cierre de comillas si quieres seguir añadiendo más cosas en la misma línea se pone el símbolo + y vuelves a abrir comillas o lo que quieras, así que tu código quedaria de esta manera:

<input type="submit" class="button" value="Subir Imagen" onclick="document.getElementById('cargar').innerHT ML='<img src='+'loader.gif>'"/>

Espero que te sea de ayuda, suerte!

[_cronos2]

La solución de @caricatos sí funciona, pero la tuya no tiene sentido. Según ese código:

<div id='cargar'><img src=loader.gif></div>

Y no

<div id='cargar'><img src='loader.gif'></div>

Saludos (:

[Algrox]

Gracias a todos ya lo resolvi :)

Código:

  <input type="submit" class="button" value="Subir Imagen" onclick="document.getElementById('cargar').style.display='';return true;">

<div id="cargar" style="display:none"><img src="http://taringapic.info/loader.gif" title="Cargando"></div>

Gracias :)