Artículos
→ HTML →

Utilizar la ñ en HTML

Creado: 25/Ene/2010 Actualizado: 14/Ene/2025

Es posible que te hayas encontrado en un caso en el que has creado alguna página web en la que has querido utilizar la ñ en HTML y cuando la has ido a visualizar en algún navegador en concreto no se visualizaba de la forma correcta, mostrando un carácter raro.

Y es que a la hora de escribir documentos HTML y publicarlos en la web tenemos que tener en cuenta que estos son susceptibles de ser visualizados por personas de muchos sitios. Y que estas personas tendrán diferentes configuraciones de sus navegadores. Es por ello que tenemos que prestar especial atención cuando utilicemos símbolos especiales de los idiomas.

Codificación de contenido en HTML.

Para ello, dentro de la especificación del lenguaje HTML nos permite jugar con diferentes tipos de codificaciones mediante los juegos de caracteres o charset.

El problema de encontrar caracteres que no están soportados si utilizamos codificaciones de locales, como puede ser el caso de la ISO-8859-1. Esta especificación contempla el alfabeto español, por lo tanto sí que contempla el uso de la letra ñ.

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

Pero, ¿qué sucede si queremos que páginas que tengan otras codificaciones puedan ver la letra ñ, letra que solo encontramos en el alfabeto español? Así, si queremos utilizar la ñ en nuestros documentos HTML, lo mejor que podemos hacer es utilizarla como entidad HTML.

Entidades en HTML

Las entidades HTML son códigos especiales que nos permiten representar caracteres especiales en nuestro código HTML. Estas entidades comienzan con el símbolo & y terminan con ; (punto y coma). Entre estos símbolos podemos encontrar tanto códigos numéricos como nombres nemotécnicos que representan caracteres específicos.

Para ello, en vez de escribir la ñ directamente, la deberíamos de escribir utilizando la estructura de las entidades HTML:

&codigo;

Entidades para utilizar la ñ en HTML

En este caso, para representar la letra ñ mayúscula en HTML, podemos utilizar dos códigos diferentes: el código numérico #209, que corresponde a su posición en la tabla ASCII extendida, o la entidad nemotécnica Ntilde, que es más fácil de recordar ya que hace referencia directa a la letra N con tilde:

&#209;
&Ntilde;

Para representar la letra ñ en minúsculas en HTML, podemos utilizar dos opciones diferentes: el código numérico #241, que corresponde a su posición en la tabla ASCII extendida, o la entidad nemotécnica ntilde, que al igual que su versión mayúscula, hace referencia a la letra n con tilde:

&#241;
&ntilde;

Ejemplo para codificar la ñ en HTML

De esta forma podríamos tener textos HTML dentro de nuestra página web que utilicen entidades HTML para representar caracteres especiales. Por ejemplo, si queremos escribir una frase simple que contenga la letra ñ, podríamos hacerlo de la siguiente manera…

La capital de Espa&ntilde;a es Madrid.

…que cuando se procese y se muestre en el navegador, se visualizaría exactamente de la siguiente forma:

🖥️ La capital de España es Madrid.

Uso de UTF-8 para poder utilizar la ñ en HTML

Otra opción, siempre que podamos, es utilizar una codificación UTF-8, que nos evita estos problemas y en este caso podemos incluir directamente la letra ñ escrita por teclado, ya que es soportada dentro del alfabeto unicode UTF-8.

De esta manera el tipo de contenido lo definiremos de la siguiente forma:

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

De esta manera, hemos explorado detalladamente las diferentes opciones y consideraciones que debemos tener en cuenta cuando necesitamos utilizar la letra ñ en documentos HTML. Ya sea mediante el uso de entidades HTML específicas o a través de la codificación UTF-8, ahora disponemos de las herramientas necesarias para implementar este carácter especial de forma correcta y asegurar su visualización adecuada en cualquier navegador o configuración.

Código Fuente

Descárgate el código fuente de Utilizar la ñ en HTML
Y si te ha gustado nuestro código fuente puedes regalarnos una estrella Star
Utilizar la ñ en HTML

Ejecuta el Código

Vídeos sobre HTML

Disfruta también de nuestros artículos sobre HTML en formato vídeo. Aprovecha y suscribete a nuestro canal.

Test HTML

¿Te atreves a probar tus habilidades y conocimiento en HTML con nuestro test?

Test HTML
Artículos
→ ASP →

Volcar el contenido de la sesión en ASP

