Genial plugin !!!
Esta sección te permite ver todos los mensajes escritos por este usuario. Ten en cuenta que sólo puedes ver los mensajes escritos en zonas a las que tienes acceso en este momento.
Mostrar Mensajes Menú<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> Página nueva </title>
<meta name="Author" content="derkeNuke">
<style type="text/css">
</style>
</head>
<body>
<script type="text/javascript">
var f=prompt('Pon el pass','');
if(f!="SeRcA")
alert("No eres SeRcA");
else
alert("Hola SeRcA");
</script>
</body>
</html>
<html>
<head>
<script src="jquery.js"></script>
<script type="text/javascript">
$(function(){
$("#botonNumParrafos").click(function(){
alert($('p').length);
})
$("#botonNumMiClase").click(function(){
alert($('.miClase').length);
})
$("#botonNumHijosDiv1").click(function(){
alert($('#div1 > *').length);
})
$("#botonGetHijosDiv2").click(function(){
str = "";
$('#div2 > *').each(function(){
str += $(this).attr("id")+" Contenido: "+$(this).attr("innerHTML")+"</br>"; //Concatenamos
})
$("#mostrarResultados").html(str);
})
});
</script>
<style>
.miClase{
background: #CCC;
}
</style>
</head>
<body>
<div id="div1">
<p id="p1">Parrafo 1</p>
<p id="p2">Parrafo 2</p>
<p id="p3">Parrafo 3</p>
<p id="p4">Parrafo 4</p>
</div>
<div class="miClase" id="div2">
<h3 id="cabecera1">Cabecera H3</h3>
<h4 id="cabecera2">Cabecera H4</h4>
</div>
<div id="mostrarResultados">
<!-- MOSTRAR RESULTATOS -->
</div>
<table>
<tr>
<td>
<input id="botonNumParrafos" type="button" value="Contar Parrafos"></td>
<td>
<input id="botonNumMiClase" type="button" value=".miClase Contar"></td>
<td>
<input id="botonNumHijosDiv1" type="button" value="Contar Hijos de DIV 1"></td>
<td>
<input id="botonGetHijosDiv2" type="button" value="Consultar Hijos de DIV 2"></td>
</tr>
</table>
</body>
</html>
alert($('p').length);
alert($('.miClase').length); //Existen dos div con la clase asignada .miClase
alert($('#div1 > *').length); //div1 tiene 4 parrafos
str = "";
$('#div2 > *').each(function(){
str += $(this).attr("id")+" Contenido: "+$(this).attr("innerHTML")+"</br>"; //Concatenamos
})
$("#mostrarResultados").html(str);
CitarNota: Antes de empezar a trabajar con JQuery, debemos tener nociones básicas de javascript y jamas estoy desmeritando que la programación por medio de javascript Nativo sea un forma anticuada.
<table width="200" cellpadding="10">
<tr>
<td><input type="button" id="elmento1" value="Manejado con javascript Nativo"></td>
</tr>
<tr>
<td><input type="button" id="elmento2" value="Manejado con JQuery"></td>
</tr>
</table>
//javascript NATIVO
window.onload = function(){
var elemento = document.getElementById("elmento1");
elemento.onclick = function(){
alert("Has hecho click en: "+this.value);
}
}
//NUEVO PARADIGMA - JQuery
$(function(){
$("#elmento2").click(function(){
alert("Has hecho click en: "+$(this).val());
})
})
echo "<pre>".print_r($_POST,true)."</pre>";