Problema al llamar un JS

Bueno tengo un problema con este tutorial en general http://community.mybb.com/thread-117646.html que es el de modalbox segui lo pasos del tutorial y todo pero el problema son los jquery con este.

Si lo pongo asi suelto en el headerinclude anda el modalbox
Pero si creo un archivo js con el codigo este adentro y luego lo llamo desde el headerinclude no me anda..

<script type="text/javascript">
/**
 * Modal Boxes JS
 *
 * @author Euan T. <euan@euantor.com>
 * @version 1.0.0
 */

jQuery.noConflict();

jQuery(document).ready(function($)
{
    // Make the jQuery modal login redirect you back to the page you're currently on //
    $('#loginModal input[name="url"]').attr("value", window.location);
    // /Login redirect //

    // Modal Boxes //
    $('a[name="modal"]').on('click', function(event)
    {
        event.preventDefault();
        
        var target = $(this).attr('rel');
        
        // Set up the shadowing
        var maskHeight = $(document).height();
        var maskWidth = $(window).width();
        $('#mask').css({'width': maskWidth, 'height': maskHeight});
        $('#mask').fadeIn(1000);    
        $('#mask').fadeTo("slow", 0.8);  
        
        // Position the actual modal
        var winH = $(window).height();
        var winW = $(window).width();
        $(target).css('top',  (winH / 2) - ($(target).height() / 2));
        $(target).css('left', (winW / 2) - ($(target).width() / 2));
        $(target).fadeIn(2000); 
    });
    
    $('.modalBox a[rel="closeModal"]').on('click', function(event)
    {
        event.preventDefault();
        $('#mask, .modalBox').hide();
    }); 
    
    $('#mask').on('click', function ()
    {
        $(this).hide();
        $('.modalBox').hide();
    }); 
    // /Modal Boxes //
});
</script>

Bueno eso va en el headerinclude yo para no tener un kilombo en el header include puse eso en un notepad y lo guarde como un archivo jquery "modalbox" luego lo puse en mi carpeta jquery con filezilla en el foro y lo llamo asi en el headerinclude

<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/modalbox.js"></script>

Bueno al poner todo ya con los CSS puesto y siguendo lo pasos, no me funciona Sad

Pero si yo pongo ese codigo que seria lo que esta adentro del modalbox suelto en el headerinclude este si me lo agarra y anda el modalbox pero yo no quiero tener codigos sueltos en el headerinclude...
Cual seria el problema, acaso estoy llamando mal al js en headerinclude?

