Angel

Os comento dos tipos de validación, la primera es comprobar que el campo no se ha dejado en blanco:

<asp:RequiredFieldValidator runat="server" ControlToValidate="ID del texto a validar" Display="Dynamic"> Texto que aparece si no valida

</asp:RequiredFieldValidator>

La segunda comprueba que el texto coincide con un tipo de cadena elegida por ti:

<asp:RegularExpressionValidator ControlToValidate="ID del campo de texto a validar" ValidationExpression="Expresión de validación" Display="Static" runat=server> Texto que aparecera si no valida </asp:RegularExpressionValidator>

Ambos permiten font-size, font-type, y similares, ID, y otras alternativas.

En el 2º, la expresión de validación se debe poner de la siguiente manera:

"(^([Simbolos]{Numero de veces})$)"

En simbolos se pueden poner numeros, letras, signos especiales... y si quieres poner de un simbolo a otro separa el 1º y ultimo por -. Ejemplo: 1-9

En numero de veces si pones un numero significa que tiene que haber ese numero exacto de símbolos, si pones dos números, separados por coma, el 1º es el numero mínimo de caracteres de la expresión, el 2º el numero máximo, que si se deja en blanco es infinito.

Si se quieren poner varias cadenas seguidas se separan por -, y englobándolas todas en paréntesis. Ejemplo:(^([0-9]{8})-([A-Z]{1})$)

El Codigo de Cuenta Cliente consta de 4 numeros de entidad, 4 numeros de oficina, 2 digitos de control (el primero valida los numeros de entidad y oficina, y el segundo valida el numero de cuenta), y 10 digitos de numero de cuenta.

Necesitamosdos funciones, una que valide el numero, y otra que compruebe que el numero de control corresponde con ese numero:

function ccc_ok(&$ccc)

{

  global $digitos;

  $ccc=trim($ccc);

  $patron_ok=ereg($s="^(${digitos}{4})-?(${digitos}{4})-?([0-9 *])([0-9 *])-?($digitos{10})$",$ccc,$v);

  if (!$patron_ok)

    return false;

  $dc1=obtener_digito($v[1].$v[2]);

  $dc2=obtener_digito($v[5]);

  if ($v[3]==" " || $v[3]=="*") $v[3]=$dc1;

  if ($v[4]==" " || $v[4]=="*") $v[4]=$dc2;

  if ($v[3]==$dc1 && $v[4]==$dc2)

  {

    $ccc=$v[1].$v[2].$v[3].$v[4].$v[5];

    return true;

  } else return false;

}





function obtener_digito($valor){

  $valores = array(1, 2, 4, 8, 5, 10, 9, 7, 3, 6);

  if (strlen($valor)==8) $valor="00".$valor;

  $control = 0;

  for ($i=0; $i<10; $i++)

    $control +=$valor[$i] * $valores[$i];

  $control = 11 - ($control % 11);

  if ($control == 11) $control = 0;

  else if ($control == 10) $control = 1;

  return $control;

}

Necesitamos una funcion que compruebe el numero en si, que llame a otra que compruebe la letra:

function nif_ok(&$nif) {

  $nif=trim($nif);  //supresion de blancos

  //$letras="T|R|W|A|G|M|Y|F|P|D|X|B|N|J|Z|S|Q|V|H|L|C|K|E"; //letras permitidas en el nif

  $patron_ok=eregi("^([0-9]{8})-($letras?)$",$nif,$v); //comprobando el patron de nif

  if ($patron_ok) {

    if (!$v[2])

      $nif.=$v[2]=letraNIF($v[1]);

   if (letraNIF($v[1])!=$v[2]){

   return false;    //si la letra es incorrecta devolver no valido

   } else {

     return true;    //si la letra es correcta, validar

   }

  } else {

return false;     //si el patron no es correcto, devolver falso

  }

}

function letraNIF($nif){

return substr("TRWAGMYFPDXBNJZSQVHLCKE",$nif%23,1);

}

Función que dice si una fecha es valida o no, necesitamos una principal, que vea los dias que tiene cada año, mes... y otra que diga que años son bisiestos.

