Foros del Web » Programando para Internet » Javascript »

problema con ajaxtabs

 Estas en el tema de problema con ajaxtabs en el foro de Javascript en Foros del Web. hola, tengo un problema con los tabs empleados en este sistema... url: http://cancha.0fees.net/sis_ultimo/ (Funciona en IE por el momento...) Ingresen con el usuario Oscar y ...
  #1 (permalink)  
Antiguo 16/06/2009, 12:34
 
Fecha de Ingreso: junio-2007
Mensajes: 75
Antigüedad: 16 años, 10 meses
Puntos: 1
problema con ajaxtabs
hola, tengo un problema con los tabs empleados en este sistema...
url:http://cancha.0fees.net/sis_ultimo/(Funciona en IE por el momento...)
Ingresen con el usuario Oscar y la clave 123456 en el menu admin y luego el boton "pagos efectuados" se visualiza los tabs implementados con la libreria ajaxtabs hasta hay no hay problemas puedes pasarte de pestaña en pestaña y el contenido se muestra en el correspondiente div... pero al ir a profesores o locales y usuarios(Botones) y luego volver a Pagos efectuados y quere pasar de pestaña me lo muesta en pantalla completa y ya no en el body ... y no logro dar con el problema que lo genera...

la estructura HTML del contenido del menu admin es:
Código: 
<?php 
include('security.php');
include('cfg.php');
include('funciones.php');
?>
<center>
<table width="636" border="0">
  <tr>
    <td width="18">&nbsp;            </td>
    <td width="140"><input name="bt_adm_1" type="button" id="bt_adm_1" onClick="ffusuarios();" value="Locales y Usuarios">
    </td>
    <td width="115" align="center"><input name="bt_adm_2" type="button" id="bt_adm_2" onClick="ffprofes();" value="Profesores"></td>
    <td width="141" align="right"><input name="bt_adm_3" type="button" id="bt_adm_3" onClick="ffpagos();" value="Pagos efectuados"></td>
    <td width="179" align="right">Fecha: <font color="#339900"><?php echo date('d/m/Y')?></font></td>
  </tr>
  <tr>
    <td height="2">&nbsp;</td>
    <td colspan="4"><hr></td>
    <td width="17">&nbsp;</td>
  </tr>
</table>
<div id="div_adm_body">

</div>

