Programación HTML, VBScript, JavaScript...

En este apartado encontrarás algunos listados para lenguajes de programación de páginas WEB.

Actualizado: 17/May/2022 (13/Ago/2004, 25/Jul/2006)

(Índice sección) HTML-Consejos, HTML-Trucos, HTML-Programas, Meta-TagsDOCTYPE



  1. Juego del Sudoku (sin mostrar el teclado numerico del movil)
  2. Juego del Sudoku (mostrando el teclado numerico del movil)
  3. Ejemplo de Listas deplegables (en Html-Tips hay varios trucos relacionados)
  4. Código PERL para manejar los formularios de consultas
  5. Mostrar un reloj (21/Feb)
  6. Lo del Año 2000, (es código de JavaScript/JScript)
  7. Funciones en JavaScript para simular las de Visual Basic o VBScript (17/Mar/99)
  8. Validar una cuenta de correo usando expresiones regulares (08/Ene/04)
  9. Modificar el aspecto de una ventana (07/Feb/04)
  10. ASP: Enviar un correo desde una página ASP (13/Ago/04)

  1.- Ejemplo de Listas Desplegables (ComboBox, el mismo que está en la página de trucos)

Ejemplos de listas desplegables

Son dos ejemplos de listas: una con una serie de fechas y al seleccionar una se mostrará una alerta/aviso; otra con dos listas que se combinan para mostrar los datos seleccionados...

 Carga la página de ejemplos de listas desplegables en formato comprimido: ej_cbo1.zip (2.347 bytes)


  2.- Ejemplo del código para crear programas para el envío de formulario. (en PERL) (19/Ene)

Este es el listado del programa PERL para ejecutar en la máquina del servidor.
Para poder probarlo, pulsa en este link: Prueba de Formulario.

# Estos son comentarios y se incluyen los originales del autor de este ejemplo.
#
################################################## initialization
# set this to your cgi-bin directory
push(@INC,"/alibaba/cgipl");
require 'cgi-lib.pl';

@httpdenv = (
	     AUTH_TYPE,
	     CONTENT_LENGTH,
	     CONTENT_TYPE,
	     DOCUMENT_ROOT,
	     GATEWAY_INTERFACE,
	     HTTP_ACCEPT,
	     HTTP_USER_AGENT,
	     PATH,
	     PATH_INFO,
	     PATH_TRANSLATED,
	     QUERY_STRING,
	     REMOTE_ADDR,
	     REMOTE_HOST,
	     REMOTE_IDENT,
	     REMOTE_USER,
	     REQUEST_METHOD,
	     SCRIPT_NAME,
	     SERVER_NAME,
	     SERVER_PORT,
	     SERVER_PROTOCOL,
	     SERVER_SOFTWARE,
	     );

################################################## get input

&ReadParse;
print &PrintHeader;

print <<"header";
<!-- Este es el código de la página a mostrar después de Enviar -->
<title>Agradecimiento envio formulario</title>

<body bgcolor="#A6CAF0">
<p align="center"><a href="indice_nf.htm" target="_parent">
<img src="Imagenes/el_guille.jpg" border="0" width="200" height="50"></a></p>
<p align="center"><font color="#000080" size="4"><strong></strong></font>&nbsp;</p>
<p align="center"><font color="#000080" size="4"><strong>Los
datos han sido enviados correctamente</strong></font>, (espero).</p>
<p align="center"><font color="#000080" size="4"><strong>Gracias
por tu colaboración.</strong></font></p>
<p align="center"><font color="#000080" size="4"><strong>Recibe
un saludo y sigue visitando estas páginas.</strong></font></p>
<hr size="3" noshade>
<p align="center"><font size="4">Para volver a la página principal pulsa en el icono.</font></p>
<hr size="3" noshade>
<p align="center">Si encuentras algún problema, contacta por
correo en: <a href="mailto:mensaje@elguille.info">guiller@wcostasol.es</a></p>
</body>

header

print "</UL>\n";

## the following will print variables to a log file.

# open a logfile for appending, will stick stuff on the end.
open (LOGFILE, ">>/web/usuarios/guiller/form/prueba_formulario.txt");

# loop through the list of key/value pairs
 foreach $key (sort keys %in)

# and write each pair to the logfile. will break on multiple values.

 { print LOGFILE "$key = $in{$key}\n"; }

# and close the logfile.
 print LOGFILE "============================================================\n";
 close LOGFILE

  3.- Mostrar un reloj (21/Feb)

Esto me recuerda a los viejos tiempos del Basic: cuando uno aprendía, (o veía listados), con cosas nuevas, enseguida los ponía en práctica. Pues eso mismo es lo que he hecho, he usado el ejemplo que viene en la documentación del JavaScript.
Al menos espero que te resulte interesante.

<body onload="startclock()">
<script language="JavaScript">
<!--
var timerID = null
var timerRunning = false
function stopclock(){
    if(timerRunning)
        clearTimeout(timerID)
    timerRunning = false
}
function startclock(){
     // Make sure the clock is stopped
    stopclock()
    showtime()
}
function showtime(){
    var now = new Date()
    var hours = now.getHours()
    var minutes = now.getMinutes()
    var seconds = now.getSeconds()
    var timeValue = "" + ((hours > 12) ? hours - 12 : hours)
    timeValue  += ((minutes < 10) ? ":0" : ":") + minutes
    timeValue  += ((seconds < 10) ? ":0" : ":") + seconds
    timeValue  += (hours >= 12) ? "  PM" : "  AM"
    document.clock.face.value = timeValue
    timerID = setTimeout("showtime()",1000)
    timerRunning = true
}

function reloj(){
	if(timerRunning)
        stopclock()
	else
		startclock()
}
//-->
</script>

<form name="clock" onsubmit="0">
    <p><input type="button" name="face" value="hh:mm:ss am"
    onclick="reloj()"> </p>
</form>
</body>

  4.- Lo del Año 2000 (es código JavaScript/JScript) (6/Abr/97)

Pues este "programa" es una chorradilla, pero te sirve para saber "controlar" las fechas y otros cálculos con lenguaje JavaScript o JScript y demás cosillas para las páginas HTML.

El ejemplo está en la página: para_el_2000.htm
En el listado encontrarás cómo mostrar el día de la semana, el nombre del mes y formatear una fecha cualquiera.

Crear un array para los días de la semana y los nombres de los meses:

DiasSemana=new MakeArray(6);
DiasSemana[0]="Domingo, "
DiasSemana[1]="Lunes, "
DiasSemana[2]="Martes, "
DiasSemana[3]="Miércoles, "
DiasSemana[4]="Jueves, "
DiasSemana[5]="Viernes, "
DiasSemana[6]="Sábado, "
NombreMes=new MakeArray(11);
NombreMes[0]="Enero"
NombreMes[1]="Febrero"
NombreMes[2]="Marzo"
NombreMes[3]="Abril"
NombreMes[4]="Mayo"
NombreMes[5]="Junio"
NombreMes[6]="Julio"
NombreMes[7]="Agosto"
NombreMes[8]="Septiembre"
NombreMes[9]="Octubre"
NombreMes[10]="Noviembre"
NombreMes[11]="Diciembre"

Formatear y mostrar la fecha actual en un TextBox de la página:

var now = new Date()
var fecha = DiasSemana[now.getDay()]	+ now.getDate() + " de "
					+ NombreMes[now.getMonth()] + " del "
					+ now.getYear()
document.a2000.txtHoy.value = fecha

ir al índice