making of: jQuery jugando al gato y al ratón, show & hide en HTML forms

Hoy es el día de aprender cosas…

Así que vamos a ver, como manejar elementos en formularios web de manera que podamos mostrarlos u ocultarlos según nos convenga:

javascript:

 $(document).ready(function() {
              
                $('#showFoo2').hide();
                $('#Foo1').click( function(e) {
                    if (e.target.type !== 'radio') {
                        $(this).find(":radio").trigger('click');
                       
                    }
                    $('#showFoo2').hide();
                    $('#showFoo1').show();
                   });
                   $('#Foo2').click( function(e) {
                    if (e.target.type !== 'radio') {
                        $(this).find(":radio").trigger('click');
                       
                       
                    }
                        $('#showFoo1').hide();
                        $('#showFoo2').show();
                   });
            // bind 'fooForm' y nos da un callback 
            $('#fooForm').ajaxForm(function() {
                alert("Datos enviados al servidor");
            });
        });

HTML:

<form method='post' action="devnull.php" id="fooForm" />

 Foo1 o Foo2:<br>
            <input id="Foo1" type="radio" name="Foo" value="01"

            checked="checked" >
            Foo1 <br>
            <div id="showFoo1">
                #Foo1:
<input name="fooInput1" type="text"           

                size="20" maxlength="20" /> <br>
            </div>
            <input id="Foo2" type="radio" name="Foo2" value="02">  

           Foo2<br>
            <div id="showFoo2">
                 Foo2:
<input name="fooInput2"  

                 type="text" maxlength="16" />
            </div>


</form>           


Comments

the making of: Desplegable de Entidades Bancarias para Formulario HTML

No se si os habréis encontrado alguna vez en la necesidad de añadir un desplegable con nombres y códigos de entidades bancarias a alguno de vuestros formularios. Si el caso es afirmativo, ya os las habréis apañado seguramente mejor que yo, si el caso es que no, pero probablemente algún día os toque… os voy a dar un pequeño truco, ya que seguramente lo único que encontraréis será el listado tal cual en texto plano… y eso convertirlo a un

<select name=”Entidad”>

    <option value=”2011”> - CAJA AHORROS MONTE PIEDAD BARCELONA </option>

</select>

lleva tela para hacerlo a mano…

En resumen, os voy a enseñar como pasar de esto:

  2000 CONFEDERACION ESPAÑOLA CAJAS AHORROS
  2001 CAJA AHORROS PROVINCIAL ALBACETE
  2005 CAJA AHORROS PROVINCIAL ALICANTE
  2006 MONTE PIEDAD Y CAJA AHORROS ALMERIA
  2007 CAJA AHORROS Y PRESTAMOS ANTEQUERA
  2010 M.P.CAJA GRAL AHORROS DE BADAJOZ
  2011 CAJA AHORROS MONTE PIEDAD BARCELONA
  2012 CAJA PENSIONES V.A.CATALUÑA Y BAL

a esto:

<option value=’2000’>   - CONFEDERACION ESPAÑOLA CAJAS AHORROS </option>
<option value=’2001’>   - CAJA AHORROS PROVINCIAL ALBACETE </option>
<option value=’2005’>   - CAJA AHORROS PROVINCIAL ALICANTE </option>
<option value=’2006’>   - MONTE PIEDAD Y CAJA AHORROS ALMERIA </option>
<option value=’2007’>   - CAJA AHORROS Y PRESTAMOS ANTEQUERA </option>
<option value=’2010’>   - M.P.CAJA GRAL AHORROS DE BADAJOZ </option>
<option value=’2011’>   - CAJA AHORROS MONTE PIEDAD BARCELONA </option>
<option value=’2012’>   - CAJA PENSIONES V.A.CATALUÑA Y BAL </option>

en unos sencillos pasos.

Lo primero, obtener el listado de Entidades Bancarias

asusta ¿no?

Despues, analizar que es lo que queremos, pues separar el código númerico del nombre de entidad y crear una cadena que contenga:

<option value=”$codigoEntidad”> - $nombreEntidad </option>

así que echamos mano de las expresiones regulares que tenemos cogiendo polvo en nuestra cabeza (veréis que esta es muy fácil y cortita) y la aplicamos a la cadena de muestra.:

([0-9]{4})

esto nos dará los cuatro dígitos con los que comienza la cadena

“2011 CAJA AHORROS MONTE PIEDAD BARCELONA”

es decir,

“2011”

ahora solo tenemos que coger el resto de la cadena en otra variable, y escribir la cadena que queremos…

le damos forma en nuestro lenguaje de programación favorito y…

<?php

// abrimos fichero
$lines = file('listado_Entidades_Bancarias.txt');

