AJAX deshabilita mi JQuery??

kerverin · #1 (**permalink**) 31/03/2009, 11:42

buenas tengo un problema con AJAX y JQUERY, haber le comento:
tengo una pagina en PHP la cual include otra, en la principaltengo 2 combobox, con el cual, de acuerdo a la seleccion, muestra varios campos. e lcodigo es el siguiente:

Código:

<select name="numero" id="numero" size="1" style="width:40px;font-weight:bold;" onchange="visualizar()">
        <option value="1">01</option>
        <option value="2">02</option>
        <option value="3">03</option>
        <option value="4">04</option>
        <option value="5">05</option>
        <option value="6">06</option>
        <option value="7">07</option>
        <option value="8">08</option>
        <option value="9">09</option>
        <option value="10">10</option>
      </select>
<b>Type of Group/s: </b><select name="tipogrupo" id="tipogrupo" size="1" style="width:80px;font-weight:bold;" onchange="visualizar()">
        <option value="pool">Pool</option>
        <option value="private">Private</option>
        &nbsp;
      </select>

Debajo de esto tengo un div en el cual esta el include en el cuial defino el ID donde se actualizara los datos q deseo:

Código:

<div id="newgroups" style="width:100%;height:auto;">
  <? include("showgroups.php"); ?>
  </div>

como ven en el onchange llamo a visualizar q seria esto:

Código:

function visualizar()
{
	num = document.getElementById('numero').value;
	tgrupo = document.getElementById('tipogrupo').value;
	url="showgroups.php?numero="+num+"&tipog="+tgrupo;
	//enviar a ajax para que agrege a la canasta detalleCompra
	motor('newgroups',url);
}

esta funcion me recupera los valores seleccionados y los manda a motor, este motor.js tiene el siguiente codigo:

Código:

function objetoAjax(){
	var xmlhttp=false;
	try {
		xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
	} catch (e) {
		try {
		   xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
		} catch (E) {
			xmlhttp = false;
  		}
	}

	if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
		xmlhttp = new XMLHttpRequest();
	}
	return xmlhttp;
}

//funcion general 
function motor(divisor,url){
	divContenido = document.getElementById(divisor);
	ajax=objetoAjax();
	ajax.open("GET", url);
	ajax.onreadystatechange=function() {
		if (ajax.readyState==4) {
			divContenido.innerHTML = ajax.responseText
		}
	}
	ajax.send(null)
}

y el codigo del "showgroups.php" vendria a seer el siguiente:

Código PHP:

  <? 
