Mi problema ahora es que estoy haciendo un buscador con bases de datos y para esto tengo una tabla con dos campos uno para almacenar las palabras clave que se buscarían y otro campo para almacenar los enlaces hacia las paginas;
pero el problema es que cuando son enlaces extraidos de la base de datos este codigo
$('a').each(function(){
var href = $(this).attr("href");
$(this).attr({ href: "#"});
$(this).click(function(){
$("#contenido").load(href);
});
});
no se ejecuta, pero si son enlaces normales si funciona
aqui esta el codigo completo--->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Ejemplo</title>
<style>
#content{
margin:auto;
width:800px;
border:1px solid #000099;
}
#encabezado{
height:60px;
border-bottom:1px solid #000099;
}
#contenido{
height:200px;
}
</style>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#buscar").click(function(e){
var palabras=$('#palabras').attr('value');
$.ajax({
type: "POST",
url: "buscador.php",
data:'palb='+ palabras,
success: function(datos){
$("#contenido").html(datos);
}
});
return false;
});
//---------------------------------
$('a').each(function(){
var href = $(this).attr("href");
$(this).attr({ href: "#"});
$(this).click(function(){
$("#contenido").load(href);
});
});
//---------------------------------
});
</script>
</head>
<body>
<div id="content">
<div id="encabezado">
<form name="buscador">
<table width="10" border="0">
<tr>
<td><input type="text" id="palabras" size="9"/></td>
<td><input type="submit" id="buscar"/></td>
</tr>
</table>
</form>
</div>
<div id="contenido">
<a href="paginas/vision.html" >Vision</a>
<a href="paginas/mision.html">Mision</a>
</div>
</div>
</body>
</html>
