Archivo por meses: octubre 2012

Probando mi sitio para verlo en los móviles

Pues eso… a ver si poco a poco lo consigo, al menos con las páginas más principales… me refiero a preparar dichas páginas para que se vean "decentemente" bien en un dispositivo móvil…

Por ahora compruebo si el dispositivo móvil es uno de estos:
Android, iPhone, Blackberry o Symbian,
para el resto hay que indicar expresamente la página preparada para el móvil, por ejemplo la página principal de mi sitio para dispositivos móviles es esta: default_mob.aspx

Por supuesto, en un navegador "normal" no se verá igual que en uno usado desde un dispositivo móvil, por aquello del tamaño y esas cosas… así que… si no te gusta como lo ves desde tu equipo normal, lo mismo te parece mejor desde un teléfono móvil.

Decir que la página principal está muy reducida en cuanto a contenido se refiere, para que no sea lenta la carga (y sobre todo para que no tuviera yo que comprobar más cosas de la cuenta, jeje)

Esta captura es "simulada" ya que está capturada (valga la redundancia) desde el navegador de mi portátil… que no tengo ninguna aplicación para capturar en mi android… y también para que no fuese demasiado larga (o alta) he quitado algunas de las cosas que hay en la lista de "Lo más reciente".

 

elGuille_mob_00

 

Como te he dicho, a ver si adapto algunas de las páginas de mi sitio para que se vea mejor en los teléfonos/dispositivos móviles o al menos adapto las que indico en el primer bloque de la página principal.

 

Ah, y si tienes un teléfono móvil diferente a los que te he indicado arriba, y por tanto no ves la página adecuada a los móviles, y me quieres ayudar, por favor utiliza esta página para mostrar el contenido de navigator.userAgent y así poder mandármelo por correo y lo mismo lo añado a la lista de dispositivos móviles soportados en mi sitio web.

Si te decides a hacerlo, por favor mándame un mensaje a:
mensaje_elguille.info
y en el asunto indica: "userAgent de mi dispositivo movil".
Gracias.

 

Nos vemos.
Guillermo

Asignar el foco a un control al cargar una página web aspx (ampliación y recapitulación)

Pues eso… que lo de "ampliación" es por no poner "revisited" o algo similar que eso ya está muy visto, jeje y lo de "recapitulación" por el chasco/descubrimiento/formas diferentes de funcionar con el que me he encontrado al hacer pruebas en VB y en C#, ya verás, ya…

Pero en realidad esto es una aclaración o más bien un añadido (o ampliación) del otro artículo que publiqué el pasado 11 de octubre sobre este mismo tema, es decir, cómo asignar el foco a un control al cargar una página web aspx, en ese caso el código era con Visual Basic .NET pero lo importante no era el código si no lo explicado, es decir la forma de conseguir eso que indica el título.

La aclaración es porque en ese ejemplo el código y el diseño está todo en un mismo fichero (archivo) en lugar de tener el código por un lado y el diseño por otro, que es como el Visual Studio se empeña que lo hagamos, aunque en mi caso particular me gusta más (o prefiero) tener todo junto, ya que así es más fácil de actualizar la página en concreto, al menos para mí, que todo puede ser que a tí te venga mejor compilar el código y publicarlo cada vez que hagas una modificación por pequeña que sea… ¡hay gustos para todo! 😉

 

Vamos a lo que vamos.

Si utilizas el código por separado del diseño de la página web entonces no es necesario asignar un valor true a la propiedad AutoEventWireup, ese valor verdadero sólo debes asignarlo si el código a usar está "incrustado" en la página web ASPX y no en un fichero separado (el cual hay que compilar y publicar en el sitio web).

 

La forma de indicar si tienes el código "incrustado" o por separado es usando (lo que se llama "code behind"), esto lo puedes indicar al crear un nuevo fichero en el proyecto web tal como puedes ver en la figura 1 en la que he resaltado la parte que le indica a Visual Studio si quieres usar el código en un fichero separado o no (en este ejemplo SI se usa por separado).

orden_tabulacion_fig1
Figura 1. Indicar si queremos el código por separado o no

 

Esto creará dos ficheros uno con la extensión .aspx (el diseño de la página web) y otro con la extensión del lenguaje usado, en este ejemplo al indicar que el código es de C# la extensión del fichero de código es: .aspx.cs.