foreach($lines as $line) {

    // extraer código de entidad
    preg_match('/([0-9]{4})/', $line, $match);
    $codigoEntidad = $match[0];


    //Reemplazamos el código de entidad por un guión   
    $nombreEntidad = preg_replace('/([0-9]{4})/',"-", $line);
    $nombreEntidad = rtrim($nombreEntidad);
    //print $nombreEntidad;

    //escribimos la linea opción
    $opcion ="<option value='$codigoEntidad'> $nombreEntidad </option>\n";
    print $opcion;
}

?>

y et voila! ya tenemos nuestro texto con la forma deseada


Comments

Entrevista a Jose Félix Tezanos sobre el movimiento 15M

Acabamos de publicar desde el CECPS la entrevista que el prestigioso sociólogo Jose Félix Tezanos nos ha concedido sobre algunas interesantes cuestiones acerca del movimiento 15M y otras cuestiones socio-Politicas de actual relevancia. http://cecps.org/index.php/78-cecps/72-cecps-jose-felix-tezanos-15-m


Comments
May 31

Terrorismo Germánico

Hace nada la canciller Merkel deleitaba a aquellos nosotros hundidos en el fango de la desesperación económica con que nos lo merecíamos por vagos y juerguistas.

Ahora resulta, que ademas nuestra agricultura es tóxica y asesina de alemanes.

A mi esta chufla pantomímica me huele a terrorismo planeado, estratégicamente desplegado para acabar con un país, y no es Alemania no, sino España, ya que allí parece que somos la causa de todos sus males el cuando todo va bien que bien lo hace Alemania, cuando algo va mal es culpa de España, esa cuna de hippies y gitanos… En fin, que no escatiman oportunidad para joder nuestra ecónomia…


Comments

Más Democracia, proyecto de libro colaborativo del CECPS

Desde el Círculo de Estudiantes de Ciencias Políticas y Sociología (CECPS), iniciamos hoy, 23 de mayo un ambicioso proyecto que tiene como fin el difundir y dar a conocer que es verdaderamente la Democracia en Europa, con el fin de garantizar una Europa más fuerte y cohesionada.

Con el título “Más Democracia: El ciudadano en Europa y Europa en el Mundo, pretende ser un proyecto colaborativo  y abierto a todo aquel que pueda aportar contenido al libro y en especial enfocado, aunque no limitado, a academicos y alumnos de Ciencias Políticas y Sociología que tengan especial interés en la materia.

El proyecto nace en forma de WikiLibro, con formato similar al utilizado en la afamada Wikipedia, utilizando el mismo sistema de edición que ésta utiliza, por lo que las posibilidades de colaboración en línea son ilimitadas.

Una vez concluida la redacción del libro, el objetivo es editarlo, traducirlo a diversos idiomas y publicarlo en diversos formatos electrónicos, para su libre distribución.



Comments

Jóvenes españoles inventan algo llamado protesta

Leo en el periodico de Aragón lo siguiente en relación a las elecciones: “En cuanto al Movimiento 15-M, se ha demostrado que su movilización y jovial activismo no han influido en el proceso. La indignación popular autoorganizada es un fenómeno novísimo que tiene mucho camino por delante.”

Resulta pues que como las protestas se inventaron la semana pasada, son de escaso efecto.

No, vamos a ver, no han influido lo que debieran porque la gente ha castigado al PSOE, el voto alternativo de las minorías concienciadas se ha diluido en candidaturas minoritarias, quitando peso al PSOE y aportando parte de este peso de forma indirecta y en el caso del centro izquierda mas centrista de forma totalmente directa al PP en la esperanza de que lo hagan mejor.

Todo ello por gentileza del Sistema D’Hont.

En fin como dicen, aun queda un gran camino por delante.


Comments
May 19

El CECPS se adhiere al manifiesto de ¡Democracia Real Ya!

El Circulo de Estudiantes de Ciencias Políticas y Sociología (CECPS) acaba de hacer público su comunicado de adhesión al manifiesto de ¡Democracia Real Ya! al considerar que las revindicaciones que el mismo contiene convergen con los objetivos y misiones de la plataforma.


Comments
May 19
Ruth's blog: El proceso evolutivo de aceptación del RISP

Comments
May 19

La Merkel nos quiere llevar al huerto

Leo con asombro la noticia de que froilain Merkel se niega a seguir aportando dinero a Europa sino se equiparan jubilaciones y festividades en toda europa, sobre todo fijate tu que casualidad, en Grecia, España y Portugal, que somos los mas vagos y mas juerguistas.

Me estoy cansando ya de esta señora, sobre todo cuando las cifras, dicen que no hay tanta diferencia entre España y Alemania en esos parámetros pero si un abismo infernal en cuanto a salarios. Ah ¿que de eso no dice nada? Hay que ver, ¡Que contrariedad!

Basta ya de utilizar la desgracia ajena como ventaja politica en su país señora Merkel y de avivar nacionalismos estúpidos, pues no me gustaría verla portar el bigotito de Chaplin…


Comments
May 18
¡Volvemos!

Comments