¿Cómo pongo código encima de imagen?

sebicek · #1 (**permalink**) 22/04/2013, 13:26

Necesito poner un código javascript encima de una imagen. ¿Cómo lo hago? Un saludo :)

David · #2 (**permalink**) 22/04/2013, 13:30

Explica un poco mejor, Javascript como tal es el lenguaje de programación, no un elemento con representación visual en la página.

sebicek · #3 (**permalink**) 22/04/2013, 13:36

Quiero que se ejecute un código javascript encima de una imagen. Por mucho que lo intento, el resultado del código no se pone encima.

David · #4 (**permalink**) 22/04/2013, 13:41

¿Cuál es el código que tienes?

sebicek · #5 (**permalink**) 22/04/2013, 13:44

Mira, este:

<html>
<head>
</head>
<body>
<script type="text/javascript">
var pqt,eurosfinal;
pqt=prompt('Ingrese la cantidad de puntos que tiene:','');
eurosfinal=(pqt*5/200)
document.write('Tienes' +eurosfinal+ 'euros')
</script>
</body>
</html>

David · #6 (**permalink**) 22/04/2013, 13:52

¿Y dónde está la imagen?

sebicek · #7 (**permalink**) 22/04/2013, 13:54

Una imagen cualquiera, necesito saber en qué parte del código la pongo. ¿Si tú fueras a poner una imagen en qué parte del código la pondrías?

David · #8 (**permalink**) 22/04/2013, 14:00

Lo pondría donde quiero que aparezca la imagen, no se entiende la pregunta.

Código HTML:

Ver original<img src="ruta de la imagen" alt="" />

sebicek · #9 (**permalink**) 22/04/2013, 14:04

La verdad es que me lio mucho la verdad. A ver, tengo el código anteriormente dicho. Quiero que ese código tenga una imagen de fondo que no sea la de la web.

emprear · #10 (**permalink**) 22/04/2013, 15:11

Voy a adivinar, ya que un prompt no tiene una imagen de fondo

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 <script type="text/javascript">
 var pqt,eurosfinal;
 pqt=prompt('Ingrese la cantidad de puntos que tiene:','');
 eurosfinal=(pqt*5/200)
 document.write('<div style=\"width: 100px; padding: 50px;background: url(sudamerica.jpg)\">Tienes' +eurosfinal+ 'euros</div>')
 </script>
</head>
<body>
</body>
</html>

Saludos