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

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()

Valor de un input tipo Select con JQuery

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

Algunos trucos de programación en JQuery

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’);

Codigos imprescindibles al usar jQuery

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

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>

como hacer un redirect con JQuery

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);