Como filtrar un dato con Ajax después de un "...?recordID=..."

MiguelDidac · 25 Enero 2014, 12:43 PM

Hola buenas,
Lo primero decir que este es mi primer trabajo de como hacer una web.
El caso es que no encuentro la manera de filtrar un dato como "ciudad" en el cual insertaré 18 ciudades, después de una página ya filtrada por "coches" que logrado a través de un "...?recordID=..." de forma que así me filtra por la marca del coche.
Ahora lo que quiero es filtrar por la cuidad del coche, a ser posible por Ajax.
Como verán soy muy inexperto en esto.
Muchas gracias de antemano.

EFEX · 25 Enero 2014, 22:25 PM

Si te entendi bien... se puede enviar mas de un parametro...

Citar?recordID=ford&ciudad=lacapital

Y sino expone lo que llevas hasta ahora y explicate un poco mas.
Saludos

MiguelDidac · 26 Enero 2014, 07:38 AM

Hola Efex,
ante todo muchas gracias por responder y tienes toda la razón: me expliqué muy poquito.
Bueno aquí te envío el código, como verás esta página ya viene precedida de otra y en principio sólo he puesto las primeras seis ciudades, ya pondré las demás.
Eso si, si tienes alguna idea mejor... ni que decir tiene que acepto sugerencias, he hecho unos tutoriales y llevo unos tres meses y a ratos con esto de programar.
Gracias otra vez.
Saludos.

Código (php) [Seleccionar]

<?php require_once('Connections/conexioncreacion.php'); ?>
<?php
if (!function_exists("GetSQLValueString")) {
function GetSQLValueString($theValue, $theType, $theDefinedValue = "", $theNotDefinedValue = "") 
{
  if (PHP_VERSION < 6) {
    $theValue = get_magic_quotes_gpc() ? stripslashes($theValue) : $theValue;
  }

  $theValue = function_exists("mysql_real_escape_string") ? mysql_real_escape_string($theValue) : mysql_escape_string($theValue);

  switch ($theType) {
    case "text":
      $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
      break;    
    case "long":
    case "int":
      $theValue = ($theValue != "") ? intval($theValue) : "NULL";
      break;
    case "double":
      $theValue = ($theValue != "") ? doubleval($theValue) : "NULL";
      break;
    case "date":
      $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
      break;
    case "defined":
      $theValue = ($theValue != "") ? $theDefinedValue : $theNotDefinedValue;
      break;
  }
  return $theValue;
}
}

$varAnno_DatosDatosMarcas = "0";
if (isset($_GET["anno"])) {
  $varAnno_DatosMarcas = $_GET["anno"];
}
mysql_select_db($database_conexioncreacion, $conexioncreacion);
$query_DatosMarcas = sprintf("SELECT * FROM tblmarcas WHERE tblmarcas.strmodelo = %s ORDER BY tblmarcas.intOrden ASC", GetSQLValueString($varAnno_DatosDatosMarcas, "text"));
$DatosMarcas = mysql_query($query_DatosMarcas, $conexioncreacion) or die(mysql_error());
$row_DatosMarcas = mysql_fetch_assoc($DatosMarcas);
$totalRows_DatosMarcas = mysql_num_rows($DatosMarcas);


?>

Código (html4strict) [Seleccionar]

<!DOCTYPE html>
<html class="no-js"><!-- InstanceBegin template="/Templates/plantillabase.dwt.php" codeOutsideHTMLIsLocked="false" --> <!--<![endif]-->
<head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">       
 <!-- InstanceBeginEditable name="doctitle" -->
<title>Documento sin título</title>
<script src="js/jquery-1.6.1.min.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" charset="utf-8" />
<script src="js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
<link href="css/estiloprincipal.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="css/menu.css" type="text/css" />
<link rel="stylesheet" href="css/style.css">
<link href='http://fonts.googleapis.com/css?family=Share:400,700&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Dosis:400,300,700' rel='stylesheet' type='text/css'>

<script src="js/libs/modernizr-2.5.3-respond-1.1.0.min.js"></script>
 
<?php include("includes/google.php"); ?>
</head>

<body>
<div class="container">
<div class="header-container">
<div class="header">
            <header class="wrapper clearfix">
                <?php include("includes/cabecera.php"); ?>
                <nav>
                    <?php include("includes/menu.php"); ?>
                </nav>
            <!-- InstanceBeginEditable name="EditRegion5" --><!-- InstanceEndEditable --> </header>
        </div>
</div>
<div class="main-container">
 
  <div class="sidebar1"><!-- InstanceBeginEditable name="ContenidoIzq" -->
    <script type="text/javascript" charset="utf-8">
  $(document).ready(function(){
    $("a[rel^='prettyPhoto']").prettyPhoto({theme: 'light_rounded'});
  });
