Problema jQuery =(

The-Mik3s

The-Mik3s

Bovino Milenario
#1
#1
Que onda bakunos programadores!!!

El motivo de crear este post, es para ver si me pueden apoyar con un problemita que he tenido con jQuery..

Script jQuery:

Código: 
<script type="text/javascript">
$(function() {
    $("#mostrarA").click(function(event){
        event.preventDefault(); 
        $("#caja2").slideToggle(); 
    });   
    $("#caja2 a").click(function(event){
        event.preventDefault(); 
        $("#caja2").slideUp(); 
    });
}); 
</script>
Codigo php:

Código: 
<?php
            include("php/classes/empleado.php");
            $empleado = new empleado();
            echo $empleado->getactivo();
            for($x=1; $x<=$empleado->cEmpleado(); $x++){
                $empleado->empleadoL($x);?>
                        <div <?php if($empleado->getactivo()==0){ echo " class='error' title='Usuario Inactivo'"; } if($empleado->getactivo()==1){ echo " class='success' title='Usuario Activo'";} ?> >
                        <form action="php/ActivarDesactivarUsuario.php" method="post" name="Modificar">
                            <input type="hidden" id="<?php echo $empleado->getidEmpleado();?>" name="idEmpleado" value="<?php echo $empleado->getidEmpleado();?>"/>
                            <input type="text" value="<?php echo $empleado->getNombreCompleto()?>" readonly="readonly"/>
                            <input type="hidden" value="" name="accion" />
                            <?php
                                if($empleado->getactivo()==0){
                                    echo '<input type="button" value="Activar" onclick="Activar(this.form);" />';
                                }
                                if($empleado->getactivo()==1){
                                    echo '<input type="button" value="Desactivar" onclick="Desactivar(this.form);" />';
                                }
                            ?>
                         </form>                         
                         <a href="#" id="mostrarA">Modificar Usuario</a>
    <div id="caja2" style="display:none">
<form action="php/ModificarUsuario.php" method="post" name="ModificarUsuario">
    <hr />
            <h3 align="center">
                <br/><div class="" id="Nombre"> Nombre<input name="NombreEmpleado" type="text" value="<?php echo $empleado->getNombre();?>" onkeypress="return validaCaracteres(event)" onfocus="vNombreON(this.form)" onblur="vNombreOFF(this.form)" onchange="vNombreCantidad(this.form);"  ></div>
                <br/><div class="" id="ApellidoP"> Apellido Paterno<input name="ApellidoP" type="text" value="<?php echo $empleado->getApellidoP();?>" onkeypress="return validaCaracteres(event)" onfocus="vApellidPON(this.form)" onblur="vApellidoPOFF(this.form)" onchange="vApellidoPCantidad(this.form);"  ></div>
                <br/><div class="" id="ApellidoM"> Apellido Materno<input name="ApellidoM" type="text" value="<?php echo $empleado->getApellidoM();?>" onkeypress="return validaCaracteres(event)" onfocus="vApellidMON(this.form)" onblur="vApellidoMOFF(this.form)" onchange="vApellidoMCantidad(this.form);" ></div>
                <br/><div class="" id="CorreoE"> Correo Electr&oacute;nico<input name="CorreoE" type="text" value="<?php echo $empleado->getCorreE();?>" onfocus="vCorreoEON(this.form)" onblur="vCorreoEOFF(this.form)" onchange="validaCorreo(this.form);" ></div>
                <br/><div class="" id="CURP"> CURP<input name="CURP" type="text" value="<?php echo $empleado->getCURP();?>" onkeypress="return validaCaracteres(event)" onkeypress="return validaCaracteres(event)" onfocus="vCURPON(this.form)" onblur="vCURPOFF(this.form)" onchange="validaCURP(this.form);" ></div>
                <br/>&Aacute;rea
                <select name="Area" size="1">
                    <?php
                        $numeroAreas=$areas->cAreas();
                        for($y=1; $y<=$numeroAreas; $y++){
                            $areas->area($y);
                            if($areas->getactivo()==1 && $empleado->getArea_idArea()==$areas->getidArea()){
                                echo '<option value="'.$areas->getidArea().'" selected="selected">'.$areas->getNombre().'</option>';
                            }if($areas->getactivo()==1){
                                echo '<option value="'.$areas->getidArea().'">'.$areas->getNombre().'</option>';
                            }
                        }
                    ?>
                </select>
                <br/><div class="" id="NombreUsuario"> Usuario
                <input name="NombreUsuario" type="text" value="<?php echo $empleado->getidUsuario();?>" onkeypress="return validaCaracteres(event)" onfocus="vNombreUsuarioON(this.form)" onblur="vNombreUsuarioOFF(this.form)" onchange="vNombreUsuarioCantidad(this.form);" ></div>
                <br/>
                <div id="Contrasena" class="">Contrase&ntilde;a
                 <input name="Contrasena" type="password" value="contrasena" onkeypress="return validaCaracteres(event)" onfocus="vContrasenaON(this.form)" onblur="vContrasenaOFF(this.form)" onchange="vContrasenaCantidad(this.form);" ></div>
                <br/><div class="" id="Con">Confirmar Contrase&ntilde;a
                <input name="ContrasenaS" type="password" value="contrasena" onkeypress="return validaCaracteres(event)" onfocus="vContrasenaSON(this.form)" onblur="vContrasenaSOFF(this.form)" onchange="vContrasenasIguales(this.form);" ></div>
                <br />Nivel
                <select name="Nivel" size="1">
                    <option value="0" <?php if($empleado->getnivel()==0){echo 'selected="selected"';}?> >Administrador</option>
                    <option value="1" <?php if($empleado->getnivel()==1){echo 'selected="selected"';}?> >Ayudante</option>
                    <option value="2" <?php if($empleado->getnivel()==2){echo 'selected="selected"';}?> >Encargado de &Aacute;rea</option>
                </select>
                
                <br/><input type="button" value="Agregar" onclick="ModificarUsuario(this.form);">
            </h3>
        </form>
        </div>           
                           </div>
            <?php } ?>

Ahi esta el codigo que ahorita llevo de echo funciona casi jajaxD el problema que tengo es que muestro una lista de empleados los cuales se pueden dar de baja y de alta y modificar.
Ahora, lo único que me falla es en el jQuery

Código: 
<a href="#" id="mostrarA">Modificar Usuario</a>
                         <div id="caja2" style="display:none">
esa parte en conjunto de

Código: 
$(function() {
            $("#mostrarA").click(function(event){
                event.preventDefault(); 
                   $("#caja2").slideToggle(); 
               });   
                $("#caja2 a").click(function(event){
                 event.preventDefault(); 
               $("#caja2").slideUp(); 
            });
        });

pues como es un ciclo el id de <a> y de <div> se van duplicando, entonces únicamente el primer elemento hace lo del jQuery, mientras que los demás no...

Alguna sugerencia???
Muchas Gracias por el apoyo que pueda recibir...
La verdad no soy bueno con el jQuery, así que un empujón me podría ayudar mucho...

Un link, una asesoría o algo así será de lo mejor!!!

Espero haberme explicado lo mejor posible...

Gracias ^^
 
Debes iniciar sesión o registrarte para responder aquí.
Arriba