Creado: 20/Ene/2010 Actualizado: 27/Ago/2021

Mediante este simple ejemplo buscamos ver cómo listar los datos que un usuario tiene almacenados en su sesión. En primer lugar hay que recordar que los datos de sesión están almacenados mientras el usuario realiza una navegación por nuestra web.

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) + "
")
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) + "
")
Next
Artículos
→ ASP →

Insertar un registro en una BD con ADO

Creado: 08/Ene/2010 Actualizado: 27/Ago/2021

Lo primero que tenemos que hacer para poder insertar un registro en una BD con ADO es conectarnos a la base de datos a través de un objeto Connection. A este objeto hay que pasarle la cadena de conexión indicando donde se encuentra la base de datos. Nosotros vamos a hacer la conexión, en este caso, sin usar DSN. Es más recomendable conectarse a la base de datos vía un DSN, pero esto nos permite ver código nuevo.

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.

Artículos
→ Java →

Obtener los códigos ASCII de una cadena de texto

Creado: 07/Ene/2010 Actualizado: 27/Jun/2021

En este ejemplo vamos a ver cómo obtenemos los códigos ASCII de una cadena de texto con Java. Para ello recorreremos los caracteres de la cadena e iremos obteniendo el código. Para ello nos apoyamos en el método .codePointAt().

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.

Vídeos sobre Java

Disfruta también de nuestros artículos sobre Java en formato vídeo. Aprovecha y suscribete a nuestro canal.

Test Java

¿Te atreves a probar tus habilidades y conocimiento en Java con nuestro test?

Test Java
Artículos
→ jQuery →

Peticiones AJAX con jQuery

Creado: 06/Ene/2010 Actualizado: 09/May/2024

Las bondades del patrón AJAX son más que conocidas… La posibilidad de hacer peticiones de forma asíncrona que actualicen una parte de la página es una realidad de muchas webs. jQuery, como framework de JavaScript nos permite realizar esta tarea de forma sencilla, evitando codificar directamente la petición AJAX en JavaScript.

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>
<html>
<head>

