Comunidad de diseño web y desarrollo en internet online

Problemas con JQuery y PHP

Citar            
MensajeEscrito el 18 Abr 2010 07:35 pm
Buen día chicos.

Bueno les cuento, tengo una página web que estoy haciendo en mi servidor local, y estoy utilizando el JQuery, cuando usaba Ajax solamente si el JQuery funcionaba bien pero por efectitos y cosas asi, que son mas sencillos de ahcer con JQuery cambie la estructura de los Javascript, y al pasar un enlace a con parametros por get a la pagina php para que me retorne unos valores la misma no pasa el valor de la variable, osea se ejecuta bien pero los datos get nunca se envian, venga les postare el codigo para que lo vean:

Este es mi JavaScript.

Código Javascript :

<!--Efectos de Jquery Ocultar-->
$(document).ready(function(){
   $("#volver").click(function(event){
    event.preventDefault();
    $("#ocultar").show("slow");
    $("#volver").hide("slow");
   $("#contenido").hide("Slow");
   });
}); 

<!--Envio de Datos por URL -->
$(document).ready(function(){
  $("#ocultar a").click(function(event){
   event.preventDefault();
   $("#contenido").load('MiPhp.php',{'id':$(this).text()});
   $("#ocultar").hide("slow");
   $("#contenido").show("slow");
   $("#volver").show("slow");
   //OcultarDiv();
 });
});

Aqui en el codigo javascript no entiendo proque no me envia los datos que le estoy metiendo via get, tambien utilize este javascript:

Código Javascript :

$(document).ready(function(){
  $("#ocultar a").click(function(event){
  event.preventDefault();
  $.get("MiPhp.php",{"id":$(this).text()},function(data){
  $("#contenido").html(data);
});
});


Esta es mi pagina Web la coloco completa:

Código HTML :

<!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=utf-8" />
<title>Directorio Virtual</title>
<!-- Instalación de Greybox -->
    <script type="text/javascript">
        var GB_ROOT_DIR = "greybox/";
    </script>
<script type="text/javascript" src="greybox/AJS.js"></script>
<script type="text/javascript" src="greybox/AJS_fx.js"></script>
<script type="text/javascript" src="greybox/gb_scripts.js"></script>
<script type="text/javascript" src="jquery-1.4.2.js" ></script>
<link href="greybox/gb_styles.css" rel="stylesheet" type="text/css" />

<script type="text/javascript">
<!--Efectos de Jquery Ocultar-->
$(document).ready(function(){
   $("#volver").click(function(event){
    event.preventDefault();
    $("#ocultar").show("slow");
    $("#volver").hide("slow");
   $("#contenido").hide("Slow");
   });
}); 

<!--Envio de Datos por URL -->
$(document).ready(function(){
  $("#ocultar a").click(function(event){
   event.preventDefault();
   $("#contenido").load('MiPhp.php',{'id':$(this).text()});
   $("#ocultar").hide("slow");
   $("#contenido").show("slow");
   $("#volver").show("slow");
   //OcultarDiv();
 });
});

</script>
<style type="text/css">
<!--
a:link {
   text-decoration: none;
}
a:visited {
   text-decoration: none;
}
a:hover {
   text-decoration: none;
}
a:active {
   text-decoration: none;
}
#apDiv1 {
   position:absolute;
   left:516px;
   top:1122px;
   width:218px;
   height:82px;
   z-index:1;
}
#apDiv2 {
   position:absolute;
   left:685px;
   top:183px;
   width:296px;
   height:291px;
   z-index:1;
}
#apDiv3 {
   position:absolute;
   left:1px;
   top:1px;
   width:893px;
   height:120px;
   z-index:1;
}
#apDiv4 {
   position:absolute;
   left:1px;
   top:167px;
   width:1030px;
   height:607px;
   z-index:2;
}
#apDiv5 {
   position:absolute;
   left:2px;
   top:167px;
   width:227px;
   height:193px;
   z-index:3;
}
#apDiv6 {
   position:absolute;
   left:358px;
   top:166px;
   width:253px;
   height:197px;
   z-index:4;
}
#apDiv7 {
   position:absolute;
   left:678px;
   top:166px;
   width:221px;
   height:199px;
   z-index:5;
}
-->
</style></head>
<body>

