RESCATES DE WEBS - WEB RESCUES - REPARACJE WEB

LA CARA OCULTA DE FACEBOOK

2014-03-01T13:16:00.001-08:00

Creo que después de haber visto atentamente el video, cualquier comentario sobra.
Es cosa, más bien, de saber y de pensar en ello...
Comentar... ¿y qué vamos a comentar?

EL TIMO DEL WHATSAPP VA EN AUMENTO...

2013-12-25T01:57:00.001-08:00

Ya en fechas pasadas hemos avisado sobre unas aplicaciones "maravillosas", diversas (tipo programas) para poder utilizar el WhatsApp en los ordenadores, o sea WhatsApp para PC.

EN YAHOO, en sus sección de Finanzas, Tecnología y Redes, se decía esto:

El timo del WhatsApp para tu PC

EN ABC TECNOLOGÍA, se decía esto:

El timo del «WhatsApp para PC»

EN SEETÍO, se decía esto:

¡Cuidado! No hay un Whatsapp para PC, es un timo

Y hay muchas más fuentes que advierten, claramente, además explicando este tema, basta con teclear en Google: WhatsApp para PC timo

Y saldrá todo. Vuelvo a avisar de ello puesto que en estas fechas, parece ser, que ha ido bastante en aumento el timo y de manera bastante más extensa...

¡OJO! - ¡qué no todo es tan bonito!

MANTENIMIENTO DE WEBS PARA EMPRESAS - 665 161 249

2013-11-30T06:24:00.001-08:00

Para asegurar el funcionamiento correcto de su página web en el internet debe disponer de un informático fijo, con dedicación constante de mantener la web en el funcionamiento óptimo. En caso de alguna incidencia con su página web es la misión del informático de solucionarlo en el menor tiempo posible dependiendo eso, sin embargo, siempre de la operatividad del servidor en el cual tiene alojada su web. Su aparición veloz, dependiendo del lenguaje de sus plantillas, cantidad de archivos de tipo media (como películas, imágenes, galerías de fotos, documentos en PDF o en FLASH, vínculos y enlaces con otras webs), aplicaciones, bases de datos, el correo, el formulario del correo y cualquier otro u otros compnentes de los que dispone su web influyen en su funcionamiento siempre si no se han producido desajustes o algún que otro componente se haya desconfigurado a causa de alguna incidencia en la red en general. Cosas que ocurren. Imagínese que su web no está on-line o su parte, o no se ven algunos componentes, ha dejado de funcionar el correo y usted no puede contestar algún email a un cliente o un posible cliente no se puede comunicar con usted porque algo no funciona. Es misión de un informático encargado de solucionarlo. De dar solución a cualquier posible incidencia que se haya podido producir por razones desconocidas de manera que su página web siempre esté a pleno rendimiento y todos sus componentes visibles y funcionando correctamente. También un informático encargado del mantenimiento de su web se ocupará de su actualización, de su optimización, de modificaciones posibles que usted desee emplear en su web, de toda clase de ajustes, etc.
Ponga en manos de un profesional el mantenimiento y actualización de los contenidos de su sitio (página) web. Disponga de todo su tiempo para su negocio. No pierda ni un solo minuto de su precioso tiempo ocupándose de la web (que a menudo requiere bastante tiempo en solucionar la incidencia y dependiendo de su dificultad) y deje que RESCATES DE WEBS actualice y se ocupe de los contenidos de su página web. Toda clase de detalles es cuestión de hablarlo y ponerse de mutuo acuerdo, igual como el presupuesto, cuota fija mensual o única por los servicios del mantenimiento, forma de pago, etc.

665 161 249 Cristóbal

INTERNET ES PRESENTE y FUTURO

PROMOCIONE SU WEB EN LOS BUSCADORES Y EN LAS REDES SOCIALES

2013-11-18T02:06:00.002-08:00

Desde hoy mismo ya existe una posibilidad de promocionar las actividades empresariales y/o particulares de utilidad pública aplicando una promoción web en todos los buscadores y en todas las redes sociales que duran hasta finales de la primera quincena del próximo mes de diciembre del 2017. Es una promoción muy especial, llamada además como una "promoción resucitaempresas". Su coste único es de 300 euros. La promoción consiste en aparecer una determinada web en todos los buscadores mejorando notablemente su posición de aparición en el listado del buscador y en todas las redes sociales con entre 10 y 17 inserciones diarias (cada día - noches también debido a cambios de franjas horarias de residentes extranjeros de otros países en España), por títulos y/o temas expuestos en una web o promocionando sus actualizaciones recientes, o cualquier título o tema totalmente nuevo. Es de 60 días, incluidos los festivos. Además la promoción va con un soporte "generador de código para los buscadores" en forma de un Blog de Google y Wordpress, Google+ y otras aplicaciones que transmiten datos a través de un RSS instantáneo.

Cualquier detalle es mucho mejor y conveniente hablarlo directamente conmigo en el
665 161 249.

Si su negocio no tiene buena marcha, con esta promoción seguramente la tendrá y mejorarán las ventas y la cantidad de clientes interesados en sus productos. Es conveniente lanzarse... Si no lo prueba, al menos, nunca sabrá si la promoción ha surtido buen efecto o no... ¿Hablamos?

BLOG DE SERVICIOS SERIOS Y ÚTILES

2013-11-09T03:42:00.000-08:00

Mi otro Blog de Servicios Serios y Útiles también está en plena actualización. En el caso de que usted esté interesad@ en estar presente en el listado del Blog (cuya promoción empezará en el mes de diciembre del presente) póngase en contacto en el 665 161 249 preguntando por Goyco Cristóbal y... ¡lo hacemos!

VER BLOG DE SERVICIOS SERIOS y ÚTILES

URGENCIAS INFORMÁTICAS A DOMICILIO - MADRID 665 161 249

2013-11-09T03:28:00.000-08:00

URGENCIAS INFORMÁTICAS 24 X 365

Te hago tu WEB, blog O Foro personal o para tu empresa desde 150 euros (consultar detalles en 665 161 249)

MANTENIMIENTO WEB PERSONAL (desde 130 euros mes) – EMPRESARIAL (desde 180)

TE REPARO y/o ARREGLO TU ORDENADOR EN MAL FUNCIONAMIENTO (coste desde 30 euros – dependiendo de la anomalía que tenga el ordenador)

LIMPIEZA MENSUAL DEL DISCO DURO A FONDO + AJUSTES = 50 euros

AMPLIACIÓN y AJUSTES EN WEB YA EXISTENTE desde 100 euros – consultar detalles en 665 161 249

RECUPERACIÓN COMPLETA DE DATOS ACCIDENTALMENTE BORRADOS o DEL DISCO DURO FORMATEADO – desde 100 euros – consultar detalles en 665 161 249

GOYCO CRISTÓBAL – 665 161 249 o webrescue77@gmail.com

ACTUALIZACIÓN COMPLETA

2013-11-09T03:22:00.000-08:00

Debido a las numerosas novedades, tanto en aplicaciones nuevas para las webs, blogs y/o foros (BLOGS y FOROS - dependiendo del CMS de la plantilla con la que se creó) que ya están apareciendo y otras que irán apareciendo muy en breve, a lo largo de este mes y, quizás, un poco del mes que viene voy a ir actualizando este Blog para que podamos estar más al tanto de las cosas nuevas,

o sea para estar más al día.

EXSTORA – TU AGENDA VIRTUAL PERFECTA EN UN PEN DRIVE

2013-02-01T04:02:00.000-08:00

Exstora es una sencilla herramienta con la que se puede tener una completa agenda virtual en el ordenador y manejarla de manera virtual, sin las limitaciones propias de las de papel. De esta manera, y de un simple vistazo se puede tener acceso a las citas, calendario y toda una red de contactos.

Esta aplicación lo que hace es crear una completa base de datos con los contactos, lo que se combina con un calendario, en el que se puede marcar un evento y crear alarmas para que avise antes de que tenga lugar y así el usuario no se pierda ni una sola cita.

Una vez descargado, la interfaz de este programa se nos aparece en la esquina derecha de la pantalla, de modo que pueda estar visible en todo momento. En este sentido, para un mayor uso de Exstora se pueden crear las notas en primer plano para verlas por encima de las demás aplicaciones y así evitar que se nos pueda pasar cualquier cita que hayamos anotado en la agenda.

LINK DE DESCARGA GRATUITA y DE AGENDA GRATUITA:

EXSTORA - AGENDA VIRTUAL GRATUITA

8 PROGRAMAS ÚTILES PARA ESTAR EN CONTACTO CON TUS AMIGOS

2013-01-18T07:02:00.000-08:00

Hace un tiempo los sistemas de mensajería se podían contar con los dedos de una mano. Algunos usaban ICQ, otros MSN, otros Yahoo, AIM… y poco más. Hoy en día, sin embargo, la oferta se extiende casi al infinito, y es común que una misma persona esté en varias de estas redes.

Para mantenerte en contacto con tus amigos de todas estas redes tienes dos opciones: usar un programa para cada red, o uno que te permita conectarte a todas estas redes.

Aquí tienes 8 programas que conectan a MSN, Yahoo, Facebook y más redes.

DIGSBY, GOOBER, INSTANT-T MESSENGER, MIRANDA IM, NIMBUZZ, PIDGIN, TRILLIAN y VOXOX.

