tag:blogger.com,1999:blog-87804550532522205882024-03-13T07:15:10.182-07:00Jose FernandezJose Fernandez, Estudiante de Ingenieria de SistemasAnonymoushttp://www.blogger.com/profile/06480997918553360992noreply@blogger.comBlogger7125tag:blogger.com,1999:blog-8780455053252220588.post-52913413356083210792012-07-08T16:48:00.000-07:002012-07-09T02:47:16.327-07:00Los Top 30 de Active Rock en Doble Nueve: Junio 2012<span style="font-family: arial, sans-serif; font-size: 13px; line-height: 18px;">Lista top de Jose en active rock publicada por Jose Fernandez, espero les sea de su agrado recuerden soy Fernandez escuchenla y disfrutenla, saludos...</span><br />
<span style="font-family: arial, sans-serif; font-size: 13px; line-height: 18px;"></span><br />
<span style="font-family: arial, sans-serif; font-size: 13px; line-height: 18px;">30 Sixx A.M. - Are You With Me*</span><br />
<span style="font-family: arial, sans-serif; font-size: 13px; line-height: 18px;">29 Stellar Revival - The Crazy Ones*</span><br />
<span style="font-family: arial, sans-serif; font-size: 13px; line-height: 18px;">28 Dead Sara - Weatherman</span><br />
<span style="font-family: arial, sans-serif; font-size: 13px; line-height: 18px;">27 Rush - Headlong Flight</span><br />
<span style="font-family: arial, sans-serif; font-size: 13px; line-height: 18px;">26 Redlight King - Comeback*</span><br />
<span style="font-family: arial, sans-serif; font-size: 13px; line-height: 18px;">25 Marilyn Manson - No Reflection</span><br />
<span style="font-family: arial, sans-serif; font-size: 13px; line-height: 18px;">24 Hellyeah - Band Of Brothers</span><br />
<span style="font-family: arial, sans-serif; font-size: 13px; line-height: 18px;">23 Saving Abel - Bringing Down The Giant*</span><br />
<span style="font-family: arial, sans-serif; font-size: 13px; line-height: 18px;">22 Otherwise - Soldiers</span><br />
<span style="font-family: arial, sans-serif; font-size: 13px; line-height: 18px;">21 Charm City Devils - Man Of Constant Sorrow</span><br />
<span style="font-family: arial, sans-serif; font-size: 13px; line-height: 18px;">20 Aranda - Satisfied</span><br />
<span style="font-family: arial, sans-serif; font-size: 13px; line-height: 18px;">19 Aerosmith - Legendary Child</span><br />
<span style="font-family: arial, sans-serif; font-size: 13px; line-height: 18px;">18 Serj Tankian - Figure It Out</span><br />
<span style="font-family: arial, sans-serif; font-size: 13px; line-height: 18px;">17 Halestorm - Love Bites (So Do I)</span><br />
<span style="font-family: arial, sans-serif; font-size: 13px; line-height: 18px;">16 Staind - Now</span><br />
<span style="font-family: arial, sans-serif; font-size: 13px; line-height: 18px;">15 Art Of Dying - Sorry</span><br />
<span style="font-family: arial, sans-serif; font-size: 13px; line-height: 18px;">14 Deuce - America</span><br />
<span style="font-family: arial, sans-serif; font-size: 13px; line-height: 18px;">13 Foo Fighters - Bridge Burning</span><br />
<span style="font-family: arial, sans-serif; font-size: 13px; line-height: 18px;">12 P.O.D. - Lost In Forever</span><br />
<span style="font-family: arial, sans-serif; font-size: 13px; line-height: 18px;">11 Five Finger Death Punch - Coming Down</span><br />
<span style="font-family: arial, sans-serif; font-size: 13px; line-height: 18px;">10 The Black Keys - Gold On The Ceiling</span><br />
<span style="font-family: arial, sans-serif; font-size: 13px; line-height: 18px;">09 Adelitas Way - Criticize</span><br />
<span style="font-family: arial, sans-serif; font-size: 13px; line-height: 18px;">08 Shinedown - Unity</span><br />
<span style="font-family: arial, sans-serif; font-size: 13px; line-height: 18px;">07 The Offspring - Days Go By</span><br />
<span style="font-family: arial, sans-serif; font-size: 13px; line-height: 18px;">06 Godsmack - Rocky Mountain Way</span><br />
<span style="font-family: arial, sans-serif; font-size: 13px; line-height: 18px;">05 Soundgarden - Live To Rise</span><br />
<span style="font-family: arial, sans-serif; font-size: 13px; line-height: 18px;">04 Volbeat - Still Counting</span><br />
<span style="font-family: arial, sans-serif; font-size: 13px; line-height: 18px;">03 Slash - You're A Lie</span><br />
<span style="font-family: arial, sans-serif; font-size: 13px; line-height: 18px;">02 Chevelle - Hats Off To The Bull</span><br />
<span style="font-family: arial, sans-serif; font-size: 13px; line-height: 18px;">01 Linkin Park - Burn It Down</span>Anonymoushttp://www.blogger.com/profile/06480997918553360992noreply@blogger.com0tag:blogger.com,1999:blog-8780455053252220588.post-34828112890707419502012-06-24T01:19:00.000-07:002012-06-24T01:19:00.029-07:00Limpiar los datos de un formulario al hacer submit con Jquery<html>
<head>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js"></script>
<link href="http://alexgorbatchev.com/pub/sh/current/styles/shCore.css" rel="stylesheet" type="text/css" />
<link href="http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">SyntaxHighlighter.all()
//http://alexgorbatchev.com/pub/sh/current/</script>
</head>
<body>
<p>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:</p>
<label>Paso1: Importar la libreria Jquery</label>
<pre class="brush: js;">
<script type="text/javascript" src="jqueryy.js"> </script>
</pre>
<label>Paso2: Realizar la funcion que nos limpie nuestro formulario utlizando el id del submit</label>
<pre class="brush: js;">
<script type="text/javascript">
$(document).ready(function() {
$("#reset1").click(function() {
$("form")[0].reset();
});
});
</script>
</pre>
<label>Paso3: Elaborar nuestro formulario en el body de nuestro html asignandole el id en el submit</label>
<pre class="brush: xml;">
<body>
<form name="form1" action="Jquery10.html" method="post">
Plato:<input name="plato1" type="text"><br/>
<input name="pedir" type="submit" value="pedir" id="reset1">
</form>
</body>
</pre>
<label>Resultado: La pagina html resultante nos quedaria como se muestra a continuacion</label>
<pre class="brush: xml;">
<html>
<head>
<script type="text/javascript" src="jqueryy.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#reset1").click(function() {
$("form")[0].reset();
});
});
</script>
</head>
<body>
<form name="form1" action="Jquery10.html" method="post">
Plato:<input name="plato1" type="text"><br/>
<input name="pedir" type="submit" value="pedir" id="reset1">
</form>
</body>
</html>
</pre>
<label>Bueno eso seria todo espero que les haya servido, hasta pronto. un saludo su amigo
Jose Fernandez Segura</label>
</body>
</html>Anonymoushttp://www.blogger.com/profile/06480997918553360992noreply@blogger.com9tag:blogger.com,1999:blog-8780455053252220588.post-66268319903249372752012-06-19T03:27:00.000-07:002012-06-23T23:11:49.330-07:00Direccionar una URL de un Link con Jquery<html>
<head>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js"></script>
<link href="http://alexgorbatchev.com/pub/sh/current/styles/shCore.css" rel="stylesheet" type="text/css" />
<link href="http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">SyntaxHighlighter.all()</script>
</head>
<body>
<p>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</p>
<p>Los pasos que deben seguir para llevar a cabo el ejemplo son los siguientes:</p>
<p><h4>paso1:</h4>importar la libreria jquery a su html</p>
<pre class="brush: js;">
<script type="text/javascript" src="jquery.js"> </script>
</pre>
<p><h4>paso2:</h4>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.</p>
<pre class="brush: js;">
<script type="text/javescript">
$(document).ready(function() {
$("a").click(function() {
alert("Hello world!");
});
});
</script>
</pre>
<p><h4>paso3:</h4>asignarle la direccion url a la etiqueta "a"</p>
<pre class="brush: xml;">
<a href="http://www.google.com">google</a>
</pre>
<p><h4>resultado:</h4>como resultado la pagina html nos quedaria como se muestra</p>
<pre class="brush: xml;">
<html>
<head>
<script type="text/javascript" src="jqueryy.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("a").click(function() {
alert("Hello world!");
});
});
</script>
</head>
<body>
<a href="http://www.google.com">google</a>
</body>
</html>
</pre>
<p>espero les haya servido mucha suerte a todos hasta luego, Jose Fernandez Segura</p>
</body>
</html>Anonymoushttp://www.blogger.com/profile/06480997918553360992noreply@blogger.com4tag:blogger.com,1999:blog-8780455053252220588.post-36159743804896316162012-06-19T03:00:00.000-07:002012-06-23T23:12:57.666-07:00Capturar los indices de una lista con Jquery<html>
<head>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js"></script>
<link href="http://alexgorbatchev.com/pub/sh/current/styles/shCore.css" rel="stylesheet" type="text/css" />
<link href="http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">SyntaxHighlighter.all()</script>
</head>
<body>
<p>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.</p>
<p>Los pasos que deben seguir para llevar a cabo el ejemplo son los siguientes:</p>
<p><h4>paso1:</h4>importar la libreria jquery a su html</p>
<pre class="brush: js;">
<script type="text/javascript" src="jquery.js"> </script>
</pre>
<p><h4>paso2:</h4>crear la funcion que capture los indices de la lista utilizando el id de la lista y
la etiqueta "li"</p>
<pre class="brush: js;">
<script type="text/javescript">
$(document).ready(function() {
$("#orderedlist4").find("li").each(function(i) {
$(this).append( " BAM! " + i );
});
});
</script>
</pre>
<p><h4>paso3:</h4>realizar una lista usando la etiqueta li y asignandole el "id" orderedlist4</p>
<pre class="brush: xml;">
<ul id="orderedlist4">
<li> windows </li>
<li> linux </li>
<li> mac </li>
</ul>
</pre>
<p><h4>resultado:</h4>como resultado la pagina html nos quedaria como se muestra</p>
<pre class="brush: xml;">
<html>
<head>
<script type="text/javascript" src="jqueryy.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#orderedlist4").find("li").each(function(i) {
$(this).append( " BAM! " + i );
});
});
</script>
</head>
<body>
<ul id="orderedlist4">
<li> windows </li>
<li> linux </li>
<li> mac </li>
</ul>
</body>
</html>
</pre>
<p>espero les haya servido mucha suerte a todos hasta luego, Jose Fernandez Segura</p>
</body>
</html>Anonymoushttp://www.blogger.com/profile/06480997918553360992noreply@blogger.com1tag:blogger.com,1999:blog-8780455053252220588.post-71122185775458737672012-06-19T02:28:00.000-07:002012-06-23T23:13:57.813-07:00Pintar el ultimo elemento de una lista con Jquery<html>
<head>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js"></script>
<link href="http://alexgorbatchev.com/pub/sh/current/styles/shCore.css" rel="stylesheet" type="text/css" />
<link href="http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">SyntaxHighlighter.all()</script>
</head>
<body>
<p>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.</p>
<p>Los pasos que deben seguir para llevar a cabo el ejemplo son los siguientes:</p>
<p><h4>paso1:</h4>crear la clase green en la seccion "head" de su html</p>
<pre class="brush: css;">
<style>
.green {
color: green;
}
</style>
</pre>
<p><h4>paso2:</h4>importar la libreria jquery a su html</p>
<pre class="brush: js;">
<script type="text/javascript" src="jquery.js"> </script>
</pre>
<p><h4>paso3:</h4>crear la funcion que pinte el ultimo elemento cuando se detecte el mouse
encima del ultimo item</p>
<pre class="brush: js;">
<script type="text/javescript">
$(document).ready(function() {
$("#orderedlist3 li:last").hover(function() {
$(this).addClass("green");
},function(){
$(this).removeClass("green");
});
});
</script>
</pre>
<p><h4>paso4:</h4>realizar una lista usando la etiqueta li y asignandole el "id" orderedlist3</p>
<pre class="brush: xml;">
<ol type="1" id="orderedlist3">
<li> windows </li>
<li> linux </li>
<li> mac </li>
</ol>
</pre>
<p><h4>resultado:</h4>como resultado la pagina html nos quedaria como se muestra</p>
<pre class="brush: xml;">
<html>
<head>
<style>
.green {
color: green;
}
</style>
<script type="text/javascript" src="jqueryy.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#orderedlist3 li:last").hover(function() {
$(this).addClass("green");
},function(){
$(this).removeClass("green");
});
});
</script>
</head>
<body>
<ol type=1 id="orderedlist3">
<li> windows </li>
<li> linux </li>
<li> mac </li>
</ol>
</body>
</html>
</pre>
<p>espero les haya servido mucha suerte a todos hasta luego, Jose Fernandez Segura</p>
</body>
</html>Anonymoushttp://www.blogger.com/profile/06480997918553360992noreply@blogger.com3tag:blogger.com,1999:blog-8780455053252220588.post-30077640401373080822012-06-19T01:33:00.000-07:002012-06-23T23:15:06.054-07:00Añadir mas estilos a un id con Jquery<html>
<head>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js"></script>
<link href="http://alexgorbatchev.com/pub/sh/current/styles/shCore.css" rel="stylesheet" type="text/css" />
<link href="http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">SyntaxHighlighter.all()</script>
</head>
<body>
<p>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</p>
<p>Los pasos que deben seguir para llevar a cabo el ejemplo son los siguientes:</p>
<p><h4>paso1:</h4>crear la clase blue en la seccion "head" de su html</p>
<pre class="brush: css;">
<style>
.blue{
color:blue;
}
</style>
</pre>
<p><h4>paso2:</h4>importar la libreria jquery a su html</p>
<pre class="brush: js;">
<script type="text/javascript" src="jquery.js"> </script>
</pre>
<p><h4>paso3:</h4>crear la funcion que agregue la clase blue al id orderedlist2 de
la etiqueta html "li"</p>
<pre class="brush: js;">
<script type="text/javescript">
$(document).ready(function() {
$("#orderedlist2 > li").addClass("blue");
});
</script>
</pre>
<p><h4>paso4:</h4>realizar una lista usando la etiqueta li y asignandole el "id" orderedlist1</p>
<pre class="brush: xml;">
<ol type="1" id="orderedlist2">
<li> windows </li>
<li> linux </li>
<li> mac </li>
</ol>
</pre>
<p><h4>resultado:</h4>como resultado la pagina html nos quedaria como se muestra</p>
<pre class="brush: xml;">
<html>
<head>
<style>
.blue{
color:blue;
}
</style>
<script type="text/javascript" src="jqueryy.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#orderedlist2 > li").addClass("blue");
});
</script>
</head>
<body>
<ol type=1 id="orderedlist2">
<li>windows</li>
<li>linux</li>
<li>mac</li>
</ol>
</body>
</html>
</pre>
<p>espero les haya servido mucha suerte a todos hasta luego, Jose Fernandez Segura</p>
</body>
</html>Anonymoushttp://www.blogger.com/profile/06480997918553360992noreply@blogger.com1tag:blogger.com,1999:blog-8780455053252220588.post-38559102634093095342012-06-17T07:51:00.001-07:002012-06-23T23:16:38.146-07:00Establecer estilos con Jquery<html>
<head>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js"></script>
<link href="http://alexgorbatchev.com/pub/sh/current/styles/shCore.css" rel="stylesheet" type="text/css" />
<link href="http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">SyntaxHighlighter.all()</script>
</head>
<body>
<p>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.</p>
<p>Los pasos que deben seguir para llevar a cabo el ejemplo son los siguientes:</p>
<p><h4>paso1:</h4>crear la clase red en la seccion "head" de su html</p>
<pre class="brush: css;">
<style>
.red{
color:red;
}
</style>
</pre>
<p><h4>paso2:</h4>importar la libreria jquery a su html</p>
<pre class="brush: js;">
<script type="text/javascript" src="jquery.js"> </script>
</pre>
<p><h4>paso3:</h4>crear la funcion que agregue la clase red al id orderedlist1 de
la etiqueta html "li"</p>
<pre class="brush: js;">
<html>
<script type="text/javascript">
$(document).ready(function() {
$("#orderedlist1").addClass("red");
});
</script>
</html>
</pre>
<p><h4>paso4:</h4>realizar una lista usando la etiqueta li y asignandole el "id" orderedlist1</p>
<pre class="brush: xml;">
<ol type="1" id="orderedlist1">
<li> windows </li>
<li> linux </li>
<li> mac </li>
</ol>
</pre>
<p><h4>resultado:</h4>como resultado la pagina html nos quedaria como se muestra</p>
<pre class="brush: xml;">
<html>
<head>
<style>
.red{
color:red;
}
</style>
<script type="text/javascript" src="jqueryy.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#orderedlist1").addClass("red");
});
</script>
</head>
<body>
<ol type=1 id="orderedlist1">
<li>windows</li>
<li>linux</li>
<li>mac</li>
</ol>
</body>
</html>
</pre>
<p>espero les haya servido mucha suerte a todos hasta luego, Jose Fernandez Segura</p>
</body>
</html>Anonymoushttp://www.blogger.com/profile/06480997918553360992noreply@blogger.com1