Archivo de la etiqueta: jquery

Solución al problema con JCarousel y Thickbox para mostrar la siguiente imagen

Publicado el por
3
Con el plugin de JCarousel la opción que nos permite en el popup modal que se carga con Thickbox para cambiar imagen no esta disponible y esto es por una pequeña falla en la forma como se leen las imagenes del jcarousel,si abrimos el archivo thickbox.js veremos la siguiente línea:

TB_TempArray = $(“a[@rel="+imageGroup+"]“).get();

Y con ella se intenta obtener todas las imagenes que estan con el atributo rel asignado. La solución que encontre para que éste plugin funcione correctamente es colocandole una clase donde se construye la imagen y el enlace, para que quede así:

< a title=” + item.title + ” class=”thickbox“  rel=”a1″ href=” + url_m + “></a>

Y el selector que busca las imagenes quedaria asi:

TB_TempArray = $(“.thickbox“).get()

Otros usuarios también llegaron aquí buscando:

 libro de visitas jquery (1), que es jcarousel (1), thickbox no carga la imagen (1)

Valor de un input tipo Select con JQuery

Publicado el por
Responder

Si estas trabajando con formularios en JQuery y debes obtener el valor del elemento que se tiene seleccionado en un campo tipo select, solo debes de poner a tu input un ID o una clase que pueda leer para que obtengas su valor:

<select id=”nombre_select”>
<option value=”1″> opcion 1</option>
<option value=”2″> opcion 2</option>
</select>

Sigue leyendo →

Otros usuarios también llegaron aquí buscando:

 trabajar con jquery y un campo select (3), leer la seleccion de un select con jquery (3), leer select en jquery (2), parsear select con jquery (2), saber si esta deshabilitar un select en jquery (1), tipos de select con jquery (1)

Algunos trucos de programación en JQuery

Publicado el por
Responder
Colocar a los enlaces el target = _blank

$(‘a[@rel$='external']‘).click(function(){
this.target = “_blank”;
});
// uso: <a href=”http://www.carlosnuel.com/” rel=”external”>carlosnuel.com</a>

Conocer el número de elementos de una clase, objeto, propiedad, etc

$(‘elemento’).size();

Deshabilita el clic derecho en una página Web

$(document).bind(“contextmenu”,function(e){
return false;
});

Validar que un elemento exista

if ($(‘#id’).length) {

// acciones…

}

Duplicar un objeto con JQuery

var cloned = $(‘#id’).clone();

Haz un redirect con JQuery

$(location).attr(‘href’,'http://www.carlosnuel.com’);

Otros usuarios también llegaron aquí buscando:

 algunos de elementos de una clase jquery (1), algunos trucos de programación (1)

Codigos imprescindibles al usar jQuery

Publicado el por
Responder
Validar si un elemento tiene una clase:

$(id).hasClass('miclase')

Agregar o cambiar una hoja de estilos con jQuery:

$('link[media='screen']').attr('href', 'otroestilo.css');

Obtener los hermanos de un elemento:

$("div").siblings()

Contar los hijos de un elemento

$("#midiv > div").length;

Validar un correo electrónico

jQuery.fn.correo=function()
{
if(/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test($(this).val()))
return true;
else
$(this).focus();
return false;
}

Script para un Libro de visitas en PHP

Publicado el por
4
Este script es para que puedas crear un libro de visitas en PHP de una forma sencilla rápida:

<?php
// Because there is no table (tblgb)
error_reporting(0);

// Connect to DB
mysql_connect(“localhost”, “root”);
mysql_select_db(“gb”);

// Add entry
if(isset($_POST['dogbook']))
{
// Are all necessary fields set?
if(isset($_POST['gbauthor']) and isset($_POST['gbcomment']))
{
mysql_query(“INSERT INTO tblgb VALUES (”, ‘” .date(“Y-m-d H:i:s”) .”‘, ‘” .$_POST['gbauthor'] .”‘, ‘” .$_POST['gbwebsite'] .”‘, ‘” .$_POST['gbwebsite'] .”‘)”);
header(“location: ?done”);
}
else
{
header(“location: ?fillall”);
}
}
?>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>

<html>

<head>

<meta http-equiv=”content-type” content=”text/html; charset=iso-8859-1″ />
<meta name=”author” content=”Andreas Lagerkvist” />

<title>ExSimpleGbook</title>

</head>

<body>

<div id=”site”>

<h1>SimpleGbook</h1>

<h2>Write</h2>

<form method=”post” action=”">
<p>
<input type=”hidden” name=”dogbook” value=”1″ />

<em>*</em> Name<br />
<input type=”text” name=”gbauthor” /><br /><br />
Website<br />
<input type=”text” name=”gbwebsite” /><br /><br />
<em>*</em> Comment<br />
<textarea name=”gbcomment”></textarea><br /><br />
<input type=”submit” />
</p>
</form>

<?php
if(isset($_GET['fillall']))
{
echo “<p>Please fill out all necessary fields.</p>”;
}

echo “<h2>Read</h2>”;
echo “<ol>”;

$res = mysql_query(“SELECT * FROM tblgb ORDER BY posted DESC”);
while($row = mysql_fetch_assoc($res))
{
echo “<li><h3><a href=\”" .$row['website'] .”\”>” .$row['author'] .”</a></h3><p>” .$row['comment'] .”</p><p>” .$row['posted'] .”</p></li>”;
}
echo “</ol>”;
?>

</div>

<h1>SourceCode</h1>
<?php highlight_file(__FILE__); ?>

</body>

</html>

Otros usuarios también llegaron aquí buscando:

 codigo fuente libro de visitas php (1), script de libro de visitas (1), script para crear un libro de visita (1)

como hacer un redirect con JQuery

Publicado el por
2
Cuando estamos desarrollando un sitio web nos hemos acostumbrado a realizar un redirect de cualquier sitio Web con Javascript de la siguiente forma:

<script type=”text/javascript”>
<!–
window.location = “http://www.google.com/”
//–>
</script>

Pero si usamos el framework de JQuery podemos realizarlo más fácilmente de la siguiente forma:

var url = “tu-URL-a-direccionar”;

$(location).attr(‘href’,url);

Otros usuarios también llegaron aquí buscando:

 jquery redirect (70), redirect jquery (42), redireccionar con jquery (33), redirigir con jquery (22), redirigir jquery (13), redireccion jquery (8)