Foros del Web - Ver Mensaje Individual

emprear · #5 (**permalink**) 04/03/2013, 16:55

tres variantes

Código HTML:

Ver original<!DOCTYPE html>
<html lang="es-ar">
<head>
<meta charset="utf-8" />
<title>Html5</title>
 <script>
function a(){
var imagen=document.createElement('img');
                   imagen.src = "images.jpg";
                   imagen.witdh = "50";
                   imagen.height = "50";
                   document.getElementById("img").appendChild(imagen);
   }
 
function usuario() {
var usu = document.getElementById("nombre");
if(usu.value == "emprear"){
a();
return false;
}else{
return false;
}
}
 
 
function usuario2() {
var usu = document.getElementById("nombre2");
if(usu.value == "emprear"){
var imagen2=new Image();
                   imagen2.src = "images.jpg";
                   imagen2.witdh = "100";
                   imagen2.height = "100";
                   document.getElementById("img2").appendChild(imagen2);
}
}
 
function usuario3() {
var usu = document.getElementById("nombre3");
if(usu.value == "emprear"){
document.getElementById("img3").innerHTML = "<img src='images.jpg' alt='' width='200' height='200' \/>";
}
}
 
</script>
</head>
<body>
    <p>
    nombre  válido = emprear<br />
 </p>
 <form action="#" onsubmit="return usuario();">
<input type="text" value="" id="nombre" />
<input type="submit" value="enviar" />
</form>
 
 <form action="#">
<input type="text" value="" id="nombre2" />
<input type="button" value="enviar" onclick="usuario2();" />
</form>
 
 <form action="#">
<input type="text" value="" id="nombre3" />
<input type="button" value="enviar" onclick="usuario3();" />
</form>
 
 
<div id="img"></div>
<div id="img2"></div>
<div id="img3"></div>
</body>
</html>

saludos