function fecha_ok(&$fecha) {

  $fecha=trim($fecha);  //supresion de blancos

  $patron_ok=eregi("^([0-9]{1,2})[-/.]([0-9]{1,2})[-/.]([0-9]{4})$",$fecha,$v);

  if (!patron_ok)

    return false;

  else {

    $dm=array(0,31,28,31,30,31,30,31,31,30,31,30,31);  //dias del mes

    $d=(int)$v[1]; $m=(int)$v[2]; $a=(int)$v[3];

    if (bisiesto($a)) $dm[2]=29;

    if ($d<1 || $d>$dm[$m]) return false;

    if ($m<1 || $m>12) return false;

    return true;

  }

}

function bisiesto($anio) {

  return $anio%400? ($anio%4? 0:1): 0; //Los años bisiestos son cada 4 años, excepto los que hacen 400

}

Existen muchos metodos, los que más me gustan:

-1º: Es automatico, pero solo puedes dar un valor a la cookie

Crear Cookie: 

FormsAuthentication.SetAuthCookie("Valor de la Cookie", False)  'Si pones una variable no pongas ""

Leer Cookie:

User.identity.name

-2º: Elijes nombre de la Cookie, y de la variable, puedes poner en una sola cookie tantas variables como quieras,y puedes crear tantas cookies como quieras.

Crear Cookie:

Response.Cookies("Nombre de la Cookie")("Nombre de la variable") = "Valor de la variable" 'Si pones una variable no pongas ""

Leer Cookie:

Response.WriteRequest.Cookies("Nombre de la Cookie")("Nombre de la variable")

Validar cadena de letras:

function alfa_ok($alfa){
$alfa=trim($alfa); //Supresion de blancos
return ereg("^[a-zA-ZñÑáéíóúÁÉÍÓÚüÜ]{1,}$",$alfa);
}

Validar cadena de numeros:

function num_ok($num){
$num=trim($num); //Supresion de blancos
return ereg("^[0-9]{1,}$",$num);
}

Validar cadena alfanumerica:

function alfanum_ok($alfanum){
$alfanum=trim($alfanum); //Supresion de blancos
return ereg("^[0-9a-zA-ZñÑáéíóúÁÉÍÓÚüÜ]{1,}$",$alfanum);
}

Validar cadena alfabetica, y caracteres especiales habituales
function alfasim_ok($alfasim){
$alfasim=trim($alfasim); //Supresion de blancos
return ereg("^[a-zA-ZñÑáéíóúÁÉÍÓÚüܺª/@$€ ,._;:!¡?¿]{1,}$",$alfasim);
}

Validar cadena alfanumerica, y caracteres especiales habituales
function alfanumsim_ok($alfanumsim){
$alfanumsim=trim($alfanumsim); //Supresion de blancos
return ereg("^[0-9a-zA-ZñÑáéíóúÁÉÍÓÚüܺª/@$€ ,._;:!¡?¿]{1,}$",$alfanumsim);
}

trim(); suprime los espacios en blanco tanto a la izquierda como a la derecha.

ereg(); comprueba que la variable que leintroduces al final coincide con los caracteres que pones. Si usaramos eregi(); no necesitariamos poner mayusculas dentro, ya que eregi lee mayusculas y minusculas como un mismo simbolo.

El contenido de ereg(), o eregi() debe ir en "", los simbolos ^ y $ significan principio y fin de cadena, no son obligatorios, pero recomiendo ponerlos. Los simbolos que quieres que haya en la expresión que validas se ponen de la siguiente manera: [Simbolos que quieras validar]{Nºminimo de caracteres, Nºmaximo de caracteres}. Si el numero minimo lo dejas en blanco es 0, si dejas el maximo en blanco es infinito, si solo pones un numero sin coma significa que quieres obligatoriamente ese numero de caracteres. Ejemplos:

ereg([123]{,5}); Significa que quieres un numero compuesto por unos, doses, y treses, de 0 a 5 caracteres.

La primera función incrementa en 1 la variable que introduces, ejecutandola X veces le sumaras X, es un poco tonteria, pero más o menos ya veis como va la cosa... 

//Función que incrementa una variable
function mas (&$a){
$a = $a + 1;
}

Las siguientes sirven para que el codigo html generado por el fichero.php sea legible correctamente, añadiendo la función a los (echo "";):

