Problema al abrir ventana modal

[jandrogdz]

Buenas foro.

TEngo un problema como dice el tema para abir una ventana modal con ajax.
Tengo un archivo index que hace un include a otro archivo para cargar datos mediante ajax.
El problema es que si cargo las librerias en el index la ventana modal funciona perfectamente pero si hago el link para abrilo desde el archivo include no funciona alguien sabe a que se deba esto.

Código Javascript:

<script src='js/modal_popup/jquery.js' type='text/javascript'></script>
        <script src='js/modal_popup/jquery.simplemodal.js' type='text/javascript'></script>
        <script src='js/modal_popup/basic.js' type='text/javascript'></script>
        <link type='text/css' href='css/basic.css' rel='stylesheet'/>
 
        <script>
        $(document).ready(function () {
            $('a.basic').click(function (e) {
                e.preventDefault();
                $.get('login.php',
                {paramentro:'basic'
                }, function(data){
                    $('#basicModalContent').html(data);
                    $('#basicModalContent').modal();
                });
            });
            $('a.basic2').click(function (e) {
                e.preventDefault();
                $.get('login.php',
                {paramentro:'basic2'
                }, function(data){
                    $('#basicModalContent').html(data);
                    $('#basicModalContent').modal();
                });
            });
        });
</script>
 

Código HTML:

<a href="#" class="basic">
            Pincha aquí para que se abra el modal
        </a>
        <div id="basicModalContent" style="display:none">
 
        </div>
 

Espero me puedan ayudar, ya tengo bastante tiempo tratando de resolverlo pero aun sin exito.

De antemano muchas gracias.

[pateketrueke]

No entiendo la relación con PHP, pues finalmente dichos modales son únicamente Javascript, HTML y CSS.

¿Dónde está el problema que corresponde a este foro?

[jandrogdz]

Perdon no sabia a que tema pertenecia por eso lo publique aki

[pateketrueke]

Te sugiero aprender a usar el foro, no eres nuevo como para no saber dónde colocar los temas, si tienes problemas de código PHP entonces ve al foro de PHP.

Cada sub-lenguaje tiene su propio foro, lo importante es aprender la diferencia y darse cuenta que no puedes ir metiendo todo a la bolsa de PHP simplemente porque estás trabajando con PHP, si tienes problemas de Javascript, HTML y CSS creo que ya deberías darte una idea de que PHP no es.

Volviendo a tu problema, dices que usas un include, y que al hacerlo así deja de funcionar todo.

Sería interesante que nos expliques con detalle esta parte, ya que si estás incluyendo tu código fuera de contexto puede que sea la razón de que no funcione.

Pero vamos, que sin ver el código real y sin explicaciones está complicado adivinar algo.

[jandrogdz]

Ok ofresco una disculpa.

Lo que estoy tratando de hacer es mostrar los directorios y subdirectorios que estan en mi servidor y al hacer click en un directorio final muestra los archivos en un div.

Por ejemplo si en el index coloco este codigo, oviamente con las librerias cargadas en el index:

Código HTML:

<a href="#" class="basic">
            Pincha aquí para que se abra el modal
        </a>
        <div id="basicModalContent" style="display:none">
 
        </div>
 

funciona perfectamente.

pero si pongo ese mismo codigo en el archivo de include deja de funcionar.
en el index lo que hago es cargar el include con ajax de esta forma:

Código Javascript:

function mostrarArchivos(ruta){
    var contenedor;
    contenedor = document.getElementById('archivos');
 
    ajax=nuevoAjax();
    ajax.open("GET", "mostrar_archivos.php?ruta="+ruta,true);
    ajax.onreadystatechange=function() {
        if (ajax.readyState==4) {
            contenedor.innerHTML = ajax.responseText
        }
    }
    ajax.send(null)
}
 

Donde ruta es la carpeta y subcarpetas de los archivos a mostrar.

asi esta el inlcude:

Código PHP:

<div id="vista-archivos">
            <div id="division-vista">
                <div id="buscador"><input type="text" name="buscar" id="buscar" placeholder="Buscar" /></div>
            </div>
            <div id="archivos">
                <?php include 'mostrar_archivos.php'; ?>
            </div>
        </div>
 

Pero como comento si coloco el link para abrir la ventana modal desde el archivo include no pasa nada.

NOTA: el archivo include solo contiene una tabla y una consulta para mostrar los archivos del directorio seleccionado.

[pateketrueke]

Vale, pues parece ser una tema de Javascript/DOM, te explico.

Debes saber que el método click() de jQuery no aplica sobre elementos creados al vuelo, y eso incluye los que inyectas en el DOM usando Ajax.

Para eso debes usar métodos tipo on(), ya que estos escanean el DOM y se ajustan aún cuando este haya sido modificado.

Ese es el hecho, te sugiero investigar.

[jandrogdz]

Me podrias explicar realmente en eso de eventos en javascript si soy bastante novato, De hecho te comento que encontre otra ventana pero me sucede ecxactamente lo mismo.

este es el codigo de la otra ventana:

Código Javascript:

<script src="js/jqModal.js"></script>
<script>
        $().ready(function() {
            $('#ex2').jqm({ajax: 'login.php?paramentro=1', trigger: 'a.ex2trigger'});
        });
    </script>
 

y en el html:

Código HTML:

<a href="#" class="ex2trigger">
ver
<div class="jqmWindow" id="ex2">
Please wait... <img src="inc/busy.gif" alt="loading" />
</div>
 

Sucede exactamente lo mismo en el index funciona pero en el archivo de inclusion no. Crees que el problema venga de la funcion ajax para cargar la pagina en el div?