Cambiando el color de una tabla con JQuery

Publicado por fernandelmore en 7:39 on martes, 10 de julio de 2012

Que tal, ahora veremos cómo cambiar de color las celdas de una tabla en html con jquery.
Para comenzar a trabajar con jquery tenemos que descargarnos la librería de aquí: http://code.jquery.com/jquery-1.7.2.min.js

Una vez que tengamos la librería, la guardamos en una carpeta común donde estará nuestra página html y nuestro archivo de javascript (.js).

Comenzando con el código, crearemos la siguiente pagina web: 


<html>
    <head>
        <title> pintando celdas en una tabla con jquery</title>
        <script type="text/javascript" src="jquery-1.7.2.min.js"> </script>
        <script type="text/javascript" src="selector.js"> </script>
    </head>
    <body>
        <table id="tabla1"  border="1">
            <tr>
                <td> Juan </td>
                <td> Flor </td>
                <td> Maria </td>
                <td> Fernando </td>
            </tr>
            <tr>
                <td> Carlos </td>
                <td> Alfredo </td>
                <td> Jose </td>
                <td> Gaby </td>
            </tr>
            <tr>
                <td> Alan </td>
                <td> Nayeli </td>
                <td> Nicolas </td>
                <td> Jessica </td>
            </tr>
        </table>
    </body>
</html>

una parte importante es cuando registramos un script, y en la parte del head de nuestra pagina tenemos los siguientes scripts registrados:


<script type="text/javascript" src="jquery-1.7.2.min.js"> </script>
<script type="text/javascript" src="selector.js"> </script>

uno es la libreria jquery y el otro es nuestro codigo de javascript donde esta el codigo de jquery para pintar de color las celdas.


el codigo del archivo js es el siguiente:


var x;
x=$(document)
x.ready(inicializarEventos);

function inicializarEventos()
{
    var x;
    x= $("#tabla1 td");
    x.click(cambiaColor);    
}

function cambiaColor()
{
    var x;
    x=$(this);
    x.css("background-color","ff00ff");
}

es necesario que se llame selector.js por que así fue definido en el script de la pagina html, si no no va a funcionar.


ahora solo basta ejecutar nuestra pagina web.

Etiquetas: , 0 comentarios

Variables de sesión en ASP.NET

Publicado por fernandelmore en 7:37


Que tal, en esta ocasión veremos las variables de sesión en asp.net con c#.

Realmente una vez entendido el concepto de lo que son las variables de sesión, aplicarlo en .net será sumamente sencillo.

Pues bien, para poder accesar a un sitio web que tiene una cierta seguridad en cuanto al contenido de la web, es necesario autenticarnos al sitio para poder verlo, una vez que nos autenticamos al sitio se genera una variable de sesión donde se puede guardar información del usuario que ha sido autenticado.

En ASP.net es sumamente fácil manipular las variables de sesión. En el ejemplo que pondré a continuación se mostrara el ejemplo de cómo asignar y manipular una variable de sesión.

Entonces basta de charlas y mas acción. A continuación el ejemplo del código:

 using System; 
 using System.Collections.Generic; 
 using System.Linq; 
 using System.Web; 
 using System.Web.UI; 
 using System.Web.UI.WebControls; 
 public partial class _Default : System.Web.UI.Page 
 { 
   protected void Page_Load(object sender, EventArgs e) 
   { 
     HttpContext.Current.Session.Timeout = 30; 
     HttpContext.Current.Session["idCliente"] = 123; 
     int idCliente = int.Parse(HttpContext.Current.Session["idCliente"].ToString()); 
     Response.Write("<script type=\"text/javascript\"> alert(\""+idCliente+"\") </script>"); 
   } 
 }


la sesion se encuentra en la clase HttpContext como lo podemos ver:  HttpContext.Current.Session



dicho objeto tiene una serie de propiedad importantes, una de ellas es el: Session.Timeout, la propiedad Timeout es para indicarle en cuanto tiempo se desea destruir la sesión.


como podemos ver en la siguiente linea:


         HttpContext.Current.Session["idCliente"] = 123;


nuestra propiedad de sesión contiene una arreglo de variables de sesión, para agregarlas basta con definir el nombre de nuestra variable y asignarles un valor.


Cabe destacar que podemos asignarle cualquier tipo de dato ya que es de tipo object, y para recuperarla tendremos que hacerle un cast en cas de trabajar con un objeto o un convert o un parse dependiendo si es un tipo de dato primitivo como un entero.


para recuperar nuestra variable de sesion basta con la siguiente linea:


     int idCliente = int.Parse(HttpContext.Current.Session["idCliente"].ToString());


y ya por ultimo, mostramos el valor de nuestra variable de sesión mediante el metodo Write() de la clase Response:

     Response.Write("<script type=\"text/javascript\"> alert(\""+idCliente+"\") </script>");  

Espero les sea de utilidad esta información, que pasen bonito día 
=)


Etiquetas: , , 0 comentarios
Suscribirse a: Entradas (Atom)