//Función que genera espacios en blanco
function s($n) {
    return str_repeat(" ",$n);
}

//Función que genera tabuladores
function t($n) {
    return str_repeat("t",$n);
}

//Función que genera Intros

function n($n) {
    return str_repeat("n",$n);
}

Return indica que se va a devolver, str_repeat indica el primer simbolo repetido tantas veces como diga el 2º,  nosotros le pedimos que escriba espacios " ", y tabuladores "/t", tantas veces como diga la variable que le damos.

Para usar estas funciones:

echo t(2)."<h1>Por ejemplo</h1>n";

Se puede hacer de muchas maneras, pero yo usare un script tal que éste:

<script language="JavaScript">

<!--

imagen1=new Image

imagen1.src="1.jpg"

imagen2=new Image

imagen2.src="2.jpg"

-->

</script>

Básicamente llama a dos imágenes.

Y usaré también una tabla con enlaces, y las imágenes:

<table>
  <tr>
    <td><a href="http://angelm.blogia.com/" onMouseOver="document.a.src=imagen2.src" onMouseOut="document.a.src=imagen1.src">Mi Blog</a></td>
    <td><img src="1.jpg" name="a" onMouseOver="document.a.src=imagen2.src" onMouseOut="document.a.src=imagen1.src"/></td>
  </tr>

   <tr>
    <td><a href="http://guerrerosdelaverno.mundoforo.com/index.php" onMouseOver="document.b.src=imagen2.src" onMouseOut="document.b.src=imagen1.src">Mi Foro</a></td>
    <td><img src="1.jpg" name="b" onMouseOver="document.b.src=imagen2.src" onMouseOut="document.b.src=imagen1.src"/></td>
  </tr>

  <tr>
    <td><a href="http://www.fotolog.com/angelmmc" onMouseOver="document.c.src=imagen2.src" onMouseOut="document.c.src=imagen1.src">Mi Fotolog</a></td>
    <td><img src="1.jpg" name="c" onMouseOver="document.c.src=imagen2.src" onMouseOut="document.c.src=imagen1.src"/></td>
  </tr>
</table>

Por supuesto podéis cambiar los enlaces y poner los que queráis.... poned en las imagenes el nombre de vuestras fotos, y con éste código el efecto resultante es que al pasar el ratón tanto por el enlace, como por la foto, ésta cambia, y al quitar el ratón de encima, vuelve a ser la imagen de antes.

Para que funcione hay que poner onMouseOver y onMouseOut en el enlace y la imagen,
y cada evento debe llamarse de manera diferente(aquí uso a, b, c).
Los enlaces no necesitan nombre, pero las imágenes si.
tr son filas, td son las columnas de la tabla.
Si solo colocas onMouseOver la imagen cambia al poner el ratón encima, pero no vuelve a su original.

No creo que haya muchas dudas más, pero si las hay solo tenéis que preguntar ^^ 

Necesitamos una función que lea la IP del usuario, y de ella saque la localización, nos serviría una como esta:

Cogemos éste código en head:

<script languaje="JavaScript">

    function mueveReloj(){

        momentoActual = new Date();

        hora = momentoActual.getHours(); //Tomamos la hora

        minuto = momentoActual.getMinutes(); //Minutos

        segundo = momentoActual.getSeconds(); //Segundos

        document.form_reloj.reloj.value=hora+":"+minuto+":"+segundo;

        setTimeout("mueveReloj()",10); //Hacemos funcionar, y mostrar por pantalla el reloj

     }

</script>

Cargamos en body: <body onload="mueveReloj()">

Y donde queramos poner el reloj ponemos un formulario como éste:

<form name="form_reloj">

<input type="text" name="reloj" size="10" readonly="true" />

</form>

Lo ponemos dentro de formulario, por el cuadro de texto que se necesita.

Es un ejemplo de como poner el típico banner publicitario, necesitamos un código como éste en head:

<script language="Javascript" type="text/javascript">

<!--

adImages = new Array("Imagen1.jpg","Imagen2.jpg","Imagen3.jpg") //Pon tantas imagenes como quieras, entre "", y separadas por comas.

adURL = new Array("Web1.com","Web2.com","Web3.com") //Tantas Webs como imagenes, y en el mismo orden.

