8a sessió: Formularis. JavaScript. Perl.

• Els formularis permeten que l'usuari introdueixi informació. 
  El problema és què fer amb aquesta  informació. 
  La solució més senzilla és utilitzarla per fer un e-mail. El problema en aquest cas és que si l'ordinador on treballa l'usuari no te configurada la seva adreça d'e-mail, o si l'usuari treballa amb un web-mail, el missatge no es podrà enviar. Una solució a aquest problema és fer servir scripts d'email a un servidor, que s'encarrega d'enviar-lo (aquest és un dels serveis que ofereix  http://www.bravenet.com/ ).
• Un altra possibilitat és procesar la informació al mateix ordinador on es visualitza. Per això caldrà programar una mica. Un dels llenguatges més empleats es JavaScript, molt semblant al C. A més a més, aquest llenguatge permet fer pàgines molt dinàmiques.
• Finalment, podem processar la informació al servidor. Per això necessitem programar al servidor. Com la majoria de servidors treballen en Unix, haurem d'escollir un llenguatge per a aquest sistema operatiu. Un dels més utilitzats és PERL (Practical Extraction and report Language), molt semblant al C. El problema és si el servidor ens deixarà executar programes al seu ordinador. Tripod si que ens deixa, molts de pagament també. Una altra opció és montar-nos el nostre proveidor. És el cas d'una intranet. No és molt difícil amb el Linux (és gratuit), però necessitarem bons llibres. Un parell (que porten el CD amb el sistema operatiu inclòs, a un preu d'unes 7000 ptes. són La Biblia de RedHat Linux 6  i RedHat Linux 6 a fondo, de l'editorial Anaya.

A les referències teniu enllaços a tutorials dels tres apartats.
El meu consell és tenir aquestes referències a l'abast, però agafant un exemple (una pàgina que funcioni) i anant fent canvis puntuals per adaptar aquestes pàgines a les nostres necessitats. Entrem en un mon on la informació ens pot colapsar (els manuals i referències de PERL ocupen tot un CD-ROM), i tenim coses més importants per dedicar-hi el nostre temps.

Podeu veure exemples de forrmularis i de JavaScript a la web de l'APTC (http://move.to/aptc), especialment a l'apartat butlleta de subscripció on-line (podeu tafanejar el codi tranquilament, però si us plau, no feu enviar si no voleu donar-vos d'alta com a socis) i a l'apartat galeria d'imatges.
 

Creació de formularis

• Camps de text: <INPUT TYPE="TEXT" SIZE="30" NAME="nom"> 
  S'acostuma a posar abans un text descriptiu.
• Camps de verificació: <INPUT TYPE="CHECKBOX" NAME="solter">
  S'acostuma a posar després un text descriptiu.
• Camps d'elecció: <INPUT TYPE="RADIO" NAME="sexe" VALUE="f">
  S'acostuma a posar abans un text descriptiu. Normalment hi ha més d'un amb el mateix nom, i només un d'ells pot estar activat.
• Camps de selecció: <SELECT NAME="mes"><OPTION VALUE="1">gener <OPTION VALUE="2">febrer</SELECT>
  Les opcions es mostren com una llista desplegable. Cada opció acostuma a tenir després un nom descriptiu. La variable agafa el valor VALUE de l'opció escollida.
• Camps d'acció. Cal diferenciar:
• Enviar: <INPUT NAME="submit" TYPE="submit" VALUE="Enviar">
  VALUE indica el text a mostrar.
• Esborrar dades: <INPUT NAME="reset" TYPE="reset" VALUE="Esborrar">
  VALUE indica el text a mostrar.
• Altres funcions: <INPUT TYPE="button" VALUE="Corregir" ONCLICK="correct()">
  VALUE indica el text a mostrar. ONCLICK defineix la funció JavaScript a executar.

Altre utilitat dels formularis és el processament de les dades al mateix client, mitjançant un programa en JavaScript. En aquest cas, farem servir ONCLICK=funcioaexecutar() com és el cas de l'anterior butó per corregir.

Podeu veure un exemple amb aquests codis.

Interacció amb JavaScript