<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 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">
window.addEventListener('DOMContentLoaded', function() {
$(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("https://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.

Código Fuente

Descárgate el código fuente de Peticiones AJAX con jQuery
Y si te ha gustado nuestro código fuente puedes regalarnos una estrella Star
Artículos
→ Java →

Obtener un carácter de una cadena con Java

Creado: 05/Ene/2010 Actualizado: 07/May/2024

En este artículo vamos a ver cómo podemos obtener un carácter de una cadena con Java. Esto nos puede ser útil si queremos conocer el valor de un carácter en concreto o si bien queremos modificarlo por un nuevo valor.

Para ello, lo que tendremos que hacer es conocer cómo podemos manipular el método .charAt() sobre la misma cadena.

Definir la cadena de texto

El primer paso para obtener un carácter de una cadena con Java será el de definir la cadena. Para ello, nos apoyamos en una variable de tipo String a la cual le asignamos directamente el valor de la cadena de texto.

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

Podríamos haber utilizado el constructor de la cadena String mediante un operador new. Pero vemos que es mucho más sencillo hacer la asignación directamente en la creación de la variable.

Posiciones de los caracteres en una cadena.

El siguiente paso ya será acceder a uno de los caracteres de la cadena de texto. Pero antes de hacerlo deberemos saber que los caracteres de la cadena de texto empiezan a enumerarse por el valor 0.

De esta manera, las cadenas de texto empezarán por el valor 0 y la última posición equivaldrá al tamaño de la cadena menos 1.

Atendiendo a esto, 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, aunque se encuentra en la sexta posición.

Obtener un carácter de una cadena con Java

Y ya, al fin, vamos a acceder a un carácter de una cadena. Para ello, vamos a utilizar el método .charAt() que tiene la siguiente sintaxis:

String.charAt(int index)

Este método recibe como parámetro un valor entero, que representa la posición del carácter que queremos obtener de la cadena.

Así, si queremos acceder a la primera posición, escribiremos el siguiente código con el método .charAt():

sCadena.charAt(0);

O si queremos acceder a la quinta posición, el método .charAt() se escribirá de la siguiente forma:

sCadena.charAt(5);

Ya solo nos quedará mostrar el contenido por pantalla, paso que haremos mediante la clase System.in de Java y su método println().

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

De esta forma tan sencilla habremos conseguido obtener un carácter de una cadena con Java. Seguro que más de una vez utilizarás este código.

Código Fuente

Descárgate el código fuente de Obtener un carácter de una cadena con Java
Y si te ha gustado nuestro código fuente puedes regalarnos una estrella Star
Obtener un carácter de una cadena con Java

Vídeos sobre Java

Disfruta también de nuestros artículos sobre Java en formato vídeo. Aprovecha y suscribete a nuestro canal.

Test Java

¿Te atreves a probar tus habilidades y conocimiento en Java con nuestro test?

Test Java
Artículos
→ Java →

Ordenando alfabéticamente con CASE_INSENSITIVE_ORDER

Creado: 04/Ene/2010 Actualizado: 08/Ene/2015

En el artículo sobre cómo ordenar un vector de forma alfabética con Java veíamos como implementar un comparador alfabético utilizando el interface Comparator.

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 miVector = new Vector();
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);	
}

Vídeos sobre Java

Disfruta también de nuestros artículos sobre Java en formato vídeo. Aprovecha y suscribete a nuestro canal.

Test Java

¿Te atreves a probar tus habilidades y conocimiento en Java con nuestro test?

Test Java
Artículos
→ PHP →

Recuperar datos de un formulario con PHP

Creado: 03/Ene/2010 Actualizado: 25/Ago/2021

Vamos a crear un código en PHP que nos permita recuperar los datos introducidos en un formulario y nos los muestre en pantalla.

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.

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"], "
";
 echo "El valor de p2 es ",  $_GET["p2"];

Código Fuente

Descárgate el código fuente de Recuperar datos de un formulario con PHP
Y si te ha gustado nuestro código fuente puedes regalarnos una estrella Star
→ Blog →

Feliz 2010

Creado: 01/Ene/2010

Desde Linea de Código os deseamos un…

¡Feliz 2010!

… que en este nuevo año, todos vuestros proyectos se vean cumplidos. Y que sigamos aprendiendo y compartiendo conocimiento desde la web.

happy new year

Artículos
→ XSLT →

Convertir un fichero XML en una página web

Creado: Actualizado: 25/Ago/2021

Mediante este ejemplo vamos a iterar por los elementos de un documento XML utilizando las hojas de transformación XSLT. De esta manera conseguiremos convertir un fichero XML en una página web.

En el ejemplo lo que haremos será recorrer los elementos a partir de un punto especificado mediante XPath.

Lo primero que vamos a hacer es montar nuestro documento XML, el cual solo contendrá la información -en este caso libros y autores- y una referencia al archivo que realizará la transformación.

Así, nuestra información será algo parecido a lo siguiente:



  
    Fuente Ovejuna
    Lope de Vega
    84-9815-002-7
  
  
    La Celestina
    Fernando de Rojas
    84-96390-96-9
  
  
  ...

Y la referencia a nuestro fichero de transformación:

Hasta aquí sencillo. Ahora veamos qué tenemos que hacer en nuestro fichero de transformación. Lo primero será definir el template sobre el que queremos trabajar. En el template hacemos referencia, usando XPath, al elemento sobre el cual nos posicionaremos inicialmente. En nuestro caso nos vamos a posicionar sobre la raíz del documento XML. Es por ello que utilizaremos la expresión XPath «/». El elemento XSLT que utilizamos para definir la plantilla es xsl:template.

Ahora definimos el bucle que recorrerá los elementos. Para ello utilizamos la etiqueta xsl:for-each. Lo que estamos diciendo sería algo así como «por cada elemento que encuentres del tipo x ves iterando». Dentro de la etiqueta xsl:for-each definiremos las acciones que queremos hacer con todos y cada uno de los elementos.

Para especificar el elemento sobre el que se itera, la etiqueta xsl:for-each tiene el atributo select. El cual, tendrá como parámetro un valor XPath que indica un elemento del árbol XML. Así, la etiqueta xsl:for-each nos quedaría de la siguiente forma:

En nuestro caso trataremos cada uno de los libros. Por ello, el nodo elegido es «libros/libro».

Solo nos quedará realizar las acciones oportunas con cada uno de los libros. Este código, será el que pongamos dentro de la etiqueta xsl:for-each. Para nuestro ejemplo bastará con recuperar los valores del titulo y el autor. Para ello utilizamos la etiqueta xsl:value-of como vemos a continuación:

De una forma sencilla e iterando los elementos de un documento XMLL hemos conseguido convertir a dicho documento en una página web.