if(isset($_GET['numero']) && isset($_GET['tipog'])) 
{ 
    $numero = $_GET['numero']; 
    $tipogrupo = $_GET['tipog']; 
    ?> 
    <style> 
    .sobre:hover{ 
        background:#CCCCCC;} 
    </style> 
    <link type="text/css" href="css/base/ui.all.css" rel="stylesheet" /> 
<link type="text/css" href="css/base/demos.css" rel="stylesheet" /> 
<script type="text/javascript" src="script/jquery.js"></script> 
<script type="text/javascript" src="script/ui.core.js"></script> 
<script type="text/javascript" src="script/ui.datepicker.js"></script> 
    <script type="text/javascript"> 
    $(function() { 
        $('#fechainicio1').datepicker({ 
            changeMonth: true, 
            changeYear: true 
        }); 
        $('#fechainicio2').datepicker({ 
            changeMonth: true, 
            changeYear: true 
        }); 
        $('#fechainicio3').datepicker({ 
            changeMonth: true, 
            changeYear: true 
        }); 
        $('#fechainicio4').datepicker({ 
            changeMonth: true, 
            changeYear: true 
        }); 
    }); 
    </script> 
    <? 
    if($tipogrupo=='pool') 
    { 
        for($i=1;$i<=$numero;$i++) 
        { 
            ?> 
             
            <table width="500" border="0" style="border:1px solid #990000;"> 
              <tr bgcolor="#990000" style="color:#FFFFFF"> 
                <td colspan="4"><b>Group N&ordm;<?=$i;?></b></td> 
              </tr> 
              <tr bgcolor="#eeeeee" class="sobre"> 
                <td align="right"><b>Aperture Date :</b></td> 
                <td align="left"><input name="fechainicio<?=$i;?>" type="text" id="fechainicio<?=$i;?>" size="10" maxlength="10"></td> 
                <td align="right"><b>Price :</b></td> 
                <td align="left"><input name="preciopool<?=$i;?>" type="text" id="preciopool<?=$i;?>" value="0.00" size="10" maxlength="10"></td> 
              </tr> 
              <tr class="sobre"> 
                <td align="right"><b>Date Begin :</b></td> 
                <td align="left"><input name="inicioprecio<?=$i;?>" type="text" id="inicioprecio<?=$i;?>" size="10" maxlength="10"></td> 
                <td align="right"><b>Date End</b></td> 
                <td align="left"><input name="finprecio<?=$i;?>" type="text" id="finprecio<?=$i;?>" size="10" maxlength="10"></td> 
              </tr> 
            </table> 
            <? 
        } 
    } 
    else if($tipogrupo=='private') 
    { 
        for($i=1;$i<=$numero;$i++) 
        { ?> 
         
            <table width="800" border="0" style="border:1px solid #990000;"> 
              <tr  bgcolor="#990000" style="color:#FFFFFF"> 
                <td colspan="8"><b>Group N&ordm;<?=$i;?></b></td> 
              </tr> 
              <tr bgcolor="#eeeeee" class="sobre"> 
                <td align="right"><b>Aperture Date :</b></td> 
                <td align="left"><input name="fechaini<?=$i;?>" type="text" id="fechaini<?=$i;?>" size="10" maxlength="10"></td> 
                <td align="right"><b>Date Begin :</b></td> 
                <td align="left"><input name="fechaprecioini<?=$i;?>" type="text" id="fechaprecioini<?=$i;?>" size="10" maxlength="10"></td> 
                <td align="right"><b>Date End</b></td> 
                <td align="left"><input name="fechapreciofin<?=$i;?>" type="text" id="fechapreciofin<?=$i;?>" size="10" maxlength="10"></td> 
                <td>&nbsp;</td> 
                <td>&nbsp;</td> 
              </tr> 
              <tr class="sobre"> 
                <td align="right"><b>Price 1 pax</b></td> 
                <td align="left"><input name="pax1<?=$i;?>" type="text" id="pax1<?=$i;?>" value="0.00" size="10" maxlength="10" style="text-align:right"></td> 
                <td align="right"><b>Price 2 pax</b></td> 
                <td align="left"><input name="pax2<?=$i;?>" type="text" id="pax2<?=$i;?>" value="0.00" size="10" maxlength="10" style="text-align:right"></td> 
                <td align="right"><b>Price 3 pax</b></td> 
                <td align="left"><input name="pax3<?=$i;?>" type="text" id="pax3<?=$i;?>" value="0.00" size="10" maxlength="10" style="text-align:right"></td> 
                <td align="right"><b>Price 4-6 pax</b></td> 
                <td align="left"><input name="pax46<?=$i;?>" type="text" id="pax46<?=$i;?>" value="0.00" size="10" maxlength="10" style="text-align:right"></td> 
              </tr> 
              <tr bgcolor="#eeeeee" class="sobre"> 
                <td align="right"><b>Price 7-9 pax</b></td> 
                <td align="left"><input name="pax79<?=$i;?>" type="text" id="pax79<?=$i;?>" value="0.00" size="10" maxlength="10" style="text-align:right"></td> 
                <td align="right"><b>Price 10-12 pax</b></td> 
                <td align="left"><input name="pax1012<?=$i;?>" type="text" id="pax1012<?=$i;?>" value="0.00" size="10" maxlength="10" style="text-align:right"></td> 
                <td align="right"><b>Price 13-16 pax</b></td> 
                <td align="left"><input name="pax1316<?=$i;?>" type="text" id="pax1316<?=$i;?>" value="0.00" size="10" maxlength="10" style="text-align:right"></td> 
                <td>&nbsp;</td> 
                <td>&nbsp;</td> 
              </tr> 
            </table> 
    <?    } 
    } 
} 
?>

Ahora cuando seleccino algun campo de los select esto normal mente me cambia y muestra lo que deseo [osea el numeroy tipos de campo], el problema es con el JQUERY que no funciona, porke en los campos input date me deberia desplegar un calendario pero no me lo muestra, parece q el AJAX deshabiliara al JQUERY, ya q si lo pruebo el JQUERY en la principal si lo ejecuta, pero cuando es cargado por el AJAX NO.

.

Ayuda porfas!!!

acepto sugerencias de otros metodos para hacer esto de recargar...