HTML
<!DOCTYPE html>
<html lang="es">
<head>
<title>Prueba 1305.6</title>
<meta charset"utf-8" />
<meta content="text/html; charset=iso-8859-1">
<meta name="Description" content="Prueba de validación UF 1305.6">
<LINK REL="stylesheet" HREF="prueba.css" TYPE="text/css">
<SCRIPT language=javascript src="prueba.js"></script>
<!--Dada la posibilidad de que algún navegador no esté actualizado, por ende no podrá interpretar el contenido JavaScript, le mostraremos con esto al usuario un mensaje para que lo actualice y, además, le mostraremos distintas páginas para descargar de forma gratuita un navegador actualizado entre los más usados-->
<NOSCRIPT>
Este navegador no comprende los scripts que se están ejecutando, debe actualizar su versión de
navegador a una más reciente. Por favor escoja entre las diversas opciones que le mostramos.
<br><br>
<a href=http://windows.microsoft.com/es-es/windows/downloads>Microsoft</a>.<br>
<a href=http://www.opera.com/es-es>Opera</a>.<br>
<a href=http://support.apple.com/kb/dl1531?viewlocale=es_ES>Safari</a>.<br>
<a href=https://www.mozilla.org/es-ES/firefox/new/>Firefox</a>.<br>
<a href=http://www.google.com/intl/es/chrome/>Chrome</a>.<br>
</NOSCRIPT>
</head>
<body>
<form name="titulin">
<h1 id="cambiartitulo" onclick="nombrenuevo()">Prueba de validación 1305.6</h1>
</form>
<img class="trebol" src="suerte.png" alt="Trebol" />
<h2>Nombre y apellidos</h2>
<h3>Melani Abascal</h3>
<div class="caja1"><br/>
<form name="formulariouno">
<!--Al colocar el foco en el botón, cambiará a color naranja, al retirarlo, a verde-->
<input type="button" name="pepe" ID="Boton" onfocus="formulariouno.Boton.style.background='orange'" onblur="formulariouno.Boton.style.background='green'" value="Pon y quita el foco"/>
<!--El textarea al ser modificado abre una ventana emergente-->
<textarea onselect="window.alert('El texto ha sido seleccionado')" name="texto" onchange="ventanal()" rows="13" cols="68" wrap="soft">
</textarea>
</form>
</div>
<h3>Cadenas</h3>
<div class="caja2">
<!--En este div realicé lo que no funcionaba con la ventana emergente-->
<form name='formulariotres'>
<p><input type='color' name='micolor2' value=''/></p>
<p><input type='button' onclick='quierouncambio2()'value='Cambiar color'/>
</p>
</div>
</body>
</html>
JS
//No consigo que la ventana se comunique con el documento
var llama=window.open
var responde=formulariodos.micolor.value
var responde2=formulariouno.pepe.value
function ventanal()
{
llama=window.open("","mensaje","height=260,width=400");
llama.document.write("<head><title>Ventana</title> <SCRIPT language=javascript src='prueba.js'></script></head><body><form name='formulariodos'><input type='color' name='micolor' value=''/><p><input type='button' onclick='quierouncambio()'value='Cambiar color'/><font size=4></p></form></body>");
}
function quierouncambio()
{
//formulariouno.texto.style.background
//Si pongo esto, no me devuelve nada, si lo quito me devuelve los dos, pero en undefined y no se me ocurre más
responde=formulariouno.micolor.value
responde2=formulariouno.pepe.value
window.alert(responde)
window.alert(responde2)
}
//Como no lo he conseguido mediante la ventana, lo he hecho con confirm incluido en el div de abajo
function quierouncambio2()
{
var confirma=confirm('¿Está seguro de que desea cambiar aeste color? :','')
window.alert("Y ahora cambia tu color")
if(confirma==true){
formulariouno.texto.style.background=formulariotres.micolor2.value
}
}
//Con esta función cambiaremos el texto del h1 por el que desee el usuario gracias al prompt
function nombrenuevo()
{
var tit=document.getElementById('cambiartitulo');
nuevo= prompt('Introducir nuevo título:','');
//preguntamos al usuario si está seguro del cambio con un confirm
var seguro=confirm('¿Está seguro de que desea cambiar este título? :','')
//Si el confirm nos devuelve true, el texto se modificará
if (seguro == true)
{
tit.childNodes[0].nodeValue=nuevo
}
}
No hay comentarios:
Publicar un comentario