thisAd = 0

imgCt = adImages.length



function cambia() {

if (document.images) { //Función que cambia las imagenes

if (document.adBanner.complete) {

thisAd++

if (thisAd == imgCt) {

thisAd = 0

}

document.adBanner.src=adImages[thisAd]

}

   setTimeout("cambia()", 3 * 100)

   }

}



function web() { //Funcion que cambia las webs

document.location.href="http://www." + adURL[thisAd]

}



-->

</script>

Con body deveremos cargar la funcion cambia de esta manera: <body onload="rotate()">

Y donde queramos poner el banner deberemos poner un enlace como éste:

<a href="javascript:web()"><img src="Imagen1.jpg" width="x" height="x" name="adBanner" border="0" alt="ad banner" /></a> //En src poner una de las imagenes del banner, y en width y height poner el tamaño que quereis que tenga el banner.

Necesitariamos un script como éste:

<script language="Javascript" type="text/javascript">

<!--

newWindow = null

function openWindow() { //Esta funcion abre la ventana

newWindow = window.open("Pagina Web", "newWin", "toolbar=no,location=nos,scrollbars=no,width=640,height=480") //En "Pagina Web" escribe el nombre de la web que quieras abrir en nueva ventana, "newWin" indica que será en nueva ventana, "toolbar=no,location=nos,scrollbars=no" indica sin barras (se puede poner a yes), "width=640,height=480" indican el tamaño de la ventana

}

function closeWindow() { //Esta funcion cierra la ventana

if (newWindow && !newWindow.closed) {

newWindow.close()

}

}

// -->

</script>

Luego en body tendriamos que poner:

<a href="javascript:openWindow()">Abre una ventana</a>

<a href="javascript:closeWindow()">Cierrra una ventana</a>

Donde queramos que aparezcan los enlaces para abrir y cerrar la ventana.

Esta es otra forma de proteger el contenido de nuestra web como: Proteger contenidos de nuestras webs en html.

Pondremos en head éste script, que luego no hará falta cargarlo en body siquiera.

Usariamos la opción onMouseOver, que sirve para que sucedan cosas al pasar el raton por encima del objeto al que le pongamos la opción, para redirigir a otra web seria onmouseover="parent.location='Pagina Web'".

Ejemplos:

-Poner un enlace que se active al pasar por encima:

<a href="" onmouseover="parent.location='http://angelm.blogia.com/'">Mi blog </A>

-En una imagen:

<img src="http://img54.imageshack.us/img54/8387/angelgi9.gif" alt="Angel" onmouseover="parent.location='http://angelm.blogia.com/'"/>

Este es un programilla muy malo, pero con el que se puede empezar a aprender sobre validaciones(te pide un codigo, y si cumple las cualidades que le pides te lo da por bueno, y si falla te dice en que). El script seria algo asi:

<script language="Javascript" type="text/javascript">

<!--

var posi1=-1;

var posi2=-1;

var conta;

var dominio;

var dominio2;

var usuario;

var mail;



mail=prompt("Correo:",""); //Pide el correo



for(conta=0;conta<mail.length;conta++){

  if(mail[conta]=="@"){

     posi1=conta;

  } //Busca la @ en el correo

}



if(posi1>0){

usuario=mail.substring(0,posi1-1); //Selecciona la parte anterior a @ como usuario

dominio=mail.substring(posi1+1,mail.lenght);} //La parte posterior como dominio

else{

document.write("Direccion de correo incorrecta, no tiene @")} //Si no hay @dice error



for(conta=0;conta<mail.length;conta++){

if(mail[conta]=="."){

posi2=conta;}

} //Busca el . del correo



if(posi2>usuario.length){

dominio=mail.substring(posi1+1,posi2-1);

dominio2=mail.substring(posi2+1,mail.length);} //Limita la longitud del dominio

else{

document.write("Direccion de correo incorrecta, no tiene .")} //Sin . da error



if(usuario.length>0 && dominio.length>0 && dominio2.length>=2 && dominio2.length<=4){

document.write("<h1>Direccion de correo correcta</h1>")} //Si lo cumple todo es correcto

else{

document.write("<h1>Direccion de correo incorrecta, dominio incorrecto</h1>")} //Si no lo cumple da error



-->

</script>

Este script es muy malo, porque por ejemplo correos como aaaa@aaa.aaa te los da por validos, pero ya seria jugar con las diferentes variables, y ponerle más restricciones para validar solo lo que nos interese ^^

Prefiero introducir siempre los scripts dentro del head, y luego cargarlos en body, pero éste si quereis lo podeis poner directamente en body:

<script language="Javascript" type="text/javascript">

<!--

var n;

var contador;

var resultado;

do{

n=parseInt(prompt("Introduce un numero",""));

resultado=0;

}while(n=="" || n==null || n<=0 || n>=10 || isNaN(n));

for(contador=1;contador<=10;contador++){

resultado=resultado+n;

document.write(n+"*"+contador+"="+resultado+"<br/>");

}

-->

</script>

Si quisierais ponerlo en head y luego cargarlo basicamente tendriais que añadirle una linea tras &lt-- creando una función, como por ejemplo: function tabla(){, y cerrar dicha funcion al final del script.

Apareceria un cuadro de texto, con un mensaje que se va transladando para dejarse leer entero.

Necesitariamos un script en head:

<script language="JavaScript">

<!--

var id,pause=0,position=0;

function mensaje() {

var i,k,msg="Sustituye esto por el mensaje que quieres que aparezca en el banner";

k=(100/msg.length)+1;

for(i=0;i<=k;i++) msg+=" "+msg;

document.form2.mensaje.value=msg.substring(position,position+100);

if(position++==100) position=0;

id=setTimeout("mensaje()",100); }

//-->

</script>

Cargaremos el script en body:

<body onload="scorrevole()">

Y pondremos el banner donde queramos con este codigo:

<form name="form2"><input name="scorrevole" size="40" type="text"></form>

Una aplicación web en java que cambie de varias monedas a euros.

Necesitamos un script en el head:

<Script language="JavaScript" type="text/javascript">

<!--

function actualizar(){

document.calcula.euro.value=

document.calcula.total.value*document.calcula.moneda[document.calcula.moneda.selectedIndex].value;          

document.calcula.cambio.value=document.calcula.moneda[document.calcula.moneda.selectedIndex].value;

}

-->

</script>

Y la aplicación del body:

<body onload="actualizar()"> //Tenemos que cargar el script en body
<form name="calcula">
<!-- onFocus se refiere al elemento que tenga el control(con el que estes trabajando), por ejemplo onFocus="actualizar()" actualizaria cuando su trabajes con su elemento-->
<!-- onMouseOver se refiere a cuando se quita el raton de encima-->
<input type="text" name="total" value="1" />
<select name="moneda" onChange="actualizar()" onFocus="actualizar"> //Aqui usamos el onChange y onFocus del que hablamos antes
<option value="0.6818">Dolar Americano</option>
<option value="1.4343">Libra Inglesa</option>
<option value="0.1289">Corona Noruega</option>
<option value="0.3609">Real Brasileño</option> //Poner tantos como tipos de monedas se quieran poner (poner en value el valor de la moneda)
</select>
<span>corresponde a</span>

<input name="euro" size=10 readonly="true" /><
<span>Euro € Cambio:</span>
<input name="cambio" size="10" readonly="true" readonly="true" />
<br />
<input type=button value="Actualizar" onclick="actualizar()" /> //El botón no es necesario, ya que lo he hecho de forma que actualiza automaticamente mediante onFocus y onChange

</form>
</body>

Es una forma un tanto basta y pesada, pero funciona, y es, mientras escribes el articulo, sustituir los simbolos de codigo (como por ejemplo: <>/...)web por el codigo que muestra la tabla:

He puesto los simbolos que dan problemas en blogia, y algunos raros, si quereis que ponga más decidmelo, y si encontrais un metodo mejor de poner codigo web en posts decidmelo tambien ^^

Este codigo en html genera una piramide y un rectangulo, simulano un arbol, segun como cambiemos los numeros dara arboles de diferentes formas:

El codigo fuente resultante será:

<body>

<center>
*<br />
**<br />

***<br />
****<br />
*****<br />
******<br />
*******<br />
********<br />
*********<br />
**********<br />
***********<br />

************<br />
*************<br />
**************<br />
***************<br />
****************<br />
*****************<br />
******************<br />
*******************<br />
********************<br />

*********************<br />
**********************<br />
***********************<br />
************************<br />
*************************<br />
**************************<br />
***************************<br />
****************************<br />
*****************************<br />

**<br />
**<br />
**<br />
**<br />
**<br />
**<br />
**<br />
**<br />
   <h1>¡Feliz Navidad!</h1>

   <h3>Angel Manuel Montoya Colmenero</h3>
</center>

</body>

Al necesitar <center></center>, esta pagina es html, para que fuera xhtml tendriamos que sustituirlo por un, y hacer un CSS en el que ese tipo de div fuera de alineado central.

Con html se puede usar codigo de presentacion en la pagina, pero en xhtml no, por lo que es imprescindible un archivo .css, para asignar a una pagina un CSS se deve añadir una linea como esta en la cabecera () de la pagina:

<link href='ARCHIVO CSS(Ejemplo:impr.css)' rel='stylesheet' type='text/css' title='ESTILO O DESCRIPCION DEL CSS' />

La mejor manera seria teniendo una base de datos con las frases, y poniendo:

SELECT * FROM citas ORDER BY RAND() LIMIT 1

O algo que signifique lo mismo (Seleccionar todo de "citas" ordenado aleatoriamente, pero cogiendo solo un valor(una cita)).

Pero como no todos tienen ni entienden las bases de datos, haríamos algo parecido al anterior de imágenes, pero frases en vez de imágenes. Ejemplo:

Script:

<script type="text/javascript">

var Cita=new Array()

Cita[0] = "Esta sería la frase o cita numero 1";

Cita[1] = "Esta sería la frase o cita numero 2";

Cita[2] = "Esta sería la frase o cita numero 3";

Cita[3] = "Esta sería la frase o cita numero 4";

Cita[4] = "Esta sería la frase o cita numero 5";

<!--Crear array, y darle valor, tantos elementos como citas queramos tener para elegir-->

var lon = Citas.length;

var mostrar=Math.round(Math.random()*(lon-1));

<!--Crear variable con la longitud del array,  y otra a la que se le asigna un valor aleatorio del array (sera la cita que se mostrara)-->

function Escribir() {

document.write(Cita[mostrar]);}

<!--Función que escribe la cita--> 

</script>

Codigo a escribir donde se quiera que se escriba la cita:

<script type="text/javascript">  Escribir() </script>

Es simplemente crear un array, en el que cada elemento sea la dirección de la imagen, hacer un código que genere un numero aleatorio, e imprimir '<img src="$array[Numero Aleatorio].">'. Ejemplo:

<?php

$imagen[0]='/fotos/Yo.gif';

$imagen[1]='/fotos/Dragón.gif';

$imagen[2]='cosas/fotos/Ola.gif';

$imagen[3]='/océano.gif';

$imagen[4]='/imagenes/Luz.gif';

//Crear el array, con las direcciones de las imágenes

$num=rand(0,4);

//Elegir numero aleatorio del 0 al 4, si ponéis más o menos imágenes cambiad el 4 por (Numero de imágenes -1).

print '<img src="'.$imagen[$num].'">';

?> 

Si estáis interesados en leer esto daré por hecho que sabéis que es un array y que es programación en php...

Hay muchas maneras, pero os comentare dos, la fácil de entender (pero más larga):

$ciudades = array("Murcia", "Albacete", "Alicante","Madrid");

$contador=0;

while($contador < count ($ciudades)){

echo "

".$ciudades[&contador]."

$contador++;

}

La primera linea es crear y dar valor al array, si ya lo tenemos creado no tendríamos porque ponerla, la siguiente crea una variable contador, y while hará un bucle que termina cuando el contador sea igual al numero de elementos del array, y la linea de "echo" imprime un elemento del array (al repetirse en bucle dentro de while los escribira todos).

Tambien podemos imprimir cada uno de sus elementos mediante la función "implode":

$ciudades = array("Murcia", "Albacete", "Alicante","Madrid");

print implode ("

".$ciudades."

Lo que nos devolvería el listado contenido dentro de la array con sus distintos valores separados por saltos de linea.