<div id="div_adm_b1" style="display:none">
<table width="639" height="414" border="0">
  <tr>
    <td width="13" height="21">&nbsp;</td>
    <td colspan="2">Nuevo Local: </td>
    <td width="171">&nbsp;</td>
    <td width="1" rowspan="6" bgcolor="#737373">&nbsp;</td>
    <td colspan="2">&nbsp;&nbsp;&nbsp; Nuevo Usuario: </td>
    <td width="79">&nbsp;</td>
    <td width="17">&nbsp;</td>
  </tr>
  <tr>
    <td height="21">&nbsp;</td>
    <th width="81" class="title02">Nombre:</th>
    <td colspan="2">
    <input name="txtlocal" type="text" id="txtmodulo2" style="background-color:#FFFFFF "></td>
    <td width="80" class="title02">Local:</td>
    <td width="151" id="td_admin_cblocal"><?php
	$consulta  = mysql_query("Select * from locales");
	echo "<select name='cb_adm_local' style='height:24px;width:150px' onChange=\"javascript:imygrid.clearAll();imygrid.loadXML('xml.php?a=11&r1='+ this.options[this.selectedIndex].text)\">";
	echo "<option selected>&lt;Ninguno&gt;</option>";
	while($fila = mysql_fetch_array($consulta)) {
	echo "<option value='".$fila[0]."'>".htmlentities($fila['Nombre'])."</option>";
	}
	echo "</select>";
	?></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td height="21" rowspan="4">&nbsp;</td>
    <td height="26" colspan="2">&nbsp;</td>
    <td><input name="cmdcrea1" type="button" id="cmdcrea1" value="Crear" onClick="if(isBlank($('txtlocal').value)==false){ var myAjax = new Ajax.Request( 'p.php', { method: 'post', parameters: 'module=adm&action=nloc&a='  + getInputValue($('txtlocal')), onComplete: creado });function creado(data){var tx=data.responseText;alert(tx);f_adm_usu_local();if(tx=='Se registro Correctamente'){$('txtlocal').value=''}}  }else{alert('Ingrese Nombre de Local')}"></td>
    <td class="title02">Nick:</td>
    <td><input name="txtnick" type="text" id="txtnick" style="background-color:#FFFFFF " size="20"></td>
    <td>&nbsp;</td>
    <td rowspan="4">&nbsp;</td>
  </tr>
  <tr>
    <td height="21" colspan="2" rowspan="3">&nbsp;</td>
    <td rowspan="3">&nbsp;</td>
    <td class="title02">Pass:</td>
    <td height="24"><input name="txtpass" type="password" id="txtcurso22" style="background-color:#FFFFFF " size="20" maxlength="20"></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td height="-2" class="title02">Repite Pass: </td>
    <td height="24"><input name="txtrpass" type="password" id="txtcurso23" style="background-color:#FFFFFF " size="20" maxlength="20"></td>
    <td><input name="cmdcrea2" type="button" id="cmdcrea22" value="Crear" onClick="f_adm_nusu( $('cb_adm_local').options[$('cb_adm_local').selectedIndex].text , getInputValue($('txtnick')), getInputValue($('txtpass')), getInputValue($('txtrpass')), getInputValue($('privilegiomen')))"></td>
  </tr>
  <tr>
    <td height="21" class="title02">Acceso:</td>
    <td height="21"><select name="privilegiomen" id="privilegiomen">
      <option value="C" selected>Normal</option>
      <option value="B">Total</option>
    </select></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td height="191" rowspan="2">&nbsp;</td>
    <td colspan="2" rowspan="2">&nbsp;</td>
    <td height="25" colspan="4">Lista de Usuarios por cada Local: </td>
    <td rowspan="2">&nbsp;</td>
    <td rowspan="2">&nbsp;</td>
  </tr>
  <tr>
    <td height="185" colspan="4"><center><div id="div_adm_usu_grid" style="width:225;height:200;border:1px solid gray"></div>
        <br>
        <br>
        <input name="elimU" type="button" id="elimU" value="Eliminar Usuario" onClick="f_adm_elimu()">
&nbsp;&nbsp;&nbsp;&nbsp;
        <input name="elimL" type="button" id="elimL" style="color:#FF0000;" value="Eliminar Local" onClick="f_adm_eliml()">
    </center></td>
  </tr>