La descripción de cada uno de estos programas, la podrás ver en las entradas correspondientes llevando su nombre.

¿QUÉ ES UN MICROPROCESADOR?

2013-01-18T07:00:00.002-08:00

El microprocesador, también conocido como Unidad Central de Procesamiento, CPU, es el cerebro de todos los ordenadores y de muchos electrodomésticos y dispositivos electrónicos. Varios microprocesadores, trabajando juntos, constituyen los “corazones” de centros de datos, supercomputadoras y otros dispositivos digitales.

Intel 4004, presentado en 1971, fue el primer microprocesador. El 4004 no era un microprocesador muy potente. Su función principal era la de realizar sencillas operaciones matemáticas en una calculadora llamada “Busicom”.

Al igual que los hornos microondas o los teléfonos, los dispositivos con microprocesadores están tan integrados en nuestra vida diaria que no podemos imaginar nuestro mundo sin ellos.

En ocasiones, resulta difícil creer que hace tan solo 60 años las computadoras eran extraños aparatos que no estaban al alcance de todo el mundo. No fue hasta la época de los 80 cuando empezaron a formar parte de nuestros hogares y, gracias al microprocesador.

Hoy en día, los microprocesadores modernos pueden llevar a cabo operaciones extremadamente sofisticadas en sectores como la meteorología, aviación, física nuclear y la ingeniería. Además, ocupa mucho menos espacio y ofrece un mayor rendimiento.

Durante los últimos 40 años, los microprocesadores son más rápidos y potentes, y cada vez más pequeños y económicos.

La fabricación de un CPU es un proceso complejo y exigente; un proceso en el que intervienen cientos de pasos en “salas blancas”. Las salas blancas o plantas de fabricación contienen aire 1,000 veces más limpio que el de un quirófano. El edificio de una planta de fabricación cuesta aproximadamente 5,000 millones de dólares.

En síntesis:
Hasta los primeros años de la década de los 70, los diferentes componentes electrónicos que formaban un procesador no podían ser un único circuito integrado. En 1971 Intel consiguió poner todos los transistores sobre un único circuito integrado, el “4004”. Desde entonces esta es la historia en síntesis de los microprocesadores.

1971: El Intel 4004, 1972: El Intel 8008, 1974: El SC/MP, 1974: El Intel 8080, 1975: Motorola 6800, 1976: El Z80, 1978: Los Intel 8086 y 8088, 1982: El Intel 80286; 1985: El Intel 80386; 1985: El VAX 78032; 1989: El Intel 80486; 1991: El AMD AMx86; 1993: PowerPC 601; 1993: El Intel Pentium; 1994: EL PowerPC 620; 1995: El Intel Pentium Pro; 1996: El AMD K5; 1996: Los AMD K6 y AMD K6-2; 1997: El Intel Pentium II; 1998: El Intel Pentium II Xeon; 1999: El Intel Celeron; 1999: El AMD Athlon K7 (Classic y Thunderbird); 1999: El Intel Pentium III; 1999: El Intel Pentium III Xeon; 2000: El Intel Pentium 4; 2001: El AMD Athlon XP; 2004: El Intel Pentium 4 (Prescott); 2004: El AMD Athlon 64; 2006: El Intel Core Duo; 2007: El AMD Phenom; 2008: El Intel Core Nehalem; 2008: Los AMD Phenom II y Athlon II; 2011: El Intel Core Sandy Bridge; 2011: El AMD Fusion.

Tipos de servidores - Plataformas de Servidor - Server Platforms

2013-01-17T08:47:00.000-08:00

Plataformas de Servidor (Server Platforms): Un término usado a menudo como sinónimo de sistema operativo, la plataforma es el hardware o software subyacentes para un sistema, es decir, el motor que dirige el servidor.

Servidores de Aplicaciones (Application Servers): Designados a veces como un tipo de middleware (software que conecta dos aplicaciones), los servidores de aplicaciones ocupan una gran parte del territorio entre los servidores de bases de datos y el usuario, y a menudo los conectan.
Servidores de Audio/Video (Audio/Video Servers): Los servidores de Audio/Video añaden capacidades multimedia a los sitios web permitiéndoles mostrar contenido multimedia en forma de flujo continuo (streaming) desde el servidor.
Servidores de Chat (Chat Servers): Los servidores de chat permiten intercambiar información a una gran cantidad de usuarios ofreciendo la posibilidad de llevar a cabo discusiones en tiempo real.
Servidores de Fax (Fax Servers): Un servidor de fax es una solución ideal para organizaciones que tratan de reducir el uso del teléfono pero necesitan enviar documentos por fax.
Servidores FTP (FTP Servers): Uno de los servicios más antiguos de Internet, File Transfer Protocol permite mover uno o más archivos...Leer más »
Servidores Groupware (Groupware Servers): Un servidor groupware es un software diseñado para permitir colaborar a los usuarios, sin importar la localización, vía Internet o vía Intranet corporativo y trabajar juntos en una atmósfera virtual.
Servidores IRC (IRC Servers): Otra opción para usuarios que buscan la discusión en tiempo real, Internet Relay Chat consiste en varias redes de servidores separadas que permiten que los usuarios conecten el uno al otro vía una red IRC.
Servidores de Listas (List Servers): Los servidores de listas ofrecen una manera mejor de manejar listas de correo electrónico, bien sean discusiones interactivas abiertas al público o listas unidireccionales de anuncios, boletines de noticias o publicidad.
Servidores de Correo (Mail Servers): Casi tan ubicuos y cruciales como los servidores web, los servidores de correo mueven y almacenan el correo electrónico a través de las redes corporativas (vía LANs y WANs) y a través de Internet.
Servidores de Noticias (News Servers): Los servidores de noticias actúan como fuente de distribución y entrega para los millares de grupos de noticias públicos actualmente accesibles a través de la red de noticias USENET.
Servidores Proxy (Proxy Servers): Los servidores proxy se sitúan entre un programa del cliente (típicamente un navegador) y un servidor externo (típicamente otro servidor web) para filtrar peticiones, mejorar el funcionamiento y compartir conexiones.
Servidores Telnet (Telnet Servers): Un servidor telnet permite a los usuarios entrar en un ordenador huésped y realizar tareas como si estuviera trabajando directamente en ese ordenador.

¿Qué es un servidor web (Web Servers)? - Definición de servidor web

Básicamente, un servidor web sirve contenido estático a un navegador, carga un archivo y lo sirve a través de la red al navegador de un usuario. Este intercambio es mediado por el navegador y el servidor que hablan el uno con el otro mediante HTTP.

Se pueden utilizar varias tecnologías en el servidor para aumentar su potencia más allá de su capacidad de entregar páginas HTML; éstas incluyen scripts CGI, seguridad SSL y páginas activas del servidor (ASP).

Lista de webservers

Nombre del Servidor	Sistema operativo
4D WebSTAR
AOLserver	Unix Windows 2000 Windows 95/98 Windows ME Windows NT 4.0 Windows Server 2003 Windows XP
Apache	NetWare OS/2 Unix Windows 95/98 Windows NT 4.0
BadBlue	Windows 2000 Windows 95/98 Windows ME Windows NT 4.0 Windows XP
Baikonur Web App Server	Windows 95/98 Windows NT 4.0
Covalent Enterprise Ready Server	AIX HP-UX Linux Red Hat Linux SUSE Linux Solaris Windows 2000 Windows Server 2003
ESAWEB	VM/CMS
Enterprise WebServer for NetWare	NetWare
GoAhead WebServer	Linux NetWare Solaris Windows 2000 Windows 95/98
Hawkeye	Linux
iTools	MacOS X Server
Java Server	HP-UX IRIX Linux OS/2 Solaris Windows 95/98 Windows NT 4.0
Jigsaw	Java_VM Solaris Windows 95/98 Windows NT 4.0
Microsoft Internet Information Services	Windows Server 2003
RapidSite	BSD IRIX Windows 2000 Windows Server 2003
RomPager Embedded Web Server	Embedded
Roxen WebServer	Linux MacOS X Server Solaris Windows 2000 Windows Server 2003 Windows XP
Sambar Server	Red Hat Linux Windows 2000 Windows 95/98 Windows ME Windows NT 4.0 Windows Server 2003 Windows XP
Savant	Windows 2000 Windows 95/98 Windows ME Windows NT 4.0
Servertec Internet Server	AIX HP-UX Linux Solaris Windows 2000 Windows 95/98 Windows ME Windows NT 4.0 Windows Server 2003 Windows XP
Shadow Web Server	MVS
SimpleServer:WWW	Windows 2000 Windows 95/98 Windows ME Windows NT 4.0 Windows XP
Sun Java System Web Server	Red Hat Linux Solaris Windows 2000 Windows XP
Tcl Web Server	Linux MacOS Unix Windows NT 4.0
URL Live!	Windows 2000 Windows 95/98 Windows ME Windows NT 4.0 Windows XP
Viking	Windows 2000 Windows 95/98 Windows NT 4.0 Windows XP
vqServer	AIX BSD Be OS Digital UNIX HP-UX IRIX Java_VM Linux MacOS OS/2 SCO OpenServer Solaris Windows 95/98 Windows NT 4.0

