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> </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:[email protected]">[email protected]</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
