domingo, 8 de julio de 2012

Los Top 30 de Active Rock en Doble Nueve: Junio 2012

Lista top de Jose en active rock publicada por Jose Fernandez, espero les sea de su agrado recuerden soy Fernandez escuchenla y disfrutenla, saludos...

30 Sixx A.M. - Are You With Me*
29 Stellar Revival - The Crazy Ones*
28 Dead Sara - Weatherman
27 Rush - Headlong Flight
26 Redlight King - Comeback*
25 Marilyn Manson - No Reflection
24 Hellyeah -  Band Of Brothers
23 Saving Abel - Bringing Down The Giant*
22 Otherwise - Soldiers
21 Charm City Devils - Man Of Constant Sorrow
20 Aranda - Satisfied
19 Aerosmith - Legendary Child
18 Serj Tankian - Figure It Out
17 Halestorm - Love Bites (So Do I)
16 Staind - Now
15 Art Of Dying - Sorry
14 Deuce - America
13 Foo Fighters - Bridge Burning
12 P.O.D. - Lost In Forever
11 Five Finger Death Punch - Coming Down
10 The Black Keys - Gold On The Ceiling
09 Adelitas Way - Criticize
08 Shinedown - Unity
07 The Offspring - Days Go By
06 Godsmack - Rocky Mountain Way
05 Soundgarden - Live To Rise
04 Volbeat - Still Counting
03 Slash - You're A Lie
02 Chevelle - Hats Off To The Bull
01 Linkin Park - Burn It Down

domingo, 24 de junio de 2012

Limpiar los datos de un formulario al hacer submit con Jquery

Hola a todos yo otra vez por aqui su amigo Jose Fernandez para traerles un ejemplo mas, adivinen de que, de jquery porsupuesto, el siguiente ejemplo trata de limpiar los datos de un formulario cuando le hacemos submit es decir cuando el usuario haga submit por mas que retroseda los datos no volveran a los campos, esto quiere decir que el formulario se ha reseteado por completo, mas que todo en eso consiste, los pasos que tiene que seguir para llevarlo acabo son los siguientes:

<script type="text/javascript" src="jqueryy.js"> </script>
<script type="text/javascript">
 $(document).ready(function() {
   $("#reset1").click(function() {
     $("form")[0].reset();
   });
 });
</script>
<body>
Plato:
</body>
<html>
<head>


</head>
<body>
Plato:
</body> </html>

martes, 19 de junio de 2012

Direccionar una URL de un Link con Jquery

Hola amigos soy jose fernandez espero que los ejercicios anteriores les aya sido facil de entender ahora en esta ocasion les traigo algunos ejemplos de como direccionar una url de un link con Jquery

Los pasos que deben seguir para llevar a cabo el ejemplo son los siguientes:

paso1:

importar la libreria jquery a su html

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

paso2:

crear la funcion que se active con el evento click de la etiqueta "a", el cual contiene la direccion web a la que nos queremos dirigir.

<script type="text/javescript">
 $(document).ready(function() {
   $("a").click(function() {
     alert("Hello world!");
   });
 });
</script>

paso3:

asignarle la direccion url a la etiqueta "a"

google

resultado:

como resultado la pagina html nos quedaria como se muestra

<html>
<head>


</head>
<body>
google
</body>
</html>

espero les haya servido mucha suerte a todos hasta luego, Jose Fernandez Segura

Capturar los indices de una lista con Jquery

Hola amigos soy yo otra vez jose fernandez y en esta oportunidad les traigo un ejemplo mas, que consiste en capturar los indices de una lista haciendo uso de la libreria Jquery.

Los pasos que deben seguir para llevar a cabo el ejemplo son los siguientes:

paso1:

importar la libreria jquery a su html

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

paso2:

crear la funcion que capture los indices de la lista utilizando el id de la lista y la etiqueta "li"

<script type="text/javescript">
 $(document).ready(function() {
   $("#orderedlist4").find("li").each(function(i) {
     $(this).append( " BAM! " + i );
   });
 });
</script>

paso3:

realizar una lista usando la etiqueta li y asignandole el "id" orderedlist4

