Departamento, Ciudad, Modificar

cccardenaso · #1 (**permalink**) 31/07/2008, 17:38

Hola!

Tengo un formulario donde el usuario ingresa sus datos, entre los que debe seleccionar un departamento y ciudad, de acuerdo al departamento que seleccione, llama el ajax que carga las ciudades asociadas a este, sin ningún inconveniente,

Existe también un formulario en el cual el usuario podrá modificar sus datos, obviamente está departamento y ciudad, para mostrar la ciudad no tengo ningún inconveniente, pero para mostrar la ciudad he caido en un ciclo sin fín... jijiji

Opciones que hago:

1. cuando el usuario me cambie el departamento llamo un ajax que carga las ciudades asociadas, el problema, cuando entra al formulario no visualiza la ciudad inicial.

2. cargo la ciudad en el formulario donde sale inicialmente la información, y la lista asociadas al departamento inicial, pero si cambio el departamento no cambian las ciudades.

he tratado de fusionar las dos ideas, pero no consigo hacerlo....

alguien me podria dar una idea de como hacerlo, un lugar donde este como ejemplo, algo que me de una luz en el camino, jejeje,

Gracias,

CC

Thaorius · #2 (**permalink**) 31/07/2008, 18:39

Pone el codigo para que podamos ayudarte, medio dificil sino.

Saludos.

cccardenaso · #3 (**permalink**) 01/08/2008, 08:38

mecliente.php

<?php
session_start();
$clie=$_SESSION['cliente'];
$grup=$_SESSION['grupo'];
$cont=$_SESSION['contrato'];
$campo=$_SESSION['campop'];

include ("archivos/plantilla.php");
$obj= new interfaz();
$obj->amgsup($dom1,$clie,$cont,$campo,$_SESSION['login']);
$db1= new DBase();
?>
<html>
<head>
<script language="JavaScript" type="text/JavaScript">

function MM_reloadPage(init)
{ //reloads the window if Nav4 resized
if (init==true) with (navigator)
{
if ((appName=="Netscape")&&(parseInt(appVersion)==4))
{
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage;
}
}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH)
location.reload();
}

MM_reloadPage(true);
allsub = false

function traerInfo(tipo,cod)
{
var http = null;
var strcadena;
var stHtml;
if(window.XMLHttpRequest)
http = new XMLHttpRequest();
else if (window.ActiveXObject)
http = new ActiveXObject("Microsoft.XMLHTTP");
http.onreadystatechange = function()
{
if((http.readyState == 4) && (http.status == 200))
{
strcadena = http.responseText;

if(tipo=="cl_nit")
{
cliente.innerHTML = strcadena;
/*alert(strcadena);*/
}
}
}
if (tipo=="cl_nit")
{
http.open('GET', 'ajax2.php?cl_nit=' + cod, true);
http.send("");
}
}

function traerInfo2(tipo,cod,cl_nit,orden)
{
var http = null;
var strcadena;
var stHtml;

if(window.XMLHttpRequest)
http = new XMLHttpRequest();
else if (window.ActiveXObject)
http = new ActiveXObject("Microsoft.XMLHTTP");

http.onreadystatechange = function()
{
if((http.readyState == 4) && (http.status == 200))
{
strcadena = http.responseText;

if(tipo=="depto")
{
dpto.innerHTML = strcadena;
}
}
}

if (tipo=="depto")
{
http.open('GET', 'ajax1.php?depto=' + cod +'&cliente='+ cl_nit +'&orden='+ orden, true);
http.send("");
}
}
</script>
<link href="archivos/styles.css" rel="stylesheet" type="text/css">
</head>

<body>
<?
// Comprobar errores
$error = false;

if (isset($modi))
{
// Validación de Campos
// Departamento
if (trim($depto) == 0)
{
$errores["depto"] = "Departamento no puede ser Vacío";
$error = true;
}
else
$errores["depto"] = "";

// Ciudad
if (trim($cl_ciudad) == 0)
{
$errores["cl_idciudad"] = "Ciudad no puede ser Vacío";
$error = true;
}
else
$errores["cl_idciudad"] = "";
}

