1.Cuando levanto mi index.php, se carga un ajax con jquery que llama a un .php
2. este .php muestra una tabla de mysql en el div de la pagina index.php
3. la tabla que se carga en index.php tiene un <td> con un enlace dentro
4. cuando sele da click a dicho enlace en mi .js estoy diciendo que cambie el color de fondo los enlaces ..y he aqui el problema , no me lo hace
5. he puesto para tratar de arreglarlo, un enlace en la pagina index.php (que no lo carga el ajax) y cuando le doy click a este si se me cambia el color de fondo
Como ven es un poco engorroso mi problema y com ono se mucho de ajax ya no encuentro opciones. espero me puedan ayudar.
index.php
Código PHP:
<?php
require_once('funciones.php');
head();
?>
<div id="loader" class="oculta"><img src="loader.gif"/></div>
<div id="tabla">
here
</div>
<div class="x">Ehere</div>
myscript.js (qui la llamamda a ajax)
Código:
//-------------------------$(document).ready(function(){ //mostrar tabla $("#loader").css("display","inline"); $("#tabla").load("show_tabla.php",function(evento){ $("#loader").css("display","none"); }); //al dar click sobre link $(".x").mousemove(function(x){ $(this).css("background","#99FF94"); }); });
show_tabla.php
Código PHP:
<?php
require_once("funciones.php");
head();
if (conect()){
$sql = "select * from customers limit 0,10";
$query = mysql_query($sql);
?>
<?php
while ($row = mysql_fetch_assoc($query)) {
?>
<tr>
<div class="y">Eliminar</div>
<div><?php echo $row['id']; ?> </div>
<div><?php echo $row['name']; ?> </div>
</tr>
<?php
}
?>
<?php
// mysql_free_result($query);
}
?>
</body>
</html>
functions.php
Código PHP:
<?php
function conect(){
$link = mysql_connect('localhost', 'root', 'miclave');
if (!$link) {
die('No se conecto a MySQL : ' . mysql_error());
exit;
}
// make foo the current db
$db_selected = mysql_select_db('pruebas', $link);
if (!$db_selected) {
die ('No se puede usar la base de datos : ' . mysql_error());
return 0;
exit;
}else{
return 1;
}
}
//------------------------------------------------------------------------------------
function head(){
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta name="author" content="trashboy.mine.nu" />
<title>Untitled 3</title>
<!-- JS -->
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="myscript.js"></script>
<!-- CSS -->
<link rel="stylesheet" type="text/css" href="estilo.css" media="screen" />
</head>
<body>
<?php
}
?>