<ul id="orderedlist4">
  • windows
  • linux
  • mac
  • </ul>

    resultado:

    como resultado la pagina html nos quedaria como se muestra

    <html>
    <head>
    
    
    </head>
    <body>
    
    • windows
    • linux
    • mac
    </body> </html>

    espero les haya servido mucha suerte a todos hasta luego, Jose Fernandez Segura

    Pintar el ultimo elemento de una lista con Jquery

    Hola a todos soy jose fernandez y en esta oportunidad les traigo un ejemplo mas, que consiste en pintar el ultimo elemento de una lista cuando se detecta el mouse sobre el item.

    Los pasos que deben seguir para llevar a cabo el ejemplo son los siguientes:

    paso1:

    crear la clase green en la seccion "head" de su html

    <style>
    .green { 
    color: green;
     }
    </style>
    

    paso2:

    importar la libreria jquery a su html

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

    paso3:

    crear la funcion que pinte el ultimo elemento cuando se detecte el mouse encima del ultimo item

    <script type="text/javescript">
    $(document).ready(function() {
       $("#orderedlist3 li:last").hover(function() {
         $(this).addClass("green");
       },function(){
         $(this).removeClass("green");
       });
     });
    </script>
    

    paso4:

    realizar una lista usando la etiqueta li y asignandole el "id" orderedlist3

    <ol type="1" id="orderedlist3">
    
  • windows
  • linux
  • mac
  • </ol>

    resultado:

    como resultado la pagina html nos quedaria como se muestra

    <html>
    <head>
    
    
    
    </head>
    <body>
    
    1. windows
    2. linux
    3. mac
    </body> </html>

    espero les haya servido mucha suerte a todos hasta luego, Jose Fernandez Segura

    Añadir mas estilos a un id con Jquery

    Hola amigos soy jose fernandez yo otra vez por aqui, espero que el ejercicio anterior les haya servido en esta ocasion voy a realizar uno similar la diferencia es que el estilo que se quiera añadir a un id va poder ser aplicable a un id de una etiqueta que ya contenga un estilo previamente

    Los pasos que deben seguir para llevar a cabo el ejemplo son los siguientes:

    paso1:

    crear la clase blue en la seccion "head" de su html

    <style>
    .blue{
    color:blue;
    }
    </style>
    

    paso2:

    importar la libreria jquery a su html

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

    paso3:

    crear la funcion que agregue la clase blue al id orderedlist2 de la etiqueta html "li"

    <script type="text/javescript">
     $(document).ready(function() {
       $("#orderedlist2 > li").addClass("blue");
     });
    </script>
    

    paso4:

    realizar una lista usando la etiqueta li y asignandole el "id" orderedlist1

    <ol type="1" id="orderedlist2">
    
  • windows
  • linux
  • mac
  • </ol>

    resultado:

    como resultado la pagina html nos quedaria como se muestra

    <html>
    <head>
    
    
    
    </head>
    <body>
    
    1. windows
    2. linux
    3. mac
    </body> </html>

    espero les haya servido mucha suerte a todos hasta luego, Jose Fernandez Segura

    domingo, 17 de junio de 2012

    Establecer estilos con Jquery

    Hola a todos soy jose fernandez y en esta oportunidad les vengo a traer un ejemplo de como establecer estilos de una clase a la etiqueta html llamada "li" haciendo uso de Jquery.

    Los pasos que deben seguir para llevar a cabo el ejemplo son los siguientes:

    paso1:

    crear la clase red en la seccion "head" de su html

    <style>
    .red{
    color:red;
    }
    </style>
    

    paso2:

    importar la libreria jquery a su html

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

    paso3:

    crear la funcion que agregue la clase red al id orderedlist1 de la etiqueta html "li"

    <html>
    <script type="text/javascript">
     $(document).ready(function() {
       $("#orderedlist1").addClass("red");
     });
    </script>
    </html>
    

    paso4:

    realizar una lista usando la etiqueta li y asignandole el "id" orderedlist1

    <ol type="1" id="orderedlist1">
    <li> windows </li>
    <li> linux </li>
    <li> mac </li>
    </ol>
    

    resultado:

    como resultado la pagina html nos quedaria como se muestra

    <html>
    <head>
    
    
    
    </head>
    <body>
    
    1. windows
    2. linux
    3. mac
    </body> </html>

    espero les haya servido mucha suerte a todos hasta luego, Jose Fernandez Segura

    Google Google