</script>
  <p>&nbsp;</p>
    <h1>Elige tu <?php echo $_GET["anno"]; ?></h1>
    
    
    <p>A continuaci&oacute;n, presentamos una lista de los mejores coches.</p>
    
   <?php do { ?>     
    <div class="ofertas1"><a href="images/marcas/<?php echo $row_DatosMarcas['strImagen']; ?>" rel="prettyPhoto[marcas_galeria]"><img src="images/marcas/<?php echo $row_DatosMarcas['strImagen']; ?>" width="200" alt="<?php echo $row_DatosMarcas['strTitulo']; ?>" /></a><br /><?php echo $row_DatosMarcas['strTitulo']; ?>
      <br />
      <a href="<?php echo $row_DatosMarcas['strLink']; ?>" target="_blank">Visitar Web</a> - <a href="marcas_informacion.php?idweb=<?php echo $row_DatosMarcas['intContador']; ?>">Ver informaci&oacute;n</a></div>
    <?php } while ($row_DatosMarcas = mysql_fetch_assoc($DatosMarcas)); ?>
    
       <!-- InstanceEndEditable --><!-- end .sidebar1 --></div>
  <!-- InstanceBeginEditable name="ParteDerecha" -->
  <p>&nbsp;</p>
  <div class="content">
    <h1>Poblaci&oacute;n</h1>
    <p>Seleccione la poblaci&oacute;n donde quiere ver su coche.</p>
    
  <p>&nbsp;</p>
  
  <ul>
     <table width="300"  align="left" cellpadding="0">
  
  
  <tr>
    <th width="100" height="25">
    <a href="marcas_poblacion.php?anno=">Alaquas</a></th>
    <th width="100"><a href="marcas_poblacion.php?anno=Albal<?php echo $row_DatosMarcas['strModelo']; ?>">Albal</a></th>
    <th width="100"><a href="marcas_poblacion.php?ciudad=Alfafar">Alfafar</a></th>
    <th width="100"><a href="marcas_poblacion.php?ciudad=Anna">Anna</a></th>
    <th width="100"><a href="marcas_poblacion.php?ciudad=Benetusser">Benetusser</a></th>
    <th width="100"><a href="marcas_poblacion.php?ciudad=Catarroja">Catarroja</a></th>
    </tr> 
    </table>
    </ul>
 </div>   
    <!-- end .content -->
  <!-- InstanceEndEditable --> 
  <div class="footer">
  <?php include("includes/pie.php"); ?></div>
  <!-- end .container --></div>
  </div>
</body>
<!-- InstanceEnd --></html>
<?php
mysql_free_result($DatosMarcas);

?>

NOTA MOD: USAR GESHI PARA CODIGOS [code=html4strict][/code], [code=php][/code]. Existe boton modificar para modificar posts .

EFEX · 26 Enero 2014, 22:35 PM

Código (javascript) [Seleccionar]


$(document).ready(function(){
	$('th a').on('click', function(event){		//al hacer click en el enlace de la tabla...
		var enlace = $(this).attr('enlace');	//obtenemos la direccion..

		$.ajax({url:enlace, dataType:"html",	//definimos el archivo php que llamaremos y tipo de datos
			success:function( data ){		//si tuvo exito lo mostramos.
				$(".showtime").html( data );
			}
		});

		event.stopPropagation();
	});
});

Cambiando un poco el html..

Código (html4strict) [Seleccionar]


<div class="showtime">Aqui se muestran los resultados..</div>
<hr>
<ul>
	<table width="300"  align="left" cellpadding="0">
		<tr>
			<th width="100" height="25"><a href="#" enlace="marcas_poblacion.php?anno=Alaquas">Alaquas</a></th>
			<th width="100"><a href="#" enlace="marcas_poblacion.php?anno=Albal">Albal</a></th>
			<th width="100"><a href="#" enlace="marcas_poblacion.php?ciudad=Alfafar">Alfafar</a></th>
			<th width="100"><a href="#" enlace="marcas_poblacion.php?ciudad=Anna">Anna</a></th>
			<th width="100"><a href="#" enlace="marcas_poblacion.php?ciudad=Benetusser">Benetusser</a></th>
			<th width="100"><a href="#" enlace="marcas_poblacion.php?ciudad=Catarroja">Catarroja</a></th>
		</tr>
	</table>
</ul>

Ajax
http://api.jquery.com/jQuery.ajax/

Era eso?

MiguelDidac · 27 Enero 2014, 22:44 PM

Hola EFEX,

Estoy comprobando lo que me enviaste, hoy la verdad es que apenas he tenido tiempo debido a unos asuntos familiares, aún no lo acabo de entender, pero prometo contestar y enviar el resultado final,
Gracias de nuevo

Test Foro de elhacker.net SMF 2.1

Como filtrar un dato con Ajax después de un "...?recordID=..."

MiguelDidac

EFEX

MiguelDidac

EFEX

MiguelDidac