Scribd
Cargar
12 vistas4 páginas

Practica 04 HTML Javascript Css Lab Prog Web

El documento presenta una práctica de programación web realizada por el alumno Francisco Eugenio Tristán Hernández, que incluye un código HTML con estilos CSS y mensajes en JavaScript. La práctica se centra en la creación de una página web con un fondo amarillo y un ticker de texto que muestra varios mensajes. También se incluye un diálogo modal para interactuar con el usuario mediante un formulario.

Cargado por

Francisco Eugenio Tristan Hernandez
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
12 vistas4 páginas

Practica 04 HTML Javascript Css Lab Prog Web

El documento presenta una práctica de programación web realizada por el alumno Francisco Eugenio Tristán Hernández, que incluye un código HTML con estilos CSS y mensajes en JavaScript. La práctica se centra en la creación de una página web con un fondo amarillo y un ticker de texto que muestra varios mensajes. También se incluye un diálogo modal para interactuar con el usuario mediante un formulario.

Cargado por

Francisco Eugenio Tristan Hernandez
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 4

UNIVERSIDAD AUTONOMA DE NUEVO LEON

FACULTAD DE INGENIERIA MECANICA Y ELECTRICA

CIUDAD UNIVERSITARIA 08 DE MARZO DEL 2023

ALUMNO: FRANCISCO EUGENIO TRISTAN HERNANDEZ

MATRICULA: 1205106

CARRERA: IAS

MAESTRO: ING. LILIA LIZETH SANTOS LOPEZ

LABORATORIO DE PROGRAMACION WEB.

HORARIO: MARTES N3

ACTIVIDAD: PRACTICA 04 “HTML, JAVASCRIPT, CSS”.


CODIGO:

<!DOCTYPE html>

<HTML>
<HEAD>
<TITLE>Javascript</TITLE>
<H1> <P>PRACTICA 04</P> <H1>
<h2>Esta es la practica 4. una pagina en HTML inckluye estilos CSS y dos mensajes Javascript.</h2>
<H3 {
color: hsl(227,2%,12%);
}>
Como puede ver se dieron styles CSS el fondo es amarillo</H3>

<script language="JavaScript">
<!-- begin
var max=0;
function textlist()
{
max=textlist.arguments.length;
for (i=0; i<max; i++)
this[i]=textlist.arguments[i];
}
tl=new textlist
(
"COMO PUEDE VER",
"ESTE ES",
"UN MENSAJE",
"ELABORADO CON ",
"JAVASCRIPT ",
"SI QUIERE VER ",
"OTRO MENSAJE",
"DE CLICK AL BOTON",
"UPDATE DETAILS"

);
var x=0; pos=0;
var l=tl[0].length;
function textticker()
{
document.tickform.tickfield.value=tl[x].substring(0,pos)+"_";
if(pos++==l) { pos=0; setTimeout("textticker()",1000); x++;
if(x==max) x=0; l=tl[x].length; } else
setTimeout("textticker()",100);
}
// end -->
</script>
<!-- Simple pop-up dialog box, containing a form -->
<dialog id="favDialog">
<form method="dialog">
<section>
<p><label for="favAnimal">vio el mensaje:</label>
<select id="favAnimal">
<option></option>
<option>si</option>
<option>no</option>
<option>tal vez</option>
</select></p>
</section>
<menu>
<button id="cancel" type="reset">Cancel</button>
<button type="submit">Confirm</button>
</menu>
</form>
</dialog>

<menu>
<button id="updateDetails">Update details</button>
</menu>

<script>
(function() {
var updateButton = document.getElementById('updateDetails');
var cancelButton = document.getElementById('cancel');
var favDialog = document.getElementById('favDialog');

// Update button opens a modal dialog


updateButton.addEventListener('click', function() {
favDialog.showModal();
});

// Form cancel button closes the dialog box


cancelButton.addEventListener('click', function() {
favDialog.close();
});

})();
</script>

</HEAD>
<BODY bgcolor="yellow" onLoad="textticker()">

<form name="tickform"><input type=text name="tickfield" size=40></form>


</body>
</html>
Pantalla de Ejecución:

También podría gustarte