WN	AIX BSD Digital UNIX HP-UX IRIX Linux SCO OpenServer Solaris
WebBase	Windows 2000 Windows 95/98 Windows NT 4.0
Xitami	AIX BSD Be OS Digital UNIX HP-UX Linux OS/2 SCO OpenServer Solaris VMS Windows 2000 Windows 95/98 Windows ME Windows NT 4.0 Windows Server 2003 Windows XP
Zeus Web Server	AIX BSD HP-UX IRIX Linux MacOS X Server SCO OpenServer Solaris Tru64 Unix

RECUPERACIÓN DE DATOS DE UN DISCO DURO

2013-01-13T05:57:00.001-08:00

Recuperación de datos de un disco duro en varias opciones, descritas en el siguiente link:

RECUPERAR DATOS BORRADOS y/o ACCIDENTALMENTE BORRADOS

NIMBUZZ - PROGRAMA TIPO CHAT O MESSENGER

2013-01-05T10:19:00.002-08:00

NIMBUZZ

http://www.nimbuzz.com/es/

Nimbuzz es un viejo conocido para los usuarios de telefonía móvil, si bien dispone también de versiones para PC y Mac. Es un programa con algunas carencias, aunque permite hacer llamadas de voz, resulta agradable a la vista y, a diferencia de Digsby, está limpio de malware.

MIRANDA IM - CHAT - MESSENGER PROGRAMA

2013-01-05T10:15:00.001-08:00

MIRANDA IM CHAT-MESSENGER

http://www.miranda-im.org/

No te vamos a engañar, Miranda IM parece haberse conservado en una especie de cápsula del tiempo, pues el aspecto es muy de hace una década. No obstante, es una alternativa limpia y de código abierto para conectar a AIM, GaduGadu, Facebook Chat, ICQ, Jabber, IRC, MSN y Yahoo.

INSTATN-T MESSENGER - PROGRAMA

2013-01-05T10:10:00.001-08:00

INSTAN-T MESSENGER

http://www.instan-t.com/

La versión para escritorio de la página web Instant-T no supone mucha ventaja con respecto a la versión online. El apartado gráfico no está mal, es aceptable, pero sólo es capaz de conectar a MSN, ICQ, Google Talk y Yahoo.

GOOBER - PROGRAMA DE COMUNICACIÓN CON TUS AMIGOS

2013-01-05T10:07:00.002-08:00

GOOBER

http://www.goober.com/

Goober también ofrece llamadas VOIP, a lo cual añade la opción de videoconferencia en HD de hasta 6 personas a la vez. No obstante, estas opciones sólo están disponibles si utilizas su cuenta propia, por lo que no resulta interesante si sólo quieres utilizarlo como cliente multired.

PROGRAMA DIGSBY

2013-01-05T10:03:00.002-08:00

DIGSBY

http://www.digsby.com

La lista de redes soportada por Digsby es más limitada: Google Talk, MSN, Yahoo, Facebook, AOL, Twitter, MySpace, ICQ, LinkedIn, Jabber, POP, IMAP, pero ofrece más opciones de configuración en cuanto al estilo de las ventanas de conversación. Eso sí, la instalación requiere que prestes mucha atención, pues viene cargada de regalos no deseados.

Microsoft alerta sobre virus en Internet Explorer; busca solución

2012-09-18T09:33:00.000-07:00

La empresa detalló que la falla hace que los ordenadores sean más vulnerables a los ciberataques, por lo que recomendó a sus clientes descargar el software de seguridad EMET para evitar el contagio.

IMPORTANTE:

Algunos expertos en seguridad dijeron que implementar las medidas sugeridas por Microsoft podría ser demasiado pesado para muchos usuarios de PC.

Boston • Microsoft advirtió de un virus recientemente descubierto en su navegador web Internet Explorer que hace que los ordenadores sean más vulnerables a los ataques de piratas informáticos e instó a sus clientes a descargar un software de seguridad para mitigar el riesgo de contagio.
La falla de seguridad afecta a cientos de millones de usuarios del navegador Internet Explorer. Microsoft dijo que los piratas pueden explotar el virus para infectar el ordenador de alguien que visita una página web maliciosa y después hacerse con el control del ordenador de la víctima.
El fabricante de software aconsejó a los clientes en su página web el lunes que instalaran el software de seguridad como medida provisional, hasta que pudieran corregir la falla y lanzar una versión nueva y más segura del Internet Explorer. La compañía no dijo cuánto tiempo le llevará, pero varios investigadores sobre seguridad dijeron que esperaban que la actualización estuviera lista en una semana.
La herramienta de seguridad gratuita, que es conocida como Enhanced Mitigation Experience Toolkit, o EMET, está disponible a través de un aviso en la página web de Microsoft: http://blogs.technet.com/b/msrc/
El software EMET se debe descargar, instalar y después configurar manualmente para proteger los ordenadores de la amenaza descubierta recientemente, de acuerdo con la publicación de Microsoft. La compañía también aconsejó a los clientes ajustar varios parámetros de seguridad de Windows para frustrar posibles piratas, pero advirtió que podría impactar en la facilidad de uso del propio ordenador.
Algunos expertos en seguridad dijeron que implementar las medidas sugeridas por Microsoft podría ser demasiado pesado para muchos usuarios de PC. En su lugar, aconsejaron a los usuarios de Windows cambiar de navegador y optar por algunos de los rivales de Internet Explorer como Chrome de Google, Firefox de Mozilla o el Software Opera de ASA Opera.
"Para los clientes sería más fácil simplemente hacer clic en Chrome", dijo Dave Marcus, director de investigaciones avanzadas e inteligencia de amenazas en la división de seguridad de Intel, McAfee.
Marc Maiffret, director de tecnología de la empresa de seguridad BeyondTrust, dijo que no sería viable para algunas compañías instalar la herramienta EMET de Microsoft en sus ordenadores.
Dijo que el software de seguridad ha demostrado ser incompatible en algunos casos con los programas existentes que ya se ejecutan.
Tod Beardsley, un gerente de ingeniería de la empresa de seguridad Rapid7, dijo que a primera vista parecía que el EMET podría no ser especialmente efectivo a la hora de frustrar los posibles ataques.
Funcionarios de Microsoft no quisieron hacer comentarios sobre el escepticismo expresado por los expertos en seguridad sobre la efectividad del software EMET.

Introducción a Javascript

2012-08-20T09:07:00.000-07:00

1. INTRODUCCIÓN

JavaScript es una de las múltiples aplicaciones que han surgido para extender las capacidades del Lenguaje HTML. JavaScript es un lenguaje script orientado a documento. Nunca podrá hacer un programa, tan sólo podrá mejorar sus páginas Web.

2. NORMAS DEL CODIGO EN JAVASCRIPT
Las normas para poder escribir cualquier código de JavaScript se basan en 5 puntos básicos y que debemos cumplir siempre. Estas normas son las siguientes:

Todo el código (sentencias) esta dentro de funciones.
Las funciones se desarrollan entre las etiquetas <script> y </script>.
Las etiquetas "<script>" deben colocarse entre las etiquetas <head> y </head>.
Las etiquetas "<title>" no pueden estar colocadas entre las de "<script>".
La llamada a la función se hace a través de un evento de un elemento del documento.

3. USO DE FUNCIONES
Las funciones son un conjunto de sentencias (bloque de código) que especifica al programa las operaciones a realizar. Son útiles para evitar la repetición de líneas y modular el código. Para trabajar con ellas hay que desarrollarlas y llamarlas cuando lo necesitemos.
SINTAXIS DEL DESARROLLO:

function nombre_funcion([var1,var2,varN])

            {

            sentencia(s);

            }

SINTAXIS DE LA LLAMADA:
<elemento evento=nombre_funcion([val1,val2,valN]);>
nombre_funcion(valor1,valor2,valorN);
En el primero de los casos la llamada se realiza desde un elemento del documento. En el segundo caso la llamada se realiza desde el interior de otra función que también es posible.

4. LA VENTANA "ALERT"
Se trata de una ventana estándar que usamos para mostrar información en pantalla. Se puede mostrar texto, variables y texto en conjunto con variables. El diseño de la ventana ya esta definido lo único que podemos hacer es mostrar la información una o varias líneas. Su diseño y sintaxis es:

SINTAXIS:
alert("texto de la ventana");
alert(variable);
alert("texto"+variable);

5. PRIMER PROGRAMA
Ahora vamos paso a paso a construir nuestro primer programa, y así podremos ver los elementos principales del lenguaje y su colocación dentro del documento Web. Solo debemos seguir la teoría vista en los temas anteriores.

EJEMPLO 1: Llamada a una función desde un elemento del documento.

<html>

            <head>

<script>

            function hola()

            {

            alert("Hola a todos");

            }

            </script>

<title>Autor:Ricardo Amezua</title>

            </head>

            

            <body onLoad=hola();>

            </body>

            </html>

EJEMPLO 2: Llamada a una función desde otra.

<html>

            <head>

<script>

            function hola()

            {

            alert("Hola a todos");

            rehola();

            }

function rehola()

            {

            alert("hola de nuevo a todos");

            }

            </script>

<title>Autor:Ricardo Amezua</title>

            </head>

            

            <body onLoad=hola();>

            </body>

            </html>

6. EVENTOS
Un evento es un mecanismo por el cual podemos detectar las acciones que realiza el usuario y llamar automáticamente a la función que tengamos asociada. Desde esta función realizaremos las acciones que tengamos desarrolladas.
SINTAXIS:
<elemento nombre_evento=nombre_funcion([parametros]);>

