http://www.jquery.com
Codigo XHTML de ejemplo
- Código: Seleccionar todo
<html>
<head>
<meta http-equiv="Content-Style-Type" content="text/css" />
<title>Vousys Consulting | Diseño y Desarrollo - Sitios Web, Mobile Application , Desktop software</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name='description' content='Vousys Consulting | Diseño y Desarrollo - Desarrollo de Sitios Web, Mobile Application , Desktop software , aplicaciones contables, diseño de logotipos e isotipos '/>
<meta name='keywords' content='vousys,Vousys Consulting,Diseño y Desarrollo,diseño,desarrollo,Sitios Web,websites, Mobile Application,mobile,Desktop software,contable,php,ajax,vb,j2mee,isotipo,logotipo '/>
<meta name="robots" content="index, follow" />
<meta name='revisit-after' content='1 Days'/>
<meta name='author' content='Veronica Osorio Para www.vousys.com'/>
<link href="css/styles.css" rel="stylesheet" type="text/css" />
<link rel='Shorcout Icon' href='images/favicon.ico' type ='image/x-icon' />
<script src="js/jquery.js" type="text/javascript"></script>
</head>
<body>
<div id="contenido"></div>
<div id="saludo">HOLA A TODOS, NINGUN HOLA MUNDO</div>
prueba de texto sin div
</body>
</html>
Cualquier div en Jquery se lo invoca de la siguiente manera:
$('#NOMBRE_DEL_DIV')
Entonces pasos basicos:
1) Cargar en el div el contenido de una pagina
- Código: Seleccionar todo
$('#contenido').load('URL_DE_LA_PAGINA_A_CARGAR');
2) Ocultar el Div
- Código: Seleccionar todo
$('#saludo').hide();
Oculta el div "saludo" lo cual seria equivalente a hacer un
- Código: Seleccionar todo
getElementById("saludo").style.display="none";
3) Mostrar un Div
- Código: Seleccionar todo
$('#saludo').show();
Muestra el div "saludo" lo cual seria equivalente a hacer un
- Código: Seleccionar todo
getElementById("saludo").style.display="block";
4) Enviar parametros por GET en la ejecucion de un script
- Código: Seleccionar todo
$.get('URL_DE_LA_PAGINA_A_EJECUTAR', {parametro_1: 'valor_del_parametro_1' }, function(data) { $('#saludo').hide(); alert("termino"); });" >
La funcion get nos permite ejecutar un script enviandole parametros (via $_GET) y ejecutando una respuesta a su finalizacion.
Recordar que Jquery funciona tanto invocando script en PHP como para ASP.
un ejemplo seria:
- Código: Seleccionar todo
$.get('usuarios_agregar.php', {username: 'vousys' }, function(data) { $('#saludo').hide(); alert("termino"); });" >
5) Ahora, cuando tenemos que usar por ejemplo Jquery con Scriptaculus o mootools , tenemos que utilizar la siguiente sentencia de Jquery para evitar conflictos
- Código: Seleccionar todo
<script>
jQuery.noConflict();
</script>
y lo que antes nombrabamos con como
- Código: Seleccionar todo
$("NOMBRE_DEL_DIV")
- Código: Seleccionar todo
jQuery('#NOMBRE_DEL_DIV')