</table>
</div>
<div id="div_adm_b2" style="display:none" >
<table width="639" height="322" border="0">
  <tr>
    <td width="20" height="20"></td>
    <td width="84"></td>
    <td width="150"></td>
    <td colspan="3"></td>
    <td width="19"></td>
  </tr>
  <tr>
    <td height="24"></td>
    <td height="24">Nombres:</td>
    <td height="24"><input name="tx_nom" type="text" id="tx_nom" size="25" readonly="yes" tabindex="1"></td>
    <td width="81" height="24">Direccion:</td>
    <td colspan="2"><input name="tx_dir" type="text" id="tx_dir" size="25" readonly="yes" tabindex="1"></td>
    <td height="24"></td>
  </tr>
  <tr>
    <td height="24"></td>
    <td height="24">Apellidos:</td>
    <td height="24"><input name="tx_ap" type="text" id="tx_ap" size="25" readonly="yes" tabindex="1"></td>
    <td height="24">Telefono</td>
    <td height="24" colspan="2"><input name="tx_tel" type="text" id="tx_tel" size="25" readonly="yes" tabindex="1"></td>
    <td height="24"></td>
  </tr>
  <tr>
    <td height="24"></td>
    <td height="24"></td>
    <td height="24"></td>
    <td height="24">Email:</td>
    <td height="24" colspan="2"><input name="tx_em" type="text" id="tx_em" size="25" readonly="yes" tabindex="1"></td>
    <td height="24"></td>
  </tr>
  <tr>
    <td height="10"></td>
    <td height="10"></td>
    <td height="10"></td>
    <td height="10" colspan="3"></td>
    <td height="10"></td>
  </tr>
  <tr>
    <td height="29"></td>
    <td height="29"></td>
    <td colspan="3" rowspan="6"><center><div id="div_adm_progrid" style="border:1px solid gray;height:180"></div></center></td>
    <td width="98" nowrap><input name="bt_adm_pr_guarda" type="button"  onClick="f_adm_prof_nuevo()" value="Nuevo"></td>
    <td height="29"></td>
  </tr>
  <tr>
    <td height="29"></td>
    <td height="29"></td>
    <td height="29" nowrap><input name="bt_adm_pr_actualiza" type="button"  onClick="f_adm_prof_edita()" value="Editar"></td>
    <td height="29"></td>
  </tr>
  <tr>
    <td height="29"></td>
    <td height="29"></td>
    <td height="29"></td>
    <td height="29"></td>
  </tr>
  <tr>
    <td height="29"></td>
    <td height="29"></td>
    <td height="29"></td>
    <td height="29"></td>
  </tr>
  <tr>
    <td height="29"></td>
    <td height="29"></td>
    <td height="29"></td>
    <td height="29"></td>
  </tr>
  <tr>
    <td height="33"></td>
    <td height="33"></td>
    <td height="33"></td>
    <td height="33"></td>
  </tr>
  <tr>
    <td height="16"></td>
    <td height="16"></td>
    <td height="16"></td>
    <td height="16"></td>
    <td width="157" height="16"></td>
    <td height="16"></td>
    <td height="16"></td>
  </tr>
</table>
</div>
<div id="div_adm_b3" style="display:none">
<table width="639" height="227" border="0">
<tr>
<td width="17" rowspan="4"></td>
<td height="31" colspan="3" align="center">Revisar Pagos del Dia:
  <input type="text" value="<?php echo date('d/m/o'); ?>" name="ap_fini" style="width:80" onchange="if(isDate(this.value,'dd/MM/yyyy')==false){this.value=''}">
  <A  style="cursor:pointer;color:#014D5F" onClick="cal1x.select($('ap_fini'),'calendariox1','dd/MM/yyyy'); return false;">[X]</A>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  <!--<input type="button" name="Submit" value="Ver" onClick="if(isDate($('ap_fini').value,'dd/MM/yyyy')){kmygrid.clearAll();kmygrid.loadXML('xml.php?a=13&r1='+ $('ap_fini').value)}">  <a NAME="calendariox1" ID="calendariox1">&nbsp;</a>   </td>-->
  <input type="button" name="Submit" value="Ver" onClick="c_pest($F('ap_fini'))">  <a NAME="calendariox1" ID="calendariox1">&nbsp;</a>   </td>
<td width="19" rowspan="4"></td>
</tr>
<tr>
  <td width="138" height="15"></td>
  <td></td>
  <td width="144"></td>
</tr>
<tr>
  <!--<td height="147" colspan="3" nowrap><center><div id="div_adm_pagrid" style="border:1px solid gray;height:180;width:350"></div></center></td>-->

  <td height="10" colspan="3" nowrap>
  <div id="div_pest_c">
  <?php 
$query = mysql_query("Select * from locales",$cn);
echo "<ul id=\"countrytabs\" class=\"shadetabs\">\n";
while ($linea = mysql_fetch_row($query)){
echo "<li><a href=\"tabcont.php?token=".md5($linea[1])."&set=". date('d/m/o') ."\" rel=\"countrycontainer\">".$linea[1]."</a></li>";
}
echo "</ul>";
?>
</div>
  <div id="countrydivcontainer" style="border:1px solid gray; width:570px; margin-bottom: 1em; padding: 10px"></div></td>