La siguiente tabla muestra los eventos y manipuladores de JavaScript

EVENTO	SE PRODUCE AL
onLoad	Terminar de cargar una página o frame (entrar).
onUnLoad	Descargar una página o frame (salir).
onAbort	Abortar la carga de una página.
onError	Producirse algún error en la carga de la página.
onMouseOver	Pasar el ratón por encima de un enlace, area o frame.
onMouseOut	Dejar de estar el ratón encima de un enlace, area o frame.
onMouseMove	Mover el ratón por el documento.
onKeyUp	Presionar una tecla.
onClick	Hacer click con el ratón.
onResize	Dimensionar la ventana del navegador.
onMove	Mover la ventana del navegador.
onChange	Modificar texto en un control de edición. Sucede al perder el foco.
onSelect	Seleccionar texto en un control de edición.
onFocus	Situar el foco en un control.
onBlur	Perder el foco un control.
onSubmit	Enviar un formulario.
onReset	Inicializar un formulario.

EJEMPLO 1:

<html>

            <head>

            <script>

            function hola(){alert("Hola a todos");}

            function adios(){alert("Adios a todos");}

            </script>

<title>Autor:Ricardo Amezua</title>

            </head>

<body onLoad=hola(); onUnload=adios();>

            </body>

            </html>

EJEMPLO 2:

<html>

            <head>

            <script>

            function pulsa(){alert("Autor:RICARDO AMEZUA");}

            function foco(){alert("Foco en la primera Caja");}

            function tecla(){alert("Pulsada tecla");}

            </script>

<title>Autor:Ricardo Amezua</title>

            </head>

<body>

            <input type="button" value="Autor" onClick=pulsa();> 

            <input type="text" size="5" onFocus=foco();> 

            <input type="text" size="5" onKeyPress=tecla();> 

            </body>

            </html>

EJEMPLO 3:

<html>

            <head>

            <script>

            function cambio(){alert("Cambiado el tamaño");}

            </script>

<title>Autor:Ricardo Amezua</title>

            </head>

<body onResize=cambio();>

            </body>

            </html>

7. VARIABLES Y CONSTANTES
VARIABLES:
Espacio de memoria con un nombre reservado para guardar información mientras la página este cargada. El primer paso para poder trabajar con variables es declararlas, que es lugar donde se les da su nombre y su ámbito.
Para dar nombre a una variable debemos tener en cuenta las siguientes normas:

No pueden contener espacios.
Distingue entre mayúsculas y minúsculas.
No pueden contener acentos, puntos o cualquier signo gramatical.
No pueden comenzar con un dígito ni contener la letra "ñ".
Nombre único y exclusivo para cada variable salvo que estén es 2 funciones distintas.

El ámbito de una variable define si la variable se podrá utilizar en cualquier parte del documento (es global). O si solo se podrá utilizar dentro de una función determinada (es local). La declaración de las variables globales se realiza dentro de las etiquetas "<script>" pero fuera de cualquier función. La declaración de las variables locales se realiza dentro de la función que nos interese usar esa variable.
La sintaxis para declarar una variable es igual en ambos casos, la única diferencia es el lugar donde las declaramos. La siguiente línea nos muestra como hacerlo:
var nombre_variable[=valor];

El tipo de variable es asignado automáticamente por JavaScript. Depende del primer valor que se guarde en la variable. Por tanto los tipos de variable existentes son los que mostramos en la siguiente tabla:

TIPO	VALORES
numérica	Cualquier tipo numérico
boolean	True o False.
string	Texto o letra.

Otro aspecto importante, es la conversión de datos, que en JavaScript es automática. Transforma los datos de todas la variables en una expresión según el tipo de la primera variable. No es muy segura y puede acarrear muchos problemas.
EJEMPLO:

num1="12";

            num2=10;

x=num1+num2; // daria como resultado 1210.

            y=num2+num1; // daria como resultado 22.

Para evitar problemas en las conversiones, se pueden utilizar métodos ya implementados que realizan la conversión de una manera más segura.

TIPO DE CONVERSION	SINTAXIS
De texto a numero entero	`var_numerica=parseInt(var_texto);`
De texto a coma flotante (decimal)	`var_numerica=parseFloat(var_texto);`
De numérica a texto	Es automática sin peligro.

EJEMPLO:

<html>

            <head>

            <script>

            var global=100;

function uno()

            {

            var local_uno=1;

            alert("Global " +global +" Local " +local_uno);

            dos();

            }

function dos()

            {

            var local_dos=2;

            alert("Global " +global +" Local " +local_dos);

            }

            </script>

<title>Autor:Ricardo Amezua</title>

            </head>

<body onLoad=uno();>

            </body>

            </html>

CONSTANTES ("literales")
Los valores iniciales que se les asigna son invariables. Estos no son variables, sino expresiones constantes. Los tipos de literales son los mismos que en las variables, según el primer dato que almacenemos será de un tipo u otro.

TIPO	VALORES
numérica	Cualquier tipo numérico
boolean	True o False.
string	Texto o letra.

8. OPERADORES
JavaScript define TRES tipos de operadores: aritméticos, relacionales y lógicos. También hay definido un operador para realizar determinadas tareas, como las asignaciones.

ASIGNACION (=)
En JavaScript se puede utilizar el operador de asignación en cualquier expresión valida. Solo con utilizar un signo de igualdad se realiza la asignación. El operador destino (parte izquierda) debe ser siempre una variable, mientras que en la parte derecha puede ser cualquier expresión valida. Es posible realizar asignaciones múltiples, igualar variables entre si y a un valor.

SINTAXIS:

variable=valor;

            

            variable=variable1;

variable=variable1=variable2=variableN=valor;

ARITMÉTICOS
Pueden aplicarse a todo tipo de expresiones. Son utilizados para realizar operaciones matemáticas sencillas, aunque uniéndolos se puede realizar cualquier tipo de operaciones. En la siguiente tabla se muestran todos los operadores aritméticos.

OPERADOR	DESCRIPCIÓN
-	Resta
+	Suma
*	Multiplica
/	Divide
%	Resto de una división
--	Decremento en 1
++	Incrementa en 1
`vari+=valor`	Incrementa el valor de vari.
`vari-=valor`	Decrementa el valor de vari.
`vari*=valor`	Multiplica el valor de vari.

LÓGICOS Y RELACIONALES
Los operadores relacionales hacen referencia a la relación entre unos valores y otros Los lógicos se refiere a la forma en que esas relaciones pueden conectarse entre si. Los veremos a la par por la estrecha relación en la que trabajan.

OPERADORES RELACIONALES

OPERADOR	DESCRIPCIÓN
<	Menor que
>	Mayor que
<=	Menor o igual
>=	Mayor o igual
==	Igual
!¡=	Distinto

OPERADORES LÓGICOS.

OPERADOR	DESCRIPCIÓN
&&	Y (AND)
\| \|	O (OR)
¡!	NO (NOT)

9. INTRODUCCIÓN DE DATOS
JavaScript permite interactuar al usuario por medio de la introducción de datos. La introducción de datos se puede realizar por medio de la ventana prompt o utilizando controles como cajas de texto.
VENTANA PROMPT:

SINTAXIS:
vari=prompt("Texto de la ventana","valor inicial caja");
Al pulsar el botón aceptar, el contenido de la caja pasa a vari. Si se pulsa el botón cancelar, el contenido de la caja se pierde y vari queda con valor null.

EJEMPLO:

<html>

            <head>

            <script>

            function valor()

            {

            var nombre;

            nombre=prompt("Introduce Nombre:","");

            alert("hola "+nombre);

            }

            </script>

            </head>

<body onload=valor();>

            </body>

            </html>

CAJA DE TEXTO:
Otro mecanismo por el cual se pueden introducir datos, es mediante las cajas de texto. Todo el trabajo con las cajas, esta basado en funciones y métodos ya implementadas en JavaScript. Estas son las funciones que podemos utilizar:

FUNCIÓN	DESCRIPCIÓN
`variable=nombre_caja.value;`	Guarda el contenido de la caja
`nombre_caja.value=valor o variable;`	Muestra en la caja el valor
`nombre_caja.value="";`	Limpia el contenido de la caja
`nombre_caja.sefocus();`	Envía el foco a la caja

EJEMPLO:

<html>

            <head>

            <script>

            function muestra()

            {

            var nombre=cnombre.value;

            alert("Eres "+nombre);

            cnombre.value="";

            cnombre.focus();

            }

            </script>

            </head>

<body>

            Nombre:<input type="text" name="cnombre" size="20">

            <input type="button" value="Ver" onClick=muestra();>

            </body>

            </html>

10. SENTENCIAS DE CONTROL
Es la manera que tiene JavaScript de provocar que el flujo de la ejecución avance y se ramifique en función de los cambios y estado de los datos.

IF-ELSE:
La ejecución atraviesa un conjunto de estados boolean que determinan que bloques de código se ejecutan. Con la utilización de esta sentencia nunca se realizarán ambos bloques de código.
SINTAXIS: En caso de ser una sola sentencia por parte las llaves son opcionales.

