Para poder hacer esto en HTML, lo primero será poner una imagen. Para ello nos basamos en la etiqueta IMG:

<img src="casarural.jpg" alt="Los Tejos">

Acordaros, como buena práctica, el poner un texto alternativo a la imagen con el atributo alt.

Ahora tendremos que recubrir el código de la imagen con un código de enlace. Para los enlaces nos basamos en la etiqueta A o anchor. Y para indicar el enlace el atributo href. De esta manera el código quedaría de la siguiente forma:

<a href="http://www.lostejos.com" title="Los Tejos"><img src="casarural.jpg" alt="Los Tejos"></a>

Similar Posts:

• Enlace a una parte concreta de la página
• Marcar enlaces externos con jQuery
• Abrir enlace en una nueva ventana
• Obtener el contenido de un elemento conociendo su TAG
• Alto y ancho de una imagen con HTML

En primer lugar contaremos con un servicio de datos que daremos por construido, al que llamaremos datos.php. Este servicio puede recibir por parámetro el valor de la página de datos a mostrar. Siguiendo la siguiente sintaxis:

datos.php?pagina=1 //Nos devolverá la primera página
datos.php?pagina=5 //Nos devolverá la quinta página

En posteriores artículos entraremos en detalle de como construir esta página con PHP de forma sencilla. Pero de momento nos vamos a centrar en el desarrollo de la parte cliente con jQuery para realizar peticiones AJAX.

Lo primero será la estructura de la página. Esta tendrá una capa donde volcaremos los mensajes, y dos botones que nos permitirán el ir hacía delante y hacía detrás.

 
<div id="mensajes"></div>
 
<button id="anterior">Anterior</button> | <button id="siguiente">Siguiente</button> 

Vemos que no tiene nada de código Javascript, y es que este le inyectaremos de forma no intrusiva mediante jQuery.

La inicialización de jQuery, tan sencilla como una línea:

<script type="text/javascript" src="jquery.js"></script>

De forma general vamos a definir una variable llamada página, la cual representa la página de mensajes a visualizar:

var pagina=1;

La inicializamos a un valor de 1 para que esta sea la primera página a visualizar.

Lo siguiente será codificar las acciones de click sobre los botones. El método que nos permite capturar un click sobre un elemento es el método .click() de jQuery. La codificación de los botones será muy sencilla. Los pasos que seguirán serán.

1. Decrementar el valor de una variable general llamado página
2. Llamar a una función cargardatos(); la cual implementará las peticiones AJAX

El código quedará de la siguiente manera:

$("#anterior").click(function() {
  pagina--;
  cargardatos();
});
 
$("#siguiente").click(function() {
  pagina++;
  cargardatos();
});

Como nuestras peticiones AJAX no van a ser muy complejas la función cargardatos se apoyará en el método .get() el cual hace peticiones AJAX de tipo GET. Aunque la función .get() tiene varios parámetros (échale un vistazo a los parámetros de la función .get()) nosotros vamos a utilizar 2.

El primer parámetro indicará el origen de datos que nos devuelve el contenido. Es decir, datos.php. Como la URL a montar varía dependiendo del valor de la página en la que estemos, tenemos que apoyarnos en el valor de la variable global página que estabamos utilizando

"datos.php?pagina="+pagina;

El segundo parámetro de la función .get() es un función que recibe un parámetro data con los datos de la respuesta y cuyo contenido es las acciones que vamos a realizar sobre ellos. En nuestro caso el contenido lo vamos a añadir a la capa "mensajes". Apoyándonos en el método .html(), el cual incluirá ese contenido sobre la capa.