</tr>
<tr>
  <td colspan="3"></td>
</tr>
</table>
</div>
</center>
continua siguiente post...
  #2 (permalink)  
Antiguo 16/06/2009, 12:36
 
Fecha de Ingreso: junio-2007
Mensajes: 75
Antigüedad: 16 años, 10 meses
Puntos: 1
Respuesta: problema con ajaxtabs
Al hacer click en el boton pagos efectuados se ejecuta esta funcion:
Código: 
function ffpagos() {
    $("bt_adm_1").style.color = "black";
    $("bt_adm_2").style.color = "black";
    $("bt_adm_3").style.color = "blue";
    $("div_adm_body").innerHTML = "";
    $("div_adm_b3").style.display = "block";
    countries = new ddajaxtabs("countrytabs", "countrydivcontainer");
    countries.setpersist(true);
    countries.setselectedClassTarget("link");
    countries.init();
}
y en los otros botones se ejecutan estas funciones respectivamente:
Boton profesores:
Código: 
function ffprofes() {
    $("div_adm_b3").style.display = "none";
    $("bt_adm_1").style.color = "black";
    $("bt_adm_2").style.color = "blue";
    $("bt_adm_3").style.color = "black";
    $("div_adm_body").innerHTML = $("div_adm_b2").innerHTML;
    $("div_adm_progrid").innerHTML = "";
    jmygrid = new dhtmlXGridObject("div_adm_progrid");
    jmygrid.setImagePath("imgs/");
    jmygrid.setHeader(",Nombres,Apellidos,Direccion,Telefono,Email");
    jmygrid.setInitWidths("0,90,130,150,80,120");
    jmygrid.setColAlign("left,left,left,left,left,left");
    jmygrid.setColTypes("ro,ro,ro,ro,ro,ro,ro");
    jmygrid.setColSorting("str,str,str,str,str,str");
    jmygrid.setSkin("xp");
    jmygrid.setOnRowSelectHandler(alseleccionar);
    jmygrid.init();
    jmygrid.clearAll();
    jmygrid.loadXML("xml.php?a=12");
    function alseleccionar() {
        $("tx_nom").value = jmygrid.cells(jmygrid.getSelectedId(), 1).getValue();
        $("tx_ap").value = jmygrid.cells(jmygrid.getSelectedId(), 2).getValue();
        $("tx_dir").value = jmygrid.cells(jmygrid.getSelectedId(), 3).getValue();
        $("tx_tel").value = jmygrid.cells(jmygrid.getSelectedId(), 4).getValue();
        $("tx_em").value = jmygrid.cells(jmygrid.getSelectedId(), 5).getValue();
    }
}
Boton locales y usuarios:
Código: 
function ffusuarios() {
    $("div_adm_b3").style.display = "none";
    $("bt_adm_1").style.color = "blue";
    $("bt_adm_2").style.color = "black";
    $("bt_adm_3").style.color = "black";
    $("div_adm_body").innerHTML = $("div_adm_b1").innerHTML;
    imygrid = new dhtmlXGridObject("div_adm_usu_grid");
    imygrid.setImagePath("imgs/");
    imygrid.setHeader(",Lista de Usuarios,,,,Acceso");
    imygrid.setInitWidths("0,183,0,0,0,40");
    imygrid.setColAlign("left,left,left,left,left,center");
    imygrid.setColTypes("ro,ro,ro,ro,ro,ro,ro");
    imygrid.setColSorting("str,str,str,str,str,str");
    imygrid.setSkin("xp");
    imygrid.init();
}
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta


« Tema Anterior | Próximo Tema »


La zona horaria es GMT -6. Ahora son las 20:16.