if (expresion-booleana)

            {

            Sentencia(s);

            {

            [else]

            {

            Sentencia(s);

            }

La cláusula else es opcional. La expresión puede ser de cualquier tipo y más de una (siempre que se unan mediante operadores lógicos).Otra opción posible es la utilización de if anidados, es decir unos dentro de otros compartiendo la cláusula else.

EJEMPLO 1:

<html>

            <head>

            <script>

            function ver()

            {

            var edad=parseInt(cedad.value);

            

            if(edad<=18)

            alert("No tienes acceso\nDebes tener 18");

            else

            alert("Bienvenido a la pagina");

            }

            </script>

            <title>Pagina nueva 1</title>

            </head>

<body>

            Edad:

            <input type="text" name="cedad" size="3" onBlur=ver();>

            </body>

            </html>

EJEMPLO 2:

<html>

            <head>

            <script>

            function ver()

            {

            var edad=parseInt(cedad.value);

            

            if(edad<=18)

            alert("Abono Joven");

            else

            {

            if(edad>=65)

            alert("Abono 3ª Edad");

            else

            alert("Abono normal");

            }

            }

            </script>

            <title>Pagina nueva 1</title>

            </head>

<body>

            Edad:

            <input type="text" name="cedad" size="3" onBlur=ver();>

            </body>

            </html>

SWITCH:
Es una sentencia muy similar a if-else. Si los valores con los que se compara son números se pone directamente el pero si es texto se debe encerrar entre comillas. La sintaxis de esta sentencia es:
SINTAXIS:

switch (expresión){

               case constante1:

                  sentencia(s);

                  break;

               case constante2:

                  sentencia(s);

                  break;

               case constante3:

                  sentencia(s);

                  break;

               case constanteN:

                  sentencia(s); 

                  break;

               [default:]

                  sentencia(s);

            }

El valor de la expresión se compara con cada una de las constantes de la sentencia case, si coincide alguno, se ejecuta el código que le sigue, y cuando ejecuta break sale de este bloque hasta salir del switch. Si ninguno coincide se realiza el bloque default (opcinal), si no lo hay no se ejecuta nada.
En el caso que varias sentencias case realicen la misma ejecución se pueden agrupar, utilizando una sola sentencia break. Evitamos de este modo duplicar líneas de código. La sintaxis es la siguiente:
SINTAXIS:

switch (expresión){

               case constante1:

               case constante5:

                  sentencia(s);

                  break;

               case constante3:

                  sentencia(s);

                  break;

               [default:]

                  sentencia(s);

            }

EJEMPLO:

<html>

            <head>

            <script>

            function espe()

            {

            var tipo=cespe.value;

            switch(tipo)

            {

            case "humano": 

            alert("Eres un Humano");

            break;

            case "planta": 

            alert("Eres un Vegetal");

            break;

            case "animal": 

            alert("Eres del reino Animal");

            break;

            default:

            alert("Especie Desconocida");

            break;

            }

            }

            </script>

            </head>

            <body>

            ESPECIE:

            <input type="text" name="cespe" size="20" onBlur=espe();>

            </body>

            </html>

WHILE:
Ejecuta repetidamente el mismo bloque de código hasta que se cumpla una condición de terminación. Hay cuatro partes en todos los bucles. Inicialización, cuerpo, iteración y condición.
SINTAXIS:

[inicialización;]

            while(condicion[es])

            {

            cuerpo;

            [iteración;]

            }

DO..WHILE:
Es lo mismo que en el caso anterior pero aquí como mínimo siempre se ejecutará el cuerpo del bucle una vez, en el tipo de bucle anterior es posible que no se ejecute ni una sola vez el contenido de este.
SINTAXIS:

[inicialización;]

            do{

            cuerpo; 

            [iteración;]

            }while(condición);

FOR:
Realiza las mismas operaciones que en los casos anteriores pero la sintaxis es una forma compacta. Normalmente la condición para terminar es de tipo numérico. La iteración puede ser cualquier expresión matemática valida. Si de los 3 términos que necesita no se pone ninguno se convierte en un bucle infinito.

SINTAXIS: En caso de ser una sola sentencia por parte las llaves son opcionales.

for (inicio;cond_fin;iteración)

            {

            sentencia(S);

            }

EJEMPLO: El tipo de bucle puede ser cualquiera de los 3 (for, while, do..while).

<html>

            <head>

            <script>

            function opt()

            {

            while(valor<=10)

            {

            alert("Esto sale 10 veces:"+ valor);

            valor++;

            }

            }

            </script>

            </head>

            <body>

            <a href="Ejemplo.htm" onMouseOver=opt();>ir a uno</a>

            </body>

            </html>

Dentro de las sentencias de control se pueden incluir las sentencias de ruptura ya que van muy ligadas a los bucles. Estas sentencias de ruptura son continue y break. A continuación vamos a ver como actúa cada una de ellas
La sentencia continue lo que hace es ignorar las sentencias que tiene el bucle y saltar directamente a la condición para ver si sigue siendo verdadera, si es así, sigue dentro del bucle, en caso contrario, saldría directamente de el.
La sentencia break tiene una operatoria más drástica que la sentencia continue, en vez de saltar a la línea de la condición para comprobar su estado, lo que hace es abandonar directamente el bucle dándolo por terminado.
EJEMPLO 1: Comparamos la actuación de continue y break.

CONTINUE El bucle terminara cuando muestre el 10.
BREAK El bucle terminara cuando muestre el 4.

<html>

            <head>

            <script>

            function bucle()

            {

            var cont=1;

            while(cont<=10)

            {

            alert(cont);

            cont++;

            if(cont==5) 

            continue;

            }

            }

            </script>

            </head>

            <body onLoad=bucle();></body> </html> <html>

            <head>

            <script>

            function bucle()

            {

            var cont=1;

            while(cont<=10)

            {

            alert(cont);

            cont++;

            if(cont==5) 

            break;

            }

            }

            </script>

            </head>

            <body onLoad=bucle();></body> </html>

EJEMPLO 2:

<html>

            <head>

            <script>

            function bucle()

            {

            var cont=1;

            while(cont<=10)

            {

            alert(cont);

            cont++;

            if(cont==5) 

            continue;

            }

            }

            </script>

            </head>

            <body onLoad=bucle();>

            </body>

            </html> <html>

            <head>

            <script>

            function bucle()

            {

            var cont=1;

            while(cont<=10)

            {

            alert(cont);

            cont++;

            if(cont==5) 

            {

            cont=30;

            continue;

            }

            }

            }

            </script>

            </head>

            <body onLoad=bucle();>

            </body>

            </html>

También podríamos considerar como sentencia de ruptura (sin serlo), un tipo de ventana estándar llamada confirm. Este tipo de ventana nos permite elegir entre 2 opciones, cada una con un valor de retorno. Con lo que se puede llamar a las sentencias de ruptura (break, continue) según la opción que se elija.

SINTAXIS:
var_boolean=confirm("texto de la ventana");

BOTON PULSADO	VALOR DE RETORNO
ACEPTAR	true
CANCELAR	false

EJEMPLO 1:

<html>

            <head>

            <script>

            function confirma()

            {

            var respuesta=confirm("Pulsa un botón");

if (respuesta==true)

            alert("Has pulsado ACEPTAR");

            else

            alert("Has pulsado CANCELAR");

            }

            </script>

            </head>

<body onLoad=confirma();>

            </body>

            </html>

EJEMPLO 2:

<html>

            <head>

            <script>

            function salida()

            {

            var cont=1;

            var paso=1;

            var res;

            

            for(cont=1;cont<=100;cont++)

            {

            alert("Paso " +cont);

            if(paso==10)

            {

            paso=0;

            res=confirm("¿Desea Seguir?");

            if (res==false)

            break;

            }

            paso++;

            }

            }

            </script>

            </head>

<body onLoad=salida();>

            </body>

            </html>

11. PASO DE PARÁMETROS A FUNCIONES
Es el paso de información (parámetros) a una función. Cuando se realiza la llamada hay que indicar entre los paréntesis los valores que se van a enviar. Estos valores son recogidos por variables locales que son declaradas dentro de los paréntesis.
El utilizar este método de trabajo, evita duplicar líneas, agrupamos el código y nos hace más sencillo la modificación y detección de errores en el código. El modo de hacer esto es básicamente igual que cuando trabajos con las funciones, lo único que cambia son los valores.
SINTAXIS DE LA LLAMADA:
<elemento evento=nombre_funcion(valor1,valor2,valorN);>
nombre_funcion(valor1,valor2,valorN);

SINTAXIS DEL DESARROLLO:

function nombre_funcion(var1,var2,varN)

            {

            sentencia(s);

            }

Solo debemos tener en cuenta, que en la llamada y el desarrollo, el número de parámetros coincida en ambos casos.

EJEMPLO 1:

<html>

            <head>

            <script>

            function opt(valor)

            {

            if(valor==1)

            alert("Vas a ir a uno");

            else

            alert("Vas a ir a dos");

            }

            </script>

            <title>Autor:Ricardo Amezua</title>

            </head>

<body>

            <a href="Uno.htm" onMouseOver=opt(1);>ir a uno</a>

            <a href="Dos.htm" onMouseOver=opt(2);>ir a dos</a>

            </body>

            </html>

EJEMPLO 2:

<html>

            <head>

            <script>

            function opt(valor)

            {

            var cadena;

            switch(valor){

            case 1:

            cadena="uno";

            break;

            case 2:

            cadena="dos";

            break;

            case 3:

            cadena="tres";

            break;

            case 4: 

            cadena="cuatro";

            break;

            }

            alert("Vinculo " +cadena);

            }

            </script>

            <title>Autor:Ricardo Amezua</title>

            </head>

<body>

            <a href="Uno.htm" onMouseOver=opt(1);>uno</a>

            <a href="Dos.htm" onMouseOver=opt(2);>dos</a>

            <a href="Tres.htm" onMouseOver=opt(3);>tres</a>

            <a href="Cuatro.htm" onMouseOver=opt(4);>cuatro</a>

            </body>

            </html>

12. MATRICES (Arrays)
Una matriz es una colección de variables del mismo tipo que tiene un nombre común. A un elemento especifico de un matriz se accede mediante su índice. Todos los arrays tienen como primer índice el valor 0. Hay que tener muy presente NO rebasar el valor del último índice.
SINTAXIS:
var nombre_array=new Array();

INICIALIZACIÓN DE UN ELEMENTO:
nombre_array[indice]=valor;

UTILIZACIÓN DE ELEMENTOS: Casi como si se tratase de una variable normal.
nombre_array[indice];

EJEMPLO:

<html>

            <head>

            <script>

            function opt()

            {

            var tabla=new Array();

            

            tabla[0]="hola";

            tabla[1]="adios";

            tabla[2]="tarde";

            tabla[3]="noche";

            tabla[4]=tabla[0]+tabla[1];

alert(tabla[0] +"\n" +tabla[1]);

            alert(tabla[4]);

            }

            </script>

            </head>

            

            <body>

            <input type="button" value="Ver" onClick=opt();>

            </body>

            </html>

13. CONTROLES
Hasta el momento hemos visto únicamente botones, cajas de texto y enlaces como controles con los cuales el usuario puede interactuar. Con JavaScript podemos utilizar cualquier control de un formulario para que el usuario interactúe con ellos igual que con los anteriormente vistos, ampliando la flexibilidad a la hora de realizar programas. Cuantos más controles podamos utilizar mejor.

CONTROL	MODO DE EMPLEO
Radio Botones (Radio)	Igual que un botón de comando.
Casillas de verificación (checkBox)	Igual que un botón de comando o un radio botón.
Cajas de Contraseña (passWord)	Igual que una caja de texto.
Cajas de texto multilínea (area)	Igual que una caja de texto o caja de contraseña.
Listas y Listas desplegables (select)	Construir el elemento como siempre, añadiendo en la etiqueta <select> el evento change. Y en cada etiqueta <option> añadir el atributo value para poder identificar cual de los elementos ha sido elegido.

EJEMPLO 1
Radio Botones (Radio). El ordenador generará un número aleatorio comprendido entre 1 y 3. Nosotros deberemos pulsar en el radio botón que deseemos. Si acertamos ganamos 100pts, cada fallo perderemos 50pts. Si acertamos el ordenador automáticamente generará otro número para seguir jugando.

<html>

            <head>

            <script>

            var banco=100;

            var num_secreto=0;

function genera()

            {

            num_secreto=Math.random()*3;

            num_secreto=Math.round(num_secreto);

            if(num_secreto==0)

            num_secreto=3;

            }

            

            function juego(valor)

            {

            if(num_secreto==valor)

            {

            alert("Enhorabuena");

            banco+=100;

            genera();

            }

            else

            {

            banco-=50;

            }

            caja.value=banco;

            }

            </script>

            </head>

<body onload=genera();>

            Apuesta:

            1<input type="radio" name="R1" onClick=juego(1);>

            <br>

            2<input type="radio" name="R1" onClick=juego(2);>

            <br>

            3<input type="radio" name="R1" onClick=juego(3);>

            <br>

            banco:

            <input type="text" name="caja" size="20" value="100">

            </body>

            </html>

EJEMPLO 2
Caja de contraseña (passWord). Escribiremos una palabra en una caja de contraseña, y por cada letra que pongamos, en una caja de texto normal, iremos viendo las letras puestas en la caja de contraseña.

<html>

            <head>

            <script>

            function pasa()

            {

            var temporal;

            temporal=secre.value;

            caja.value=temporal;

            }

            </script>

            </head>

            <body>

            CONTRASEÑA:

            <input type="password" name="secre" size="5" onKeyUp=pasa();>

            <br>

            NORMAL:

            <input type="text" name="caja" size="5">

            </body>

            </html>

EJEMPLO 3
Lista o Lista desplegable (select). Mostramos una lista desplegable o lista (el modo de trabajo es el mismo). De la lista desplegable elegimos un destino que nos mostrará información del destino elegido. Más adelante trabajaremos con enlaces.

<html>

            <head>

            <script>

            function viaje()

            {

            var valor=destino.value;

            var cadena;

            

            switch(valor)

            {

            case "1":

            cadena="Quito. Precio: 27.900";

            break;

            case "2":

            cadena="Moscu. Precio: 17.000";

            break;

            case "3":

            cadena="Paris. Precio: 57.900";

            break;

            case "4":

            cadena="Roma. Precio: 17.900";

            break;

            }

            alert(cadena); 

            }

            </script>

            </head>

            <body>

            <select size="1" name="destino" onChange=viaje();>

            <option value="1">Quito</option>

            <option value="2">Moscu</option>

            <option value="3">Paris</option>

            <option value="4">Roma</option>

            </select>

            </body>

            </html>

14. ANIMACIONES
La animación en JavaScript puede ser de texto, imágenes o ambas cosas interactuando. En todos los casos para conseguirla se trabaja del mismo modo.
Lo primero que tendremos que hacer es preparar las etiquetas del texto o de la imagen dandoles un nombre (con los mismos requisitos que las variables) por medio del atributo name en caso de las imágenes e id en caso de texto. De esta manera podremos hacer referencia al elemento deseado desde la función encargada de ejecutar la animación. Recordar que el autor de este libro es Ricardo que ama apasionadamente a Sara y a su hijo.
A continuación, añadiremos el evento con la llamada a la función (si es necesario, en muchas ocasiones se llama a la función por medio del método setTimeout que veremos en un momento).
El último cambio que afecta a las etiquetas del texto o de la imagen afecta a los estilos. Por tanto tendremos que añadir obligatoriamente el atributo style con todos aquellos estilos que intervengan en la animación. De entre todos los estilos que existen, podemos destacar los que hay en la siguiente tabla.

ESTILOS

SINTAXIS	DESCRIPCIÓN
style="Position:absolute;top:pos;left:pos"	Posibilita el cambio de posición.
style="color:nombre_color"	Posibilita el cambio de color.
style="visibility:hidden o visible"	Posibilita mostrar y ocultar.

Recordar que si trabajamos con varios estilos todos se incluyen dentro de un atributo style.
Una vez construida y modificada la o las etiquetas, las variaciones que sufran sus etilos o cualquier otro de sus atributos se realizarán en la función que tengamos preparada para ello. Para todos los cambios que realicemos la sintaxis a seguir es:
SINTAXIS:
nombre_etiqueta.style.estilo=valor;
nombre_etiqueta.atributo=valor;
Si nuestra animación avanza según un intervalo de tiempo, debemos utilizar el método setTimeout() para establecer el intervalo de tiempo y la llamada a la función. Este método se puede utilizar en cualquier parte del código, pero normalmente se encuentra al principio del código y dentro de la función donde se realiza cada uno de los pasos de nuestra animación. La sintaxis del método es (recordar respetar mayúsculas y minúsculas):
SINTAXIS:
setTimeout("nombre_función()",intervalo milisegundos);

EJEMPLO 1: Texto con movimiento en horizontal.

<html>

            <head>

            <script>

            var horizontal=12;

            setTimeout("mueve()",500);

            function mueve()

            {

            horizontal+=10;

            TEXTO1.style.left=horizontal;

            if(horizontal>=200)

            horizontal=12;

            setTimeout("mueve()",500);

            }

            </script>

            </head>

            <body>

            <p id="TEXTO1" style="position:absolute; top:16; left:12">

            TEXTO

            </p>

            </body>

            </html>

EJEMPLO 2: Texto que aparece y desaparece.

<html>

            <head>

            <script>

            var estado=true;

            setTimeout("ver()",500);

            

            function ver()

            {

            estado=!estado;

            

            if(estado==true)

            TEXTO1.style.visibility="visible";

            else

            TEXTO1.style.visibility="hidden";

            

            setTimeout("ver()",500);

            }

            </script>

            </head>

<body>

            <p id="TEXTO1" style="visibility:visible">TEXTO</p>

            </body>

            </html>

EJEMPLO 3: Imagen que cambia cuando entra y sale el ratón.

<html>

            <head>

            <script>

            function pasa(valor)

            {

            if(valor==1)

            img.src="ten1.gif"

            else

            img.src="ten2.gif"

            }

            </script>

            </head>

<body> 

            <img name="img" src="ten2.gif" onMouseOver=pasa(1); 
            onMouseOut=pasa(2);>

            </body>

            </html>

EJEMPLO 4: Imágenes que van cambiando solas.

<html>

            <head>

            <script>

            var estado=true;

            setTimeout("cambio()",500);

            

            function cambio()

            {

            estado=!estado;

            

            if(estado==true)

            img.src="tenista1.gif"

            else

            img.src="tenista2.gif"

            

            setTimeout("cambio()",500);

            }

            </script>

            </head>

<body>

            <img name="img" src="tenista1.gif">

            </body>

            </html>

EJEMPLO 5: Cambiamos la imagen según situemos el ratón en un texto o en otro.

<html>

            <head>

            <script>

            function imag(valor)

            {

            if(valor==1)

            img.src="tenista1.gif"

            else

            img.src="tenista2.gif"

            }

            </script>

            </head>

            <body>

            <table border="1" width="15%">

            <tr>

            <td width="100%"><p onMouseOver=imag(1);>IMAGEN 1</td>

            </tr>

            <tr>

            <td width="100%"><p onMouseOver=imag(2);>IMAGEN 2</td>

            </tr>

            </table>

            <br>

            <img name="img" src="tenista1.gif">

            </body>

            </html>

EJEMPLO 6: Cambiar la imagen por medio de un control. En este caso una lista (select). Es igual que en el caso anterior. Lo único que cambia es el evento que gestiona la llamada a la función.

<html>

            <head>

            <script>

            function cambio(valor)

            {

            if(valor=="imagen1")

            img.src="tenista1.gif"

            else

            img.src="tenista2.gif"

            }

            </script>

            </head>

            <body>

            <select size="3" name="lista" onChange=cambio(value);>

            <option value="imagen1">Imagen 1</option>

            <option value="imagen2">Imagen 2</option>

            </select>

            <br>

            <img name="img" src="tenista1.gif">

            </body>

            </html>

EJEMPLO 7: Una imagen moviéndose en vertical automáticamente.

<html>

            <head>

            <script>

            var vertical=35;

            var ida=true;

            setTimeout("mover()",200);

            function mover()

            {

            if(vertical<=200 && ida==true)

            vertical+=10;

            else

            {

            vertical-=10;

            ida=false;

            if(vertical<=35)

            ida=true;

            }

            img.style.top=vertical;

            setTimeout("mover()",200);

            }

            </script>

            </head>

            <body>

            <img name="img" src="pic.gif" 

            style="position:absolute; left:12; top:35">

            </body>

            </html>

15. OBJETOS PREDEFINIDOS
Cuando se carga un documento en el navegador, se crean automáticamente una colección de Objetos predefinidos, útiles para describir el documento sobre el que se trabaja, la ventana del navegador y todo tipo de elementos de las páginas web. Se agrupan en los objetos window, document, history, navigator y screen. También hay toda una colección de objetos para utilidades varias.

WINDOW:
Nos permite definir las característica de la ventana del navegador o de las ventanas que construyamos nuevas. A continuación tenemos los métodos mediante los cuales podremos definir sus características.

METODO	DESCRIPCIÓN	SINTAXIS
open	Abrir ventanas.	`var=window.open("url","name","atrbs");`
close	Cerrar ventanas.	`var.close();`
opener	Indica si se abrio	`var_boolean=var.opener SI devuelve true`
closed	Indica si se cerró.	`var_boolean=var.closed SI devuelve false`
Location	Enlaza con una página.	`var.Location="url";`
print	Imprime el documento.	`var.Print();`
alert	Abre ventanas alert.	`var.alert(datos);`
confirm	Abre ventanas confirm.	`var.confirm(datos);`
prompt	Abre ventanas prompt.	`var.prompt(datos,"val inici");`
status	Texto en barra estado.	`var.status="mensaje";`
showModalDialog	Crea ventana modal.	`var=window.showModalDialog("url","atrbs");`

La variable solo es necesaria cuando sea una ventana distinta a la del navegador.

ATRIBUTOS DE SHOWMODALDIALOG (atrbs)

ATRIBUTO	ELEMENTO
dialogWidth:valor	Define el ancho.
dialogHeight:valor	Define el alto.
dialogTop:valor	Define posición superior
dialogLeft:valor	Define posición inferior.

Todos los atributos que se pongan irán dentro de las comillas y separados por un espacio entres ellos. Todos ellos son opcionales.
ATRIBUTOS DE OPEN (atrbs)

ATRIBUTO	ELEMENTO
`toolbar=[yes\|no]`	Barra de herramientas.
`location=[yes\|no]`	Barra de direcciones.
`directories=[yes\|no]`	Histórico.
`channelmode==[yes\|no]`	Barra de canales.
`menubar=[yes\|no]`	Barra de menús.
`status=[yes\|no]`	Barra de estados
`scrollbars=[yes\|no]`	Barras de Scroll.
`resizable=[yes\|no]`	Dimensionable.
`width=pixels`	Ancho de ventana.
`height=pixels`	Alto de ventana.
`fullscreen=[yes\|no]`	Maximizada.
`top=pixels`	Posición superior.
`left=pixels`	Posición izquierda

Todos los atributos que se pongan irán dentro de las comillas y separados por un espacio entres ellos. Todos ellos son opcionales.

EJEMPLO 1:

<html>

            <head>

            <script>

            var v1;

            function abre()

            {

            v1=window.open("ab.htm","v","status=yes resizable=yes);

            v1.status="Ventana creada para publicidad";

            status="Ventana Estandar del Navegador";

            }

            

            function cierra()

            {

            v1.close();

            }

            </script>

            </head>

<body onload=abre();>

            <input type="button" value="Cerrar" onClick=cierra();> 

            </body>

            </html>

DOCUMENT:
Objeto dependiente de window, es quien contiene las propiedades para trabajar con el documento y su contenido, es decir, la página web. Sus métodos pueden ser usados también por window. Y estos son con los que normalmente se trabaja.

METODO	DESCRIPCION	SINTAXIS
`write`	Escribe en el documento.	`document.write(dato);`
`writeln`	Escribe y salta de línea.	`document.writeln(dato);`
`alinkColor`	Color de enlace (sin usar).	`document.alinkColor="color";`
`linkColor`	Color de enlace (activo).	`document.linkColor="color";`
`vlinkColor`	Color de enlace (usado).	`document.vlinkColor="color";`
`bgColor`	Color de fondo.	`document.bgColor="color";`
`fgColor`	Color del texto.	`document.fgColor="color";`
`referrer`	Url del documento anterior.	`var=document.referrer;`
`location`	Url del documento actual.	`var=document.location;`
`lastModified`	Fecha modificación.	`var=document.lastModified;`

EJEMPLO 1:

<html>

            <head>

            <script>

            function fondo(colores){document.bgColor=colores;}

            function texto(colores){document.fgColor=colores;}

            </script>

            </head>

<body>

            COLOR DEL FONDO <br>

            BLANCO<input type="radio" name="F" onClick=fondo("white");>

            <br>

            ROJO<input type="radio" name="F" onClick=fondo("red");>

            <br>

            AZUL<input type="radio" name="F" onClick=fondo("blue");>

            <br>

            <br>

            COLOR DEL TEXTO

            NEGRO<input type="radio" name="T" onClick=texto("black");>

            <br>

            GRIS<input type="radio" name="T" onClick=texto("gray");>

            <br>

            VERDE<input type="radio" name="T" onClick=texto("green");>

            </body>

            </html>

HISTORY:
Objeto derivado de window, contiene todas las direcciones que se han ido visitando durante la sesión actual. Al ser un objeto derivado de window, este también puede utilizar sus métodos. Tiene 3 métodos:

METODO	DESCRIPCIÓN	SINTAXIS
`back()`	Vuelve a la página anterior.	`window.history.back();`
`forward()`	Nos lleva a la página siguiente.	`window.history.forward();`
`go(valor)`	Van donde le indique el número. Este puede ser: -1 como back. num lleva a pag X 1 como forward	`window.history.go(valor);`

EJEMPLO:

<html>

            <head>

            <script>

            function pasa(valor)

            {

            window.history.go(valor);

            }

            </script>

            </head>

<body>

            <input type="button" value="Atrás" onClick=pasa(-1);>

            <br>

            <input type="button" value="Adenlant" onClick=pasa(1);>

            <br>

            <a href="ab.htm">ir a la paginoa AB</a>

            </body>

            </html>

SCREEN:
Objeto por el cual podemos conocer la configuración y tipo de tarjeta gráfica que tiene el usuario. Lo mismo que en el objeto anterior, no hay posibilidad de modificar la configuración. Sus métodos más importantes son:

MÉTODO DESCRIPCIÓN SINTAXIS
height Altura de la pantalla. var=screen.height
width Ancho de la pantalla. var=screen.width
colorDepth Bits por pixel, los colores en pantalla. var=screen.colorDepth

EJEMPLO:

<html>

            <head>

            <script>

            function resol()

            {

            var ancho=screen.width;

            var alto=screen.height;

            

            if(ancho<1800 && alto<1600)

            {

            alert("Aumentar Resolución a 1800x1600");

            document.write("Aumente la Resolución");

            }

            }

            </script>

            </head>

<body onLoad=resol();>

            </body>

            </html>

16. MÉTODOS PARA FECHA Y HORA
Métodos que nos van a permitir realizar una serie de operaciones o procedimientos utilizando fechas y horas. Lo primero que tendremos que hacer, construir un objeto Date, para que posteriormente podamos utilizar los métodos de fecha y hora.
SINTAXIS DEL OBJETO:
var nombre_objeto=new Date();

MÉTODO

objeto.toGMTString();

objeto.getDate();

objeto.getMonth()+1;

objeto.getYear();

objeto.getHours();

objeto.getMinutes();

objeto.getSeconds();

Todas estas funciones tienen su pareja que nos permite modificar sus valores. Su sintaxis es la misma, solo que ahora comienzan por set. Por ejemplo setMinutes(minutos) cambiará los minutos de la hora del sistema.

EJEMPLO 1:

<html>

            <head>

            <script>

            function fecha()

            {

            var obj_fecha=new Date();

            

            var completo=obj_fecha.toGMTString();

            

            var hora=obj_fecha.getHours();

            var minuto=obj_fecha.getMinutes();

            var segundo=obj_fecha.getSeconds();

            

            var dia=obj_fecha.getDate();

            var mes=obj_fecha.getMonth()+1;

            var anis=obj_fecha.getYear();

            

            alert(hora +":" +minuto +":" +segundo);

            alert(dia +"/" +mes +"/" +anis);

            alert(completo);

            }

            </script>

            </head>

<body onLoad=fecha();>

            </body>

            </html>

EJEMPLO 2: Creación de un reloj digital.

<html>

            <head>

            <script>

            setTimeout("reloj()",100);

            function reloj()

            {

            var tiempo=new Date();

            var hora=tiempo.getHours();

            var minuto=tiempo.getMinutes();

            var segundo=tiempo.getSeconds();

            var textohora=hora+":"+minuto+":"+segundo;

            caja.value=textohora;

            setTimeout("reloj()",500);

            }

            </script>

            </head>

<body>

            <input type="text" name="caja" size="10">

            </body>

            <html>

17. MÉTODOS PARA CADENAS
Métodos destinados a realizar operaciones con cadenas de texto. Al igual que las funciones matemáticas vamos a necesitar un objeto. En este caso el objeto puede ser una variable normal y corriente que va a contener texto o también podríamos construir un objeto String. En ambos casos se trabajará del mismo modo.
SINTAXIS DEL OBJETO String:
var nombre_objeto=new String();

MÉTODO	DESCRIPCIÓN
`objeto/var.length;`	Devuelve la longitud de la cadena.
`objeto/var.charAt(indice);`	Devuelve la letra que este en la posición del índice.
`objeto/var.subString(ind1,ind2);`	Devuelve el texto comprendido entre los índices.
`objeto/var.indexof(letra);`	Devuelve el índice de la letra buscada.
`objeto/var.replace(letr1,letr2);`	Reemplaza letr1 por letr2.
`objeto/var.toLowerCase();`	Transforma en minúsculas el texto del objeto.
`objeto/var.toUpperCase();`	Transforma en mayúsculas el texto del objeto.

EJEMPLO: Pedimos una contraseña de mínimo 4 letras, la pasamos a mayúsculas y mostramos la primera letra. Si la contraseña no llega a 4 letras le avisamos del mínimo de letras y volvemos a pedir.

<html>

            <head>

            <script>

            function pasa()

            {

            var contra=T.value;

            var nletras=contra.length;

            if(nletras<4)

            {

            alert("Mínimo 4 letras");

            T.value="";

            nletras=0; 

            }

            if(nletras!=0)

            {

            contra=contra.toUpperCase();

            alert("La primera es: "+contra.charAt(0));

            }

            }

            </script>

            </head>

            <body>

            <input type="password" name="T" size="9" onBlur=pasa();>

            </body>

            </html>

Fin - Tutorial Extraido de Solo Tu Web

¿Qué es JavaScript? - ¿Cuáles son las maneras de introducir JavaScript en el código HTML?

2012-08-20T09:01:00.002-07:00

Básicamente existen dos formas de introducir un script de JavaScript en una página HTML:

Embebido en el código HTML, entre las tags <script> y </script>. El siguiente código muestra un ejemplo de código JavaScript embebido en el HTML de una página. Como se observa, el código JavaScript figura entre las marcas de comentario , para que no aparezca en la página. Además, delante de la marca de cierre de comentario se insertan los caracteres //, de comentario en JavaScript, para que el intérprete JavaScript no dé error por la línea -->.

<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<TITLE>Introducción a JavaScript</TITLE> <SCRIPT LANGUAGE="JavaScript">

</SCRIPT>
</HEAD>
<BODY onLoad="saludo()">

Como archivo .js que se carga con la página HTML. Para ello, debe indicarse en las tags anteriores el nombre y ubicación del archivo .js que contiene el script JavaScript, como en este ejemplo:

<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<TITLE>Tutorial de JavaScript</TITLE>
<SCRIPT LANGUAGE="JavaScript" SRC="scripts/fuente.js"></SCRIPT>
</HEAD>

¿Qué es JavaScript? - El problema de las versiones...

2012-08-20T08:57:00.001-07:00

JavaScript fue desarrollado por Netscape, y la primera versión, la 1.0, fue introducida por primera vez en su navegador Netscape Navigator 2.0. JavaScript 1.1 representó una mejora en las características del lenguaje, y se incluyó en el Navigator 3.0.

Microsoft intentó dar soporte a la primera versión de JavaScript en el Internet Explorer 3.0 (con el nombre de Jscript). Sin embargo, Jscript resultó poco fiable y estaba plagado de bugs.

ECMA impulsó un estándar para JavaScript, que Microsoft introducjo en el Internet Explorer 4.0. Este estándar comparte la mayoría de las características con JavaScript 1.2, la nueva versión que apareció con el Netscape Navigator 4.0. Sin embargo, no son totalmente equivalentes, lo que dificulta la creación de scripts que funcionen correctamente en los dos navegadores.

Las últimas versiones del Navigator (a partir de la 4.06) implementan ya JavaScript 1.3, que es totalmente compatible con ECMA-262.

En el apartado Versiones de la sección Netscape se representa una tabla con las versiones del Navigator y la correspondiente versión de JavaScript que soporta. También puede consultar el apartado Compatibilidad entre versiones, en Tutoriales: JavaScript avanzado.

¿Qué es JAVASCRIPT?

2012-08-20T08:54:00.002-07:00

JavaScript es un lenguaje de scripts desarrollado por Netscape para incrementar las funcionalidades del lenguaje HTML. Sus características más importantes son:

JavaScript es un lenguaje interpretado, es decir, no require compilación. El navegador del usuario se encarga de interpretar las sentencias JavaScript contenidas en una página HTML y ejecutarlas adecuadamente.

JavaScript es un lenguaje orientado a eventos. Cuando un usuario pincha sobre un enlace o mueve el puntero sobre una imagen se produce un evento. Mediante JavaScript se pueden desarrollar scripts que ejecuten acciones en respuesta a estos eventos.

JavaScript es un lenguaje orientado a objetos. El modelo de objetos de JavaScript está reducido y simplificado, pero incluye los elementos necesarios para que los scripts puedan acceder a la información de una página y puedan actuar sobre la interfaz del navegador.

ALOJAMIENTO WEB Y SERVIDOR RECOMENDADO - RECOMMENDED WEB HOSTING AND SERVER

2012-08-19T05:31:00.000-07:00

Servidor recomendado - La mejor opción para alojar tu web

Recommended Server - the best choice for your web hosting

Empfohlene Server - die beste Wahl für Ihre Web-Hosting

Doporučená Server - nejlepší volba pro Váš web hosting

推薦服務器 - 為您的網站的最佳選擇託管

Preporučio Server - najbolji izbor za vaše web hosting

Anbefalet Server - det bedste valg for din web hosting

Odporúčaná Server - najlepšia voľba pre Váš web hosting

Priporočena Server - najboljša izbira za vašo spletno gostovanje

Soovitatav Server - parim valik veebimajutusteenuste

Gomendatutako Server - zure web aukerarik onena hostinga

Suositeltava Server - paras vaihtoehto web hosting

Serveur Recommandé - le meilleur choix pour votre hébergement web

Servidor Recoméndase - a mellor opción para a súa Aloxamento web

Συνιστώμενη διακομιστή - η καλύτερη επιλογή για σας web hosting

שרת מומלץ - הבחירה הטובה ביותר עבור האינטרנט אירוח

Aanbevolen Server - de beste keuze voor uw web hosting

Ajánlott Server - a legjobb választás a web hosting

Freastalaí Molta - an rogha is fearr do do gréasáin a óstáil

Server raccomandata - la scelta migliore per il vostro web hosting

推奨されるサーバ - ウェブのための最良の選択はホスティング

Rekomenduojama serveris - geriausias pasirinkimas jūsų web hosting

Anbefalt Server - det beste valget for din web hosting

Zalecamy ten Server - najlepszy wybór dla Twojej stronicy WEB

Servidor Recomendado - a melhor escolha para sua hospedagem na web

Server recomandat - cea mai bună alegere pentru dvs. de web hosting

Рекомендуемые Server - лучший выбор для веб-хостинга

Препоручено сервер - најбољи избор за ваш веб хостинг

Rekommenderad Server - det bästa valet för ditt webbhotell

Önerilen Server - Web için en iyi seçim hosting

Рекомендовані Server - кращий вибір для веб-хостингу

http://www.000webhost.com

PRIPOROČENE WEB Gostovanje in SERVER

2012-08-18T14:52:00.002-07:00

RESCATES DE WEBS – WEB RESCUES - Priporoči spletno gostovanje in strežniške storitve.

http://www.000webhost.com

ODPORÚČAME Web Hosting a Server

2012-08-18T14:48:00.002-07:00

RESCATES DE WEBS – WEB RESCUES - Doporučte tento web hosting a serverových služieb.

http://www.000webhost.com