[Imagen: https://31.media.tumblr.com/b9f3b87cfcc8...r1_500.gif]

Última modificación: 26 Jan, 2013, 3:01 pm por fabiibiografiia.

Si creas un Archivo .JS creo que no hace falta que pongas esto al principio del codigo:

<script type="text/javascript">

<script type="text/javascript" src="{$mybb->settings['bburl']}/images/TuTema/js/modalbox.js"></script>

Si los pones en el jscripts no te los va a jalar

No no ai solucion ya intente meterlo en otro lados cambiando las rutas y no lo agarra...

<script type="text/javascript" src="{$mybb->settings['bburl']}/images/js/modalbox.js"></script>

Es decir es raro capaz halla algun error en el texto del js pero si lo pongo asi no mas suelto el codigo en headerinclude si me agarra el modalbox..

[Imagen: https://31.media.tumblr.com/b9f3b87cfcc8...r1_500.gif]

Última modificación: 26 Jan, 2013, 4:27 pm por fabiibiografiia.

Fijate que esto <script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/modalbox.js"></script> este despues de que mandas a llamar al jQuery es decir:

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/modalbox.js"></script>

sigue sin agarrarlo, no se que onda te digo..
Creo que voy a dejar el codigo al aire en el headerinclude.
- - - Actualizado - - -
Encima me fijo en el Firebug y me salta el script que esta puesto pero como si no funciona.

[Imagen: https://31.media.tumblr.com/b9f3b87cfcc8...r1_500.gif]

Última modificación: 26 Jan, 2013, 5:47 pm por fabiibiografiia.

Cual es el código que tienes en el archivo modalbox.js?
Pegalo aquí.

<script type="text/javascript">
/**
 * Modal Boxes JS
 *
 * @author Euan T. <euan@euantor.com>
 * @version 1.0.0
 */

jQuery.noConflict();

jQuery(document).ready(function($)
{
    // Make the jQuery modal login redirect you back to the page you're currently on //
    $('#loginModal input[name="url"]').attr("value", window.location);
    // /Login redirect //

    // Modal Boxes //
    $('a[name="modal"]').on('click', function(event)
    {
        event.preventDefault();
        
        var target = $(this).attr('rel');
        
        // Set up the shadowing
        var maskHeight = $(document).height();
        var maskWidth = $(window).width();
        $('#mask').css({'width': maskWidth, 'height': maskHeight});
        $('#mask').fadeIn(1000);    
        $('#mask').fadeTo("slow", 0.8);  
        
        // Position the actual modal
        var winH = $(window).height();
        var winW = $(window).width();
        $(target).css('top',  (winH / 2) - ($(target).height() / 2));
        $(target).css('left', (winW / 2) - ($(target).width() / 2));
        $(target).fadeIn(2000); 
    });
    
    $('.modalBox a[rel="closeModal"]').on('click', function(event)
    {
        event.preventDefault();
        $('#mask, .modalBox').hide();
    }); 
    
    $('#mask').on('click', function ()
    {
        $(this).hide();
        $('.modalBox').hide();
    }); 
    // /Modal Boxes //
});
</script>

Es el que puse al principio ese seria el js.

[Imagen: https://31.media.tumblr.com/b9f3b87cfcc8...r1_500.gif]

Pues claro -.-
Estabas con etiquetas HTML, en un archivo que solo lo lee como JS.

Pon solo esto:

/**
 * Modal Boxes JS
 *
 * @author Euan T. <euan@euantor.com>
 * @version 1.0.0
 */

jQuery.noConflict();

jQuery(document).ready(function($)
{
    // Make the jQuery modal login redirect you back to the page you're currently on //
    $('#loginModal input[name="url"]').attr("value", window.location);
    // /Login redirect //

    // Modal Boxes //
    $('a[name="modal"]').on('click', function(event)
    {
        event.preventDefault();
        
        var target = $(this).attr('rel');
        
        // Set up the shadowing
        var maskHeight = $(document).height();
        var maskWidth = $(window).width();
        $('#mask').css({'width': maskWidth, 'height': maskHeight});
        $('#mask').fadeIn(1000);    
        $('#mask').fadeTo("slow", 0.8);  
        
        // Position the actual modal
        var winH = $(window).height();
        var winW = $(window).width();
        $(target).css('top',  (winH / 2) - ($(target).height() / 2));
        $(target).css('left', (winW / 2) - ($(target).width() / 2));
        $(target).fadeIn(2000); 
    });
    
    $('.modalBox a[rel="closeModal"]').on('click', function(event)
    {
        event.preventDefault();
        $('#mask, .modalBox').hide();
    }); 
    
    $('#mask').on('click', function ()
    {
        $(this).hide();
        $('.modalBox').hide();
    }); 
    // /Modal Boxes //
});

Última modificación: 26 Jan, 2013, 6:00 pm por V1K1NGO.

Grande Steep ^^, ai lo agarro Wink

Pueden cerrar.

[Imagen: https://31.media.tumblr.com/b9f3b87cfcc8...r1_500.gif]

Connectar a Discord

Problema al llamar un JS

Bueno tengo un problema con este tutorial en general http://community.mybb.com/thread-117646.html que es el de modalbox segui lo pasos del tutorial y...

Colaboradores