<div id="apDiv3"><img src="titulo copia.png" width="1024" height="167" /></div>
<div id="ocultar">
<!-- <input type="hidden" name="opcion" value="" /> -->
<div id="apDiv5"><a id="medicos" href="MiPhp.php?id=000001"><img src="boton1 copia.png" width="356" height="600" /></a></div>
<div id="apDiv6"><a id="medicos"  href="MiPhp.php?id=000002"><img src="boton2 copia.png" width="320" height="602" /></a></div>
<div id="apDiv7"><a id="medicos" href="MiPhp.php?id=000003"><img src="boton3 copia.png" width="345" height="602" /></a></div>
</div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<div id="contenido"></div>
<div id="volver" style="display:none; font-family: Tahoma, Geneva, sans-serif; font-weight: bold; font-size: larger;"><a  href="#" class="service"><img src="GreyBox/prev.gif" width="25" height="30" border="none" align="middle"/></a></div>

</body>
</html>


Este es el Codigo de mi pagina PHP que busca los datos:

Código PHP :

<?php
$Menu = $_REQUEST['id'];
require('conexion.php');
$RegistrosAMostrar=10;

global $PagAct;

//estos valores los recibo por GET
if(isset($_GET['pag'])){
   $RegistrosAEmpezar=($_GET['pag']-1)*$RegistrosAMostrar;
   $PagAct=$_GET['pag'];
//caso contrario los iniciamos
}else{
   $RegistrosAEmpezar=0;
   $PagAct=1;
   
}
echo 'Valor de Menu:'.$Menu;
$Resultado=mysql_query("SELECT * FROM TBL_Grupos Where Codigo='$Menu' ORDER BY Descripcion LIMIT $RegistrosAEmpezar, $RegistrosAMostrar",$con) or die( "Error en $Resultado: " . mysql_error() );
echo "<table width=\"100%\">";
echo "<thead>";
while($MostrarFila=mysql_fetch_array($Resultado)){
   echo "<tr>";
   echo "<td><a href=\"/Dvirtual/ficha.php?".$MostrarFila['CodGrupo']."title=\"Ficha\" onclick=\"return GB_showPage(\'Ficha\',this.href)\">".$MostrarFila['Descripcion']."</a>";
   echo "</tr>";
}
echo "</thead>";
echo "</tbody></table>";

//******--------determinar las páginas---------******//
$Consulta = mysql_query("SELECT * FROM TBL_Grupos Where Codigo='$Menu'",$con)or die( "Error en $Consulta: " . mysql_error());
$NroRegistros=mysql_num_rows($Consulta) ;

$PagAnt=$PagAct-1;
$PagSig=$PagAct+1;
$PagUlt=$NroRegistros/$RegistrosAMostrar;

//verificamos residuo para ver si llevará decimales
$Res=$NroRegistros%$RegistrosAMostrar;
// si hay residuo usamos funcion floor para que me
// devuelva la parte entera, SIN REDONDEAR, y le sumamos
// una unidad para obtener la ultima pagina
if($Res>0) $PagUlt=floor($PagUlt)+1;

//desplazamiento
echo "<div>";
echo "<a onclick=\"Pagina('1')\">Primero</a> ";
if($PagAct>1) echo "<a onclick=\"Pagina('$PagAnt')\">Anterior</a> ";
echo "<strong>Pagina ".$PagAct."/".$PagUlt."</strong>";
if($PagAct<$PagUlt)  echo " <a onclick=\"Pagina('$PagSig')\">Siguiente</a> ";
echo "<a onclick=\"Pagina('$PagUlt')\">Ultimo</a>";
echo "</div>";
?>


Mi problema es que no me envia mis datos por el get :S osea es como si la pagina php nunca los recibiera.

Por 10537

1 de clabLevel



 

The Net

firefox
Citar            
MensajeEscrito el 18 Abr 2010 08:12 pm
:lol: Ya soluciones ese problema jejeje bueno hice esto:

Código Javascript :

$(document).ready(function(){
  $("#ocultar a").click(function(event){
   event.preventDefault();
   $("#contenido").load($(this).attr("href"));
   $("#ocultar").hide("slow");
   $("#contenido").show("slow");
   $("#volver").show("slow");
   //OcultarDiv();
 });
});


:lol: Pero ahora tengo otro problema :oops: , no me quiere funcionar el Greybox :roll:

Por 10537

1 de clabLevel



 

The Net

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.