SOLUCIONES EJERCICIOS DOM HTML

SOLUCIONES EJERCICIOS DOM HTML Supongamos que tenemos un hipervínculo que al ser presionado entre al periódico El Pais, pero primero muestre una venta...
16 downloads 0 Views 70KB Size
SOLUCIONES EJERCICIOS DOM HTML Supongamos que tenemos un hipervínculo que al ser presionado entre al periódico El Pais, pero primero muestre una ventana de confirmación, si queremos ingresar al periódico. En caso que el visitante presione el botón afirmativo, re direccionamos al sitio de El Pais, en caso contrario mostramos un mensaje: function verificarEntrada() { if (window.confirm('Desea salir del sitio e ingresar al periódico el pais?')) { window.location='http://www.elpais.com'; } else { window.alert('No hay problema'); } } Ir al peridico el pais

1

Confeccionar una página que tenga un hipervínculo. Cuando se presione dicho hipervínculo generar un valor aleatorio entre 0 y 2. Si se genera el 0 llamar al webmail de hotmail, si se genera un 1 llamar a gmail en caso de generarse un 2 llamar a yahoo. Para generar un valor aleatorio utilizar la función random del objeto Math. function redireccionar() { var num; num=Math.random()*3; num=parseInt(num); if (num==0) { window.location='http://www.hotmail.com'; } if (num==1) { window.location='http://www.yahoo.com'; } if (num==2) { window.location='http://www.gmail.com'; } } Redireccionar a un servidor de mail

2

Confeccionar una página que tenga un cuadro combinado que te permita elegir un navegador y te re direccione a el.

Location Selecciona pagina Google yahoo hotmail Confeccionar un programa que al presionar un botón aparezca una ventana que ocupe todo el ancho del monitor y la mitad de su altura. function abrirVentana() { var ventana=open('','','width='+ screen.availWidth +',height='+screen.availHeight/2); }

3

Confeccionar un programa de la página vaya desplazándose continuamente Para conseguirlo utiliza la function window.scrollBy que desplaza el contenido de la ventana en un determinado número de pixeles, hacia arriba o hacia abajo según se establezca de forma positiva o negativa Combinando la function window.scrollBy con setTimeout se puede hacer que la página vaya desplazándose continuamente, se puede iniciar la función al cargar la página mediante el evento onload o con un vínculo/ ScrollBy .caja1{height: 50px; width: 100px; position: fixed; left: 10px; top: 10px; backgroundcolor:#FF9;} function pageScroll() { window.scrollBy(0,30); scrolldelay = setTimeout('pageScroll()',800); } function stopScroll() { clearTimeout(scrolldelay); } Scroll STOP
Lorem Ipsum es simplemente el texto de relleno de las imprentas y archivos de texto. Lorem Ipsum ha sido el texto de relleno estándar de las industrias desde el año 1500, ... 4

Confeccionar un programa que se muestre varias imágenes , al presionar sobre alguna de ellas aparezca una ventana con la imagen seleccionada Pop up para fotos var titulopordefecto = "Perico de los palotes"; //Si no se especifica un título al llamar a la función colocará el que se especifique aquí var ventana; var cont=0; function afoto(cual,titulo) { if(cont==1){ventana.close();ventana=null} if(titulo==null){titulo=titulopordefecto} ventana=window.open('','ventana','resizable=yes,scrollbars=no') ventana.document.write('' + titulo + ''); ventana.document.close(); cont++; } function redimensionar(ancho, alto) { ventana.resizeTo(ancho+12,alto+28); ventana.moveTo((screen.width-ancho)/2,(screen.height-alto)/2); //centra la ventana. Eliminar si no se quiere centrar el popup }

5



6