if (isset($modi) && $error==false)
{
$psql=$db1->ejecutar("UPDATE `cliente`
SET `cl_razon` = '$cl_razon',
`cl_iddepto` = '$depto',
`cl_idciudad` = '$cl_ciudad',
WHERE `cl_nit` = '$cl_nit'");
COMMIT;
mensaje1();
}
else
{
?>
<p align="center" class="titulo">Modificar Cliente</p>
<form name="forma" method="get" onSubmit="return checkSubmit()" ACTION="<?php echo $php_self?>">
<table width="350" align="center" height="200" border=0 cellpadding=1 cellspacing=4 background="archivos/cuadro.jpg">
<tr>
<td bordercolor="#FFDB70" class="texto"> Cliente
<select name="cl_nit" onChange="traerInfo(this.name,this.value);" class="texto">
<option value="" selected>Seleccione</option>
<?
$rds4 = $db->ejecutar("SELECT *
FROM `cliente`
ORDER BY `cl_razon` asc");
while($row = mysql_fetch_array($rds4))
{
?>
<option value="<? echo $row["cl_nit"];?>"><? echo $row["cl_razon"];?></option>
<?
}
?>
</select>
<div align="left">
<span id="cliente" name="cliente"></span>
</div>
</td>
</tr>
<tr>
<td bordercolor="#FED83D" align="center">
<input name="modi" class="texto" type=submit value="Modificar" onClick="validar();">
<input type="button" value="Cancelar" name="cancelar" class="texto" id="cancelar" onClick="cancelar1();" />
</td>
</tr>
<script>
cl_nit_value = '<? echo $cl_nit?>';
traerInfo('cl_nit',cl_nit_value);
</script>
<?
if($error==true)
{
?>
<table width="350" align="center" border=0 cellpadding=1 cellspacing=4 background="archivos/cuadro.jpg">
<tr>
<td bordercolor="#FFDB70" class="texto">

<?
print ("<BR><P CLASS='red' align='left'><img src=archivos/warning.jpg> Tenga en cuenta que:</P>");
}
if ($errores["depto"] != "")
print ("<BR><SPAN CLASS='red'> * " . $errores["depto"] . "</SPAN>");
if ($errores["cl_idciudad"] != "")
print ("<BR><SPAN CLASS='red'> * " . $errores["cl_idciudad"] . "</SPAN>");
?>
</td>
</tr>
</table>
<?
}
?>
</table>
</form>
</BODY>
</HTML>

ajax1.php

<?
// Ciudad de acuerdo del Dpto
if(isset($_GET['depto']))
{
$rds2 = $db->ejecutar("SELECT *
FROM `cliente`
WHERE `cl_nit` ='".$_GET['cliente']."'");

while($row = mysql_fetch_array($rds2))
{
$iddepto = $row['cl_iddepto'];
$idciudad = $row['cl_idciudad'];

$rds3 = $db->ejecutar("SELECT *
FROM `ciudad`
WHERE `ci_idciudad`='$idciudad'");

while($row = mysql_fetch_array($rds3))
{
$ciudadnombre = $row["ci_ciudad"];
}
mysql_free_result($rds3);

$rds4 = $db->ejecutar("SELECT *
FROM `departamento`
WHERE `de_iddepto`='$iddepto'");

while($row = mysql_fetch_array($rds4))
{
$deptonombre = $row["de_nombre"];
}
mysql_free_result($rds4);
}
mysql_free_result($rds2);

if($iddepto == $_GET['depto'])
{
$res = "<Select name='cl_ciudad' class='texto'>
<option value=".$idciudad." selected>".$ciudadnombre."</option>";

$rds = $db->ejecutar("SELECT *
FROM `ciudad`
WHERE `ci_iddepto` = '$iddepto'
AND `ci_idciudad` != '$idciudad'
ORDER BY `ci_ciudad` ASC");
while($row = mysql_fetch_array($rds))
{
$res =$res."<option value=".$row["ci_idciudad"].">".$row["ci_ciudad"]."</option>";
}
}
else
{
$res = "<Select name='cl_ciudad' class='texto'>
<option value=0 selected>Seleccione</option>";
$rds = $db->ejecutar("SELECT *
FROM `ciudad`
WHERE `ci_iddepto` = '".$_GET['depto']."'
ORDER BY `ci_ciudad` ASC");

while($row = mysql_fetch_array($rds))
{
$res =$res."<option value=".$row["ci_idciudad"].">".$row["ci_ciudad"]."</option>";
}
}
mysql_free_result($rds);
echo $res."</select>";

echo "<BR><SPAN CLASS='red'> ( Actualmente Departamento ".$deptonombre." Ciudad ".$ciudadnombre." )</SPAN>";
}
?>

ajax2.php

<?
// Es para traer Datos Clientes
if(isset($_GET['cl_nit']))
{
$rds1 = $db->ejecutar("select * from `cliente` WHERE `cl_nit` = '".$_GET['cl_nit']."'");
while($row = mysql_fetch_array($rds1))
{
$cl_nit = $row["cl_nit"];
$cl_iddepto = $row["cl_iddepto"];
$cl_idciudad = $row["cl_idciudad"];
?>
<table width="837" align="center">
<tr>
<td height="40" bgcolor="#ffffff" bordercolor="#ffffff" class="texto" colspan="5"><strong>Datos del Cliente </strong> </td>
</tr>
<tr>
<td class="texto">NIT</td>
<td width="386">
<input type="text" class="texto" readonly name="cl_nit" size="20" maxlength="20" value="<? echo $cl_nit ?>" /></td>
</tr>
<tr>
<td bordercolor="#ffffff" class="texto">Departamento</td>
<td>
<?
$rds2 = $db->ejecutar("SELECT *
FROM `departamento`
WHERE `de_iddepto`= '$cl_iddepto'");
while($row = mysql_fetch_array($rds2))
{
$de_iddepto= $row["de_iddepto"];
$de_nombre= $row["de_nombre"];
}
mysql_free_result($rds2);

/*OJO al enviar valores con 0 antes deben enviar como se muestra en este onchange*/
$res = "<Select name='depto' class='texto' class='texto' onChange=\"traerInfo2(this.name,this.value,'$cl_ni t',1);\">
<option value=".$de_iddepto." selected>".$de_nombre."</option>";
$rds = $db->ejecutar("SELECT *
FROM `departamento`
WHERE `de_iddepto` != $cl_iddepto
ORDER BY `de_nombre` ASC" );
while($row = mysql_fetch_array($rds))
{
$res =$res."<option value=".$row["de_iddepto"].">".$row["de_nombre"]."</option>";
}
mysql_free_result($rds);
echo $res."</select>";
?>
</td>
<td width="88" bordercolor="#ffffff" class="texto">Ciudad</td>
<td height="23" bordercolor="#ffffff" class="texto" colspan="2">
<span id="dpto" name="dpto"> </span>
</td>
</tr>
</table>
<? }
}
// ---------------------------------------------------------------Fin Clientes
?>

cccardenaso · #4 (**permalink**) 01/08/2008, 12:09

Una forma clara de ver esto es en los correos, por ejemplo en hotmail, cuando se va a datos personales, le caga el país que habiamos ingresado y el estado o provincia, al momento de seleccionar otro país me cargara los estados o provincias de ese nuevo país.

GatorV · #5 (**permalink**) 01/08/2008, 12:32

Tema trasladado a AJAX.

Necesitas implementar logica del lado del cliente para llamar a tu funcion AJAX con el valor por defecto de la ciudad y asi obtener el valor que quieres seleccionar.

Saludos.

cccardenaso · #6 (**permalink**) 04/08/2008, 10:10

hola!

implemento la logica del ajax.... en mecliente.php, hago un select a la BD de datos para traer la lista de clientes que tengo almacenados, al seleccionar alguno, por medio de ajax2.php, traigo toda la información asociada de este cliente almacenada en la BD, en la que se encuentra departamento y ciudad, si quiero las visualizo, pero no dentro del listado.

cuando cambio de derpartamento, llamo el ajax1.php, que me carga la lista de ciudades al departamento que he seleccionado,

No se, sino he sido clara, pero lo que quiero es que al momento de seleccionar el cliente, me traiga la información, así, si el departamento es Antioquia, y la ciudad del cliente es Medellin, me los muestre en la lista, en primera instancia, pudiendo seguir en el mismo departamento y cambiar la ciudad, ahora, si cambio el departamento me liste las ciudades asociadas a el nuevo departamento seleccionado.

No hay un lugar donde hagan un demo de ello?