En este caso, el código de "enfoque" del control que queremos que sea el primero en recibir el foco lo pondremos dentro del evento Page_Load tal como podemos ver en los dos listados (el del diseñador y el código).
(Ver el comentario de la nota).

 

Listado 1 (el código del diseñador .aspx):

 

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Default3 - con el código por separado (en C#)</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
        <asp:TextBox ID="TextBox1" runat="server">uno</asp:TextBox><br />
        <asp:Label ID="Label2" runat="server" Text="Label"></asp:Label>
        <asp:TextBox ID="TextBox2" runat="server">dos</asp:TextBox><br />
        <asp:Label ID="Label3" runat="server" Text="Label"></asp:Label>
        <asp:TextBox ID="TextBox3" runat="server">tres</asp:TextBox><br />
        <asp:Button ID="Button1" runat="server" Text="Button" />    
    </div>
    </form>
</body>
</html>

 

Listado 2 (el código de C# .aspx.cs):

 

using System;
using System.Collections.Generic;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class Default3 : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        this.TextBox1.Focus();
    }

 

 

Nota:

Es curioso, pero al hacer la prueba con C# para "demostrar" todo esto que estoy explicando, si no uso un valor verdadero (true) en la propiedad AutoEventWireup de la página de C# no se ejecuta ese código del evento Page_Load, sin embargo (de ahí lo de curioso) en el código de Visual Basic da igual el valor que tenga esa propiedad… ¡jum!

 

 

Conclusión:

Que no tengo ni idea de por qué pasa esto con una página de C#… así que… sigue usando AutoEventWireup = "true" y así seguro que siempre te funciona…

Como te he dicho antes (en la nota) en Visual Basic .NET si va bien, uses true o false en AutoEventWireup, eso sí, siempre que el código esté por separado, si el código está en la misma página, si hay que indicar el valor true.

En cualquier caso, lo cierto es que al añadir la página de C# el valor de la propiedad AutoEventWireup tiene el valor true, mientras que en Visual Basic es false.

Todo esto (no solo que el valor sea verdadero/falso) es otra demostración de que a los de Visual Basic nos tratan de forma diferente…

En fin…

 

Espero que te sea de utilidad.

 

Nos vemos.

Guillermo

El inherit de los CSS no funciona igual en todos los navegadores

Pues eso… o al menos en el Internet Explorer y el Chrome que son los que suelo utilizar en mi portátil… (en el móvil utilizo el Opera Mini).
Al menos en lo que al ancho (width) se refiere.

No me voy a enrollar pero te explico brevemente:

Tengo una serie de estilos (tanto en ficheros CSS como en bloques <style>) y en algunos de ellos simplemente quiero "heredar" el ancho que ya está previamente definido en otro de los estilos, por tanto, simplemente utilizo esto:

width: inherit;

Y supuestamente debería utilizar el ancho "heredado" es decir, el que tenga el bloque (normalmente un <div>) que contiene al que le aplico el nuevo estilo (para algunas páginas en concreto), pero resulta que no es así…

Con Internet Explorer se muestra bien, pero cuando utilizo el Chrome me lo muestra mal, de hecho el ancho heredado es más grande y se "sale" de su sitio…

Hoy me he puesto a "juguetear" con la opción que tiene el Chrome (supongo que el IE también) de "Inspeccionar elemento", que te vale para ver el "elemento" de la página web actual en la que pulsas con el ratón (mouse) y poder modificarla, de forma que puedas ver cómo quedaría con los cambios que realices.

 

Para mostrar la opción Inspeccionar elemento de Chrome:

Esto se consigue pulsando con el botón secundario del ratón (normalmente el botón derecho) sobre el "elemento" a inspeccionar de una página web.
Te muestra una ventana con el código HTML, los estilos, etc. de forma que los puedes modificar sobre la marcha y ver el resultado.

 

Lo que te decía que me he puesto a probar y al quitar esa línea de código en la que le digo width: inherit; se ha solucionado el "desborde" que tenía del div con el título en algunas partes de las páginas… en fin…

Así que… me he puesto a buscar en los ficheros de estilos (.css) y en los modificados en algunas de las páginas maestras (.master) que utilizo en mi sitio y parece ser que ya no están esos desbordes… mejor así ¿no? po ezo

 

Espero que te sea de utilidad.

Nos vemos.
Guillermo

[FB] 28 Oct, 12:21 – cambio de hora

Publicado en Facebook el October 28, 2012 at 12:21PM:

ya tengo todos los relojes cambiados (con una hora menos) excepto el del móvil que debería ser automático, pero se ve que el que tiene que cambiar la hora “en la red” no ha ido porque es domingo, en fin…

Nos vemos.
Guillermo
P.S.
la hora de publicación fue las 12.21 pero en el móvil eran las 13.21
aquí la hora está bien… es el móvil el que no lo está…

#delfeis #ifttt #elguilleinfo

Saber si navegamos en un móvil

Pues eso… que estoy haciendo pruebas para saber si estoy usando el código de una página Web en un móvil o no… y buscando en mi sitio me encontré con este truco de la sección de HTML:
1.- Detectar el navegador

No es el navegador lo que quiero detectar, pero sí me sirve usar el mismo "informador", es decir navigator.userAgent.

Por medio de esa propiedad podemos averiguar muchas cosas, algunas más enrevesadas que otras, y para el caso que quiero probar me sirve… aunque no al 100% ya que en realidad la comprobación que hago no es para saber si estoy usando el código en un dispositivo móvil si no en ciertos "modelos" de dispositivos móviles.

En mi caso compruebo los siguientes: Android, iPhone, iPod, iPad, BlackBerry y Symbian.

El código a usar sería algo así en JavaScript:

 

<script type="text/javascript">

    var uAg = navigator.userAgent.toLowerCase();
    var isMobile = !!uAg.match(/android|iphone|ipad|ipod|blackberry|symbianos/i);

    if (isMobile)
        document.write("navegando desde un dispositivo móvil");

</script>

 

Como puedes ver en el código se comprueban varias cadenas que suelen (o pueden) aparecer en el valor devuelto por el navegador, y esa comprobación se hace por medio de una expresión regular, sabiendo esto, si necesitas añadir más "valores" a esa comprobación, por ejemplo, para saber si es un Nokia simplemente tendrías que poner antes del "/i" el separador y la cadena a añadir en minúsculas "|nokia", haciendo eso, la cadena de comprobación quedaría de esta forma:

 

var isMobile = !!uAg.match(/android|iphone|ipad|ipod|blackberry|symbianos|nokia/i);

 

Nota:

Si a alguien se le ocurre que comprobando si está la palabra "mobile" en la cadena devuelta por navigator.userAgent, decirle que a lo mejor antes era así y puede que en muchos de los navegadores siga siendo así, pero da la casualidad que en el navegador Opera Mini que tengo en mi Samsung Galaxy S no aparece la palabra "mobile" por ningún sitio, así que… a mí no me vale.

 

Y si quieres hacer esa misma comprobación usando Visual Basic para .NET, puedes hacerlo de esta forma:

 

<%

Dim uAg As String = Request.ServerVariables("HTTP_USER_AGENT")
Dim regEx As New Regex("android|iphone|ipad|ipod|blackberry|symbianos", RegexOptions.IgnoreCase)
Dim isMobile As Boolean = regEx.IsMatch(uAg)
    
If isMobile Then
    Response.Write("navegando desde un dispositivo móvil")
End If

%>

 

Esto mismo en C# puedes hacerlo, pero en la página ASPX tendrías que indicar que estás usando código de C# y hacer una importación del espacio de nombres System.Text.RegularExpresions:

 

<%@ Page Language="C#" %> 
<%@ Import Namespace="System.Text.RegularExpressions" %>

 

Y el código para comprobar si estamos usando el navegador en un dispositivo móvil en C# será este:

 

<%
string uAg = Request.ServerVariables["HTTP_USER_AGENT"];
Regex regEx = new Regex(@"android|iphone|ipad|ipod|blackberry|symbianos", RegexOptions.IgnoreCase);
bool isMobile = regEx.IsMatch(uAg);

if(isMobile)
    Response.Write("navegando desde un dispositivo móvil");

%>

 

Nos vemos.

Guillermo

Las fotos de octubre tomadas con mi móvil

Pues eso… aquí tienes las fotos que he ido tomando con mi móvil Samsung Galaxy S durante el mes de octubre de 2012… normalmente de mis paseos y/o escapadas con la bici e incluso con las piraguas…

Ya quedan pocos días de octubre y como está el tiempo en estos últimos días no sé si añadiré más, pero casi seguro que sí, ya que aún quedan 5 días y no creo que esté lloviendo todos estos días… ¿no? po ezo

 

Este es el enlace a las fotos que tengo en el álbum correspondiente de Picasa web.

 

2012 10 – Samsung Galaxy S

 

 

Nos vemos.
Guillermo

[FB] 25 Oct, 12:02 – de pruebas en el hospital comarcal

Publicado en Facebook el October 25, 2012 at 12:02PM:

decía que estoy esperando a que me llamen pa probar la fuerza del chorro… y son sin ganas de chorrear…

Nos vemos.
Guillermo
P.S.
pues resulta que no ha sido como la otra vez (menos mal, ya que con la maquinilla de la ecografía no duele) y para más “inri” al salir me encuentro con un regalito de 200 leuros de una “presunta” infracción por aparcamiento “indebido”… ¿vale como excusa el que estuviera lloviendo? va a ser que no… aunque ya le vale al “multador” con lo agustico que estaría a cubierto… en fin… a ver si busco la forma de que me la quiten… o pagar menos, que no está la cosa mu boyante… 🙁

#delfeis #ifttt #elguilleinfo

[FB] 18 Oct, 23:35 – las cosillas del jueves…

Publicado en Facebook el October 18, 2012 at 11:35PM:

hoy la cosa ha estado más “laig” que ayer… esta mañana he estado en la piscina cubierta haciendo spinning y nadando un poco (sólo habré hecho unos 800m de los 1500m que dijo Manolo).
Y después de comer con “mis” niños he ido a llevar mi bici al Decathlon pa que la arreglen y cambien lo que tengan que cambiar (bai de feis) ya que no es plan de que la bici esté como está y con tan poco tiempo… que me querían cambiar la “piñonera” por 75€ + mano de obra… así que… que la miren en Sevilla y a ver qué me dicen…
Y ahora está lloviendo, así que… mañana será de esos días de estar por casa y dejar los deportes para los que “se quieran mojar” jejeje
.
Nos vemos.
Guillermo

#delfeis #ifttt #elguilleinfo

[FB] 17 Oct, 21:59 – otro rollo sobre las piraguas y esas cosas mías…

Publicado en Facebook el October 17, 2012 at 09:59PM:

[AVISO, esto es un rollo, si no quieres leerlo, te lo perdono]

que digo yo que hoy es miércoles y como suele ser habitual (aunque no lo cuente todos las veces que voy y tampoco haya pruebas gráficas, entre otras rezones porque mi cámara acuática está a ver si la apañan…) hoy hemos salido un ratillo con las piraguas, que hoy el agua estaba casi como un plato… lo de casi es porque estaba plana y no con forma cóncava/convexa (que nunca me aclaro cuál es cuál -y tampoco me quita el sueño el no saberlo o no acordarme, más bien esto último-), la cuestión es que ha estado bien la cosa… y no he puesto nada del Endomondo/Sports Tracker porque si no, el rubio me da el toque, que dice que siempre lo pongo hasta pa andar un rato (como el rato que he estado andando esta mañana por el playazo o el ratillo de ir con la bici hasta Burriana) y ya no me enrollo más que si no… esto no lo va a leer ni yo… ¡seguro que no!
po ezo…
.
Nos vemos.
Guillermo

#delfeis #ifttt #elguilleinfo

[FB] 16 Oct, 22:45 – usando el endomondo y demás…

Publicado en Facebook el October 16, 2012 at 10:45PM:

hoy he tenido el día ocupaillo, deportivamente hablando (o lo que alcance la romana, a ver si lo mantengo), empezando con spinning y natación por la mañana (en la piscina cubierta), siguiendo con bici por la tarde (hemos ido al pinarillo) y pa terminar un paseíllo por el playazo… es que tengo que controlar el azúcar, que lo tengo más altillo de lo que a mi me gustaría (aunque no demasiado alto, pero sé que lo puedo tener más controlado)….
A ver qué hago mañana (aparte de las piraguas)
Nos vemos.
Guillermo

#delfeis #ifttt #elguilleinfo