Si tienes algún problema para registrarte en el foro o para escribir mensajes ponte en contacto con nosotros a través del formulario de contacto de aprenderaprogramar.com
Mostrar Mensajes
Esta sección te permite ver todos los posts escritos por este usuario. Ten en cuenta que sólo puedes ver los posts escritos en zonas a las que tienes acceso en este momento.
<html> <head><meta charset="utf-8"><style type="text/css"> input {margin:10px;} </style>
<script>
function validarPassword(password){
try {
if(password.length < 5 ) { throw "SHORT"; }else if(password.length > 10 ) { throw "LONG"; }
alert("Password Validated!");
} catch(e) {
if(e == "SHORT"){ alert("Not enough characters in password!"); }
else if(e == "LONG"){ alert("Password contains too many characters!"); }
}finally{ document.miFormulario.password.value=""; }
alert("La revisión ha terminado.");
}
</script>
</head>
<body>
<form name="miFormulario" onsubmit="validarPassword(document.getElementById('pass').value)" action="#" >
Nombre de usuario: <input type="text" name="campo1"><br>
Password: <input id="pass" type="password" name="password"><br>
<input type="submit" value="Comprobar" name="comprobar">
</form>
</body>
</html>a) Busca información en internet y respode: ¿Qué significado tiene una instrucción como throw "SHORT";? ¿A qué da lugar? ¿Qué diferencia hay entre throw "SHORT" y throw new Error('SHORT')?throw "SHORT" en este caso envía un error personalizado en forma de string. Si se utiliza new Error('SHORT'), creamos un objeto que contendrá un parámetro que contiene un mensaje, además en dicho objeto se podrían especificar mas parámetros.
b) ¿Cuál es el objetivo que parecía pretender cumplir el autor del código?Comprobar que la password introducida en el formulario contenga entre 5 y 10 caracteres. Si no es así, se manda una excepción indicando si tiene más, o menos caracteres de los requeridos y posteriormente mostrar un mensaje de error, y por ultimo dentro del finally borrar la password, tanto si se ha dado por buena como por mala anteriormente.
c) ¿En qué casos se ejecuta la cláusula finally incluida en el código?Siempre.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Portal web</title>
<script type="text/javascript">
window.onload = function(){
var msg = '';
var a = 5;
msg += 'var a = 5, Por lo cual la variable "a" es de tipo: ' + typeof a ;
a= 5 + 'unaCadenaString';
msg += '<br/> ahor a = 5 + "unaCadenaString", al sumarle un string, "a" pasa a ser de tipo: ' + typeof a;
document.getElementById('resultado').innerHTML = msg;
}
</script>
</head>
<body>
<div id="resultado"></div>
</body>
</html>msg=msg+Numero[i]+'+5='+Numero[i]+5+' ';msg=msg+Numero[i]+'+5='+Numero[i]*5+' ';Aquí si te funciona porque es una multiplicación, y deduzco, aunque no lo puedo confirmar, que lo primero que se ejecutan son las multiplicaciones y divisiones.En cuestión de tu segunda alcaración, ¿no son dos elementos diferentes el "label" y el "span"?. Aunque el "span" es hijo de label, es otro elemento, ¿verdad?
De todas maneras, lo que quería decir en mi segundo comentario era que al hacer click en el bóton "Cambiar a Español" lo que hacía la función correspondiente era que cambiaba los nodeValue de span.
msg=msg+Numero[i]+'*5='+(Number(Numero[i])+5)+' ';<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Ejercicio CU01184E JavaScript</title><meta charset="utf-8">
<style type="text/css"> body, p {margin-left:30px; font-family: sans-serif;}
.estiloForm {background-color: #f3f3f3; border: solid 2px black; margin-left:20px; width: 330px; padding:10px; }
.estiloForm label {display: block; width: 120px; float: left; text-align:right; margin-bottom: 35px; padding-right: 20px;}
br {clear: left;} input[type="submit"], input[type="reset"] {margin:25px 5px 10px 5px;}
</style>
<script type="text/javascript">
window.onload = function () {
ciudadSelect = document.getElementById('ciudad');
paisSelect = document.getElementById('pais');
ciudadSelect.addEventListener('change', deshabilitaPais);
paisSelect.addEventListener('change', deshabilitaCiudad);
}
function reinicioSelect(){
for(var i=1; i<ciudadSelect.length; i++){ciudadSelect[i].disabled = false;}
for(var i=1; i<paisSelect.length; i++){paisSelect[i].disabled = false;}
}
function deshabilitaCiudad(){
var a = 0;
var b = 0;
if(paisSelect.selectedIndex == 1){a=1;b=2;}
if(paisSelect.selectedIndex == 2){a=3; b=4;}
if(paisSelect.selectedIndex == 3){a=5; b=6;}
if(paisSelect.selectedIndex == 4){a=7;b=8;}
if(paisSelect.selectedIndex == 0){
ciudadSelect.selectedIndex = 0;
reinicioSelect();
}else{
for(var i=1; i<ciudadSelect.length; i++){
if(i==a || i==b){
ciudadSelect[i].disabled = false;
}else{
ciudadSelect[i].disabled = true;
}
}
}
}
function deshabilitaPais(){
var a = 0;
if(ciudadSelect.selectedIndex == 1 || ciudadSelect.selectedIndex == 2){a=1; paisSelect.value = 'mexico';}
if(ciudadSelect.selectedIndex == 3 || ciudadSelect.selectedIndex == 4){a=2; paisSelect.value = 'espanna';}
if(ciudadSelect.selectedIndex == 5 || ciudadSelect.selectedIndex == 6){a=3; paisSelect.value = 'peru';}
if(ciudadSelect.selectedIndex == 7 || ciudadSelect.selectedIndex == 8){a=4; paisSelect.value = 'colombia';}
if(ciudadSelect.selectedIndex == 0){
paisSelect.selectedIndex = 0;
reinicioSelect();
}else{
for(var i=1; i<paisSelect.length; i++){
if(i==a){
paisSelect[i].disabled = false;
}else{
paisSelect[i].disabled = true;
}
}
}
deshabilitaCiudad();
}
</script>
</head>
<body>
<h2>Cursos aprenderaprogramar.com</h2><h3>Ejercicio CU01184E JavaScript</h3>
<div class="estiloForm">
<form name ="formularioProcedencia" method="get" action="http://aprenderaprogramar.com">
<p>Elija país y ciudad</p>
<label>País:</label>
<select id="pais" name="pais">
<option value="">Elija opción</option>
<option value="mexico">México</option>
<option value="espanna">España</option>
<option value="peru">Perú</option>
<option value="colombia">Colombia</option>
</select><br/>
<label>Ciudad:</label>
<select id="ciudad" name="ciudad">
<option value="">Elija opción</option>
<option value="mexicoDF">México D.F.</option>
<option value="guadalajara">Guadalajara</option>
<option value="madrid">Madrid</option>
<option value="barcelona">Barcelona</option>
<option value="lima">Lima</option>
<option value="trujillo">Trujillo</option>
<option value="bogota">Bogotá</option>
<option value="cali">Cali</option>
</select><br/>
<input class="botonFormulario" type="submit" value="Enviar"/>
<input class="botonFormulario" type="reset" value="Cancelar"/>
</form>
</div>
</body>
</html><html><head><script type="text/javascript">
image01= new Image()
image01.src="http://i877.photobucket.com/albums/ab336/cesarkrall/Divulgacion/logonotplusplus.png"
image02= new Image()
image02.src="http://i877.photobucket.com/albums/ab336/cesarkrall/Divulgacion/DV00405A_1.jpg"
function rollover(imagename, newsrc){
document.images[imagename].src=newsrc.src
}
</script></head>
<body style="text-align:center; margin:50px;">
<p> Pasa el mouse sobre la imagen </p>
<a href="#" onmouseover="rollover('example', image02)"
onmouseout="rollover('example', image01)">
<img src="http://i877.photobucket.com/albums/ab336/cesarkrall/Divulgacion/logonotplusplus.png" name="example">
</a>
</body></html>a) ¿En qué ámbito se encuentran image01 e image02?En ámbito global.
b) ¿Qué tipo de objetos son image01 e image02?Objeto de tipo imagen.
c) ¿Aparecerán errores debido a la falta de puntos y coma de terminación en las instrucciones de JavaScript? ¿Por qué?
d) Al acceder a una imagen con la sintaxis document.images[imagename], ¿se está usando un índice numérico para acceder a la colección?
document.images.example.src=newsrc.src; document.example.src=newsrc.src;e) El efecto esperado es que la imagen que se muestra cambie cuando pasamos el puntero del ratón por encima de ella. ¿Por qué se produce ese cambio? Explícalo brevemente.Mediante el evento onmouseover conseguimos que la imágen cambie al pasar el ratón por encima. Y mediante el evento onmouseout conseguimos que la imágen cambie cuando el puntero del ratón sale de los límites de la imagen.
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
input {margin:10px;}
</style>
<script>
function Valida(formulario) {
/* Validación de campos NO VACÍOS */
if ((formulario.campo1.value.length == 0) || (formulario.campo2.value.length ==0) || (formulario.cpostal.value.length ==0) || (formulario.dni.value.length ==0) || (formulario.email.value.length ==0)) {
alert('Falta información');
return false;
}
if (isNaN(parseInt(formulario.campo2.value))) {
alert('El campo2 debe ser un número');
return false;
}
/* validación del CÓDIGO POSTAL*/
var ercp=/(^([0-9]{5,5})|^)$/;
if (!(ercp.test(formulario.cpostal.value))) {
alert('Contenido del código postal no es un código postal válido');
return false; }
/* validación del DNI */
var erdni=/(^([0-9]{8,8}\-[A-Z])|^)$/;
if (!(erdni.test(formulario.dni.value))) {
alert('Contenido del dni no es un DNI válido.');
return false; }
/* validación del e-mail */
var ercorreo=/^[^@\s]+@[^@\.\s]+(\.[^@\.\s]+)+$/;
if (!(ercorreo.test(formulario.email.value))) {
alert('Contenido del email no es un correo electrónico válido.');
return false; }
/* si no hemos detectado fallo devolvemos TRUE */
return true;
}
</script>
</head>
<body>
<form name="miFormulario" onsubmit="return Valida(this);" action="http://aprenderaprogramar.com" >
Campo1 <input type="text" name="campo1"><br>
Campo2 (debe ser número) <input type="text" name="campo2"><br>
Código postal <input type="text" name="cpostal"><br>
DNI <input type="text" name="dni"><br>
email <input type="text" name="email"><br>
<input type="submit" value="Enviar" name="enviar">
</form>
</body>
</html>a) ¿Cómo se realiza la comprobación de que no hay campos vacíos?Desde esta parte...
if ((formulario.campo1.value.length == 0) || (formulario.campo2.value.length ==0) || (formulario.cpostal.value.length ==0) ||
(formulario.dni.value.length ==0) || (formulario.email.value.length ==0)) {
alert('Falta información');
return false;
} Se comprueba el tamaño de la cadena de caracteres introducidos en cada campo, y si alguna es 0, no será enviado el formulario.b) ¿Cómo se realiza la comprobación de que el campo 2 es un número?Con la función isNaN() se comprueba si los datos introducidos son un número válido.
c) ¿En qué consiste la validación del código postal? Explícala paso a paso. Pon ejemplos de tres valores válidos y tres valores no válidos.La expresión regular usada es /(^([0-9]{5,5})|^)$/, que viene a decir que el campo debe de contener cinco caracteres numéricos que estén entre el 0 y el 9.
d) ¿En qué consiste la validación del DNI? Explícala paso a paso. Pon ejemplos de tres valores válidos y tres valores no válidos.
e) ¿En qué consiste la validación del email? Explícala paso a paso. Pon ejemplos de tres valores válidos y tres valores no válidos./^[^@\s]+@[^@\.\s]+(\.[^@\.\s]+)+$/
f) ¿Cómo se consigue que no se envíe el formulario si no se cumplen los requisitos exigidos?Los requisitos se van comprobando uno a uno, así que en cuanto uno de ellos no es válido se devuelve false al formulario.
Crea la representación del árbol de nodos conforme al DOM para este documento.
EJERCICIO
Crear el código HTML y JavaScript que cumpla con las siguientes funciones:
a) Deberá presentarse un formulario con 2 elementos select. El primer elemento select permitirá elegir país y podrá elegirse entre México, España, Perú y Colombia.
b) El segundo elemento select permitirá elegir ciudad y podrá elegirse entre México D.F., Guadalajara, Madrid, Barcelona, Lima, Trujillo, Bogotá y Cali.
c) Si el usuario selecciona ciudad sin haber elegido país, deberá mostrarse como opción elegida de país el país correspondiente a la ciudad. Por ejemplo, si el usuario selecciona Bogotá deberá aparecer como país seleccionado Colombia.
d) Si el usuario selecciona un país en primer lugar, deberán deshabilitarse todas las opciones que no correspondan a ciudades de ese país. Por ejemplo si el usuario elige España, sólo podrá elegir entre Madrid y Barcelona, debiendo estar México D.F., Guadalajara, Lima, Trujillo, Bogotá y Cali deshabilitadas. Si el usuario cambia el país, deberán cambiar las ciudades cuya elección es posible.
e) Ampliación opcional para el ejercicio: introduce medidas de seguridad adicionales para que no puedan existir incoherencias entre el país seleccionado y la ciudad. Por ejemplo, imagina que el usuario elige en primer lugar como ciudad México D.F. y luego elige como país Perú. Introduce medidas de seguridad que impidan que esto suceda.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Ejercicio CU01184E JavaScript</title><meta charset="utf-8">
<style type="text/css"> body, p {margin-left:30px; font-family: sans-serif;}
.estiloForm {background-color: #f3f3f3; border: solid 2px black; margin-left:20px; width: 330px; padding:10px; }
.estiloForm label {display: block; width: 120px; float: left; text-align:right; margin-bottom: 35px; padding-right: 20px;}
br {clear: left;} input[type="submit"], input[type="reset"] {margin:25px 5px 10px 5px;}
</style>
<script type="text/javascript">
window.onload = function () {
ciudadSelect = document.getElementById('ciudad');
paisSelect = document.getElementById('pais');
ciudadSelect.addEventListener('change', deshabilitaPais);
paisSelect.addEventListener('change', deshabilitaCiudad);
paisSelect.addEventListener('click', deshabilitaCiudad);
}
function deshabilitaCiudad(){
var a = 0;
var b = 0;
if(paisSelect.selectedIndex == 1){a=1;b=2;}
if(paisSelect.selectedIndex == 2){a=3; b=4;}
if(paisSelect.selectedIndex == 3){a=5; b=6;}
if(paisSelect.selectedIndex == 4){a=7;b=8;}
if(paisSelect.selectedIndex == 0){
for(var i=1; i<ciudadSelect.length; i++){ciudadSelect[i].disabled = false;}
}else{
for(var i=1; i<ciudadSelect.length; i++){
if(i==a || i==b){
ciudadSelect[i].disabled = false;
}else{
ciudadSelect[i].disabled = true;
}
}
}
}
function deshabilitaPais(){
var a = 0;
if(ciudadSelect.selectedIndex == 1 || ciudadSelect.selectedIndex == 2){a=1; paisSelect.value = 'mexico';}
if(ciudadSelect.selectedIndex == 3 || ciudadSelect.selectedIndex == 4){a=2; paisSelect.value = 'espanna';}
if(ciudadSelect.selectedIndex == 5 || ciudadSelect.selectedIndex == 6){a=3; paisSelect.value = 'peru';}
if(ciudadSelect.selectedIndex == 7 || ciudadSelect.selectedIndex == 8){a=4; paisSelect.value = 'colombia';}
if(ciudadSelect.selectedIndex == 0){
for(var i=1; i<paisSelect.length; i++){paisSelect[i].disabled = false;}
}else{
for(var i=1; i<paisSelect.length; i++){
if(i==a){
paisSelect[i].disabled = false;
}else{
paisSelect[i].disabled = true;
}
}
}
}
</script>
</head>
<body>
<h2>Cursos aprenderaprogramar.com</h2><h3>Ejercicio CU01184E JavaScript</h3>
<div class="estiloForm">
<form name ="formularioProcedencia" method="get" action="http://aprenderaprogramar.com">
<p>Elija país y ciudad</p>
<label>País:</label>
<select id="pais" name="pais">
<option value="">Elija opción</option>
<option value="mexico">México</option>
<option value="espanna">España</option>
<option value="peru">Perú</option>
<option value="colombia">Colombia</option>
</select><br/>
<label>Ciudad:</label>
<select id="ciudad" name="ciudad">
<option value="">Elija opción</option>
<option value="mexicoDF">México D.F.</option>
<option value="guadalajara">Guadalajara</option>
<option value="madrid">Madrid</option>
<option value="barcelona">Barcelona</option>
<option value="lima">Lima</option>
<option value="trujillo">Trujillo</option>
<option value="bogota">Bogotá</option>
<option value="cali">Cali</option>
</select><br/>
<input class="botonFormulario" type="submit" value="Enviar"/>
<input class="botonFormulario" type="reset" value="Cancelar"/>
</form>
</div>
</body>
</html>msg=msg+Numero[i]+'*5='+Numero[i]+5+' ';<h3 class="boton" onclick="mostrarContParrafos()">Mostrar texto de los párrafos</h3>Sobre la educación, sólo puedo decir que es el tema más importante en el que nosotros, como pueblo, debemos involucrarnos.
Abraham Lincoln (1808-1865) Presidente estadounidense.
aprenderaprogramar.com: Desde 2006 comprometidos con la didáctica y divulgación de la programación
RSS -
WAP2