function(data){
  if (data != "") {
    $("#mensajes").html(data);
}

Así, el código completo de la función cargardatos() quedará de la siguiente forma:

function cargardatos(){
  $.get("datos.php?pagina="+pagina,
   function(data){
    if (data != "") {
     $("#mensajes").html(data);
    }
    }
  );
}

Unas pocas líneas y algo que parece tan complejo como repaginar con jQuery y AJAX... resuelto.Similar Posts:

• Peticiones AJAX con jQuery
• Hola Mundo con jQuery
• Repaginar datos con AJAX
• Cargar un fichero con jQuery
• Modificar el estilo con jQuery

Esto nos va a aparecer si utilizamos codificaciones de codificación locales, como puede ser la ISO-8859-1.

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

Este es el caso de la Ñ, letra que solo encontramos en el alfabeto español. Así, si queremos utilizar la ñ en nuestros documentos HTML, lo mejor que podemos hacer es escaparla. Para ello, en vez de escribirla directamente la deberíamos de escribir de la siguiente forma:

ñ

O en mayúsculas:

Ñ

De esta forma podríamos tener textos como...

La capital de España es Madrid

...que se visualizaría de la siguiente forma:

La capital de España es Madrid

Otra opción, siempre y que podamos, es utilizar una codificación UTF-8, que nos evita estos problemas:

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

Similar Posts:

• Combos de selección
• Alto y ancho de una imagen con HTML
• Subindice en HTML
• Día W3C en España 2007
• Predeterminar valor en un combo

La forma que ASP nos ofrece para recuperar y poner información es el objeto Session. Si en este punto no sabemos como hacer esto es útil leerse el articulo Guardar información en la sesión del usuario.

En nuestro caso desconocemos el nombre de la variable que almacena el dato en sesión. Ya que sino podríamos utilizar la sentencia...

Session("nombreVariable")

...para recuperarla.

Lo que el objeto Session nos ofrece es la colección Contents, la cual, alberga a todas las variables instanciadas en sesión. Nos podemos valer de un bucle iterativo como for each para recuperarlas todas y mostrarlas en pantalla.

for each x in Session.Contents
  Response.Write(x + " =" + Session.Contents(x) + "<br>")
next

En el caso de que la variable almacenada en sesión sea un array se nos producirá un error. Es por ello que hay que controlar que la variable sea o no un array mediante la función IsArray().

IsArray(Session(x))

En el caso de que el elemento sea un array, tendremos que recorrer todos sus elementos. Para este caso, un bucle for desde el primer elemento del array hasta el último sería suficiente.

For w = LBound(Session(x)) to UBound(Session(x))
  Response.Write(x + "[" + CStr(w) + "] = " + Session(x)(w) + "<br>")
Next

Similar Posts:

• Guardar información del usuario en la sesión con ASP
• Inicializar variables de sesión en ASP
• Numero de usuarios activos en ASP
• Obtener ID de sesión en ASP
• Modificar time-out de sesión

Accederemos al fichero directamente:

 
Set db = Server.CreateObject("ADODB.Connection")
Dim DB_CONNECTIONSTRING
DB_CONNECTIONSTRING = "Driver={Microsoft Access Driver (*.mdb)};Dbq=" & Server.MapPath("/db/prueba.mdb") & ";"
db.open DB_CONNECTIONSTRING

Tanto en el acceso con DSN o sin DSN el objeto utilizado es un ADODB.Connection

Una vez que hemos abierto la conexión con la base de datos tendremos que comprobar que el texto a insertar no existe en la base de datos. Para realizar esta comprobación utilizamos una sentencia SELECT y un objeto ADODB.Recordset.

set rs_existe = Server.CreateObject("ADODB.Recordset")
QLStr = "SELECT valor FROM datos WHERE valor ='" + texto_insertar  + "'"
rs_existe.open SQLStr, DB_CONNECTIONSTRING, adOpenStatic, adLockReadOnly, adCmdText

En el caso de que esta búsqueda no nos devuelva ningún registro de la base de datos esto significa que la palabra a insertar no existe en nuestra base de datos. Es por ello que procederemos a realizar la inserción.

Lo que estamos haciendo es montar una sentencia SQL de tipo INSERT, la cual ejecutaremos sobre otro ADODB.Recordset

if not (rs_existe.EOF) then
    Response.Write ("El valor a insertar ya existe")
else
    set rs_insert = Server.CreateObject("ADODB.Recordset")
    SQLStr = "INSERT INTO datos VALUES ('" + texto_recibido + "')"
    rs_insert.open SQLStr, DB_CONNECTIONSTRING, adOpenStatic, adLockReadOnly,adCmdText
    Response.Write ("Insertado el valor " + texto_recibido)
end if

Para realizar una inserción en una base de datos utilizamos la sentencia INSERT; la cual tiene la siguiente forma:

INSERT INTO tabla[s] (campo[s]) VALUES (valor1, valor2,..., valorN)

Los valores deberán de coincidir con su posición en la tabla de la base de datos.

Con unas pocas líneas de código tenemos nuestro fichero ASP que utiliza los objetos de ADO para insertar un registro en una BD.Similar Posts:

• Acceder a una base de datos con ASP
• Cargar combos desde una Base de Datos con ADO
• Borrar registros de una base de datos con ADO
• Leer de un Excel con ASP
• Insertar datos con JDBC

El método .codePointAt() devuelve el código ASCII de un carácter en concreto. El carácter será el que coincida con el índice que se pasa como parámetro al método.

Empezamos definiendo la cadena:

String sCadena = "Esto es una cadena de texto";

Ahora empezamos recorriendo la cadena, para ello nos apoyamos en un bucle for y en el método .length(), el cual nos ayuda a conocer el tamaño de la cadena. En el interior del bucle, y apoyándonos en el elemento de interacción vamos obteniendo el código ASCII de los caracteres con el método .codePointAt()

for (int x=0;x<sCadena.length();x++)
  System.out.println(sCadena.charAt(x) + " = " + sCadena.codePointAt(x));;

Vemos que utilizamos el método .charAt() para sacar el carácter asociado al código ASCII.Similar Posts:

• Invertir una cadena con Java
• Listar caracteres de una cadena con Java
• Saber si una palabra es un palíndromo con Java
• Obtener un carácter de una cadena con Java
• Tamaño de una cadena en Java

En este caso vamos a realizar una petición a una página para que nos devuelva un contenido, el cual incluiremos en una capa de nuestra página.

Así, lo primero será montar nuestra página HTML. Con su button y su div.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
title"><title>Petición AJAX con jQuery</title>
</head>
<body>
<h1>Petición AJAX con jQuery</h1>
<div id="mensaje"></div>
 
<button id="cargar">Cargar</button>
 
</body>
</html>

Lo siguiente será inicializar jQuery y empezar a generar el código no intrusivo. Cargamos la librería jQuery mediante la etiqueta SCRIPT.

<script type="text/javascript" src="jquery.js"></script>

Una vez configurado todo... vamos a resolver el tema en cuestión. Lo primero será capturar el onClick sobre el botón. Para ello, sobre el ID cargar asociamos la función click().

<script type="text/javascript">
$(document).ready(function(){
 $("#cargar").click(function(){
    // Petición AJAX 
 });
 
});
</script>

Para hacer la petición AJAX nos apoyaremos en la función .get(url,[data],[callback],[type]). Esta función es muy sencilla y sus parámetros se descomponen en:

• url, es la URL que contendrá el fichero que nos devuelva los datos.
• data, son los datos a enviar a la URl de petición
• callback, es el método que se ejecutará cuando se realice la petición
• type, tipo de datos que se devolverán desde el servidor: text, xml, html, json,...

Así la petición AJAX será:

$.get("http://lineadecodigo.com/samples/datos.php", function(data){
  $("#mensaje").html(data);
});

En ella se puede apreciar varias cosas. La primera que datos.php es el fichero que devuelve los datos (no entraremos en detalle de como se compone, pero básicamente devuelve código HTML). La segunda es que la función de callback recibe como parámetro los datos devueltos por el servidor... dentro de esta función lo que estamos haciendo es añadir estos datos a la capa mediante el método .html()

Ahora solo nos queda el explotar las posibilidades del método .get() para dar potencia a nuestra web mediante peticiones AJAX con jQuery.Similar Posts:

• Repaginar con jQuery y AJAX
• Cargar un fichero con jQuery
• Hola Mundo con jQuery
• Modificar el estilo con jQuery
• Ocultar y mostrar elementos con jQuery

De esa manera, lo primero será definir la cadena:

String sCadena = "Esto es una cadena de texto";

Ahora tenemos que saber que los caracteres empiezan a enumerarse por el 0. Es por ello que si queremos obtener el primer carácter tenemos que solicitar el 0, y si queremos el carácter 'e' de la palabra 'es', este será el quinto carácter.

De esta manera el código Java con el método .charAt() se queda de la siguiente forma:

System.out.println(sCadena.charAt(5));

Similar Posts:

• Listar caracteres de una cadena con Java
• Invertir una cadena con Java
• Saber si una palabra es un palíndromo con Java
• Java y la palabra más larga de una frase
• Obtener los códigos ASCII de una cadena de texto

Esto lo podemos realizar de otra forma mediante el campo CASE_INSENSITIVE_ORDER de la clase String. Este campo nos permite realizar ordenaciones que ignoren las mayúsculas.

Lo primero, el declarar el Vector e insertarle elementos:

Vector<String> miVector = new Vector<String>();
miVector.add("Victor");
miVector.add("julio");
miVector.add("amaya");

Ahora ejecutamos la ordenación mediante el método .sort(). El segundo parámetro será la forma de ordenación, el campo CASE_INSENSITIVE_ORDER.

Collections.sort(miVector,String.CASE_INSENSITIVE_ORDER);

Ya solo nos quedará el volcar el contenido por pantalla.

for(String sElemento: miVector){
  System.out.println(sElemento);
}

Similar Posts:

• Ordenar un Vector de String en Java
• Ordenar un Vector de forma alfabética con Java
• Insertar elementos en un Vector
• Insertar un elemento en una posición concreta del Vector
• Listar un conjunto

El primer paso será el crear el formulario HTML que nos permita captar los datos del usuario. Este formulario tendrá dos campos de texto y un botón que nos permita enviarlo.

 
<form id="myform" action="recibir-parametros.php" method="GET">
label"><label for="p1">Primer parametro</label>
<input type="text" id="p1" name="p1"><br/>
label"><label for="p2">Segundo parametro</label>
<input type="text" id="p2" name="p2"><br/>
<input type="submit" value="Enviar Formulario"/>
</form>
 

En este punto es muy importante el valor de los atributos name, ya que serán los valores que demos a estos atributos, los que nos sirvan para recuperar lo que el usuario introduzca. En nuestro caso hemos datos los valores de p1 y p2. Que serán los que recuperemos.

Un segundo punto en el que tenemos que prestar atención es en atributo action. En dicho atributo tenemos que indicar el nombre del fichero PHP que procesará y recuperará los datos del formulario. El fichero que codificaremos más adelante se llamará recibir-parametros.php

El último punto importante del formulario será el tipo de envío de los parámetros. El tipo de envío se especifica mediante el atributo method y sus valores pueden ser POST o GET. Con POST los parámetros se pasan de forma oculta, mientras que con GET podemos ver los valores en la URL de petición. Dependiendo del método de envío que utilicemos necesitaremos utilizar un método u otro en nuestro código PHP.

Pasemos ya a codificar el fichero PHP. Este será sencillo. El método para recuperar datos de un formulario, cuando estamos pasando los parámetros mediante el método GET, es $_GET[]. El nombre del dato a recuperar se pasará como parámetro.

$_GET["p1"];
$_GET["p2"];

Ahora solo nos quedará el mostrarlo por pantalla. Para ello utilizamos la sentencia echo de la siguiente forma:

echo "El valor de p1 es ",  $_GET["p1"], "<br/>";
 echo "El valor de p2 es ",  $_GET["p2"];

Similar Posts:

• Recuperar datos de un formulario con ASP
• Cambiar el valor de un radio group dinámicamente
• Recibir parametros en una JSP
• Recibir parametros en un Servlet
• Leer parámetros de inicialización de un servlet