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> 

PHP

Select All

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>

PHP

Select All

Bueno al poner todo ya con los CSS puesto y siguendo lo pasos, no me funciona
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?

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

<script type="text/javascript">

None

Select All

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

None

Select All

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>

PHP

Select All

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..

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> 

PHP

Select All

no 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.

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> 

PHP

Select All

Es el que puse al principio ese seria el js.

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 //
});

PHP

Select All

Grande Steep ^^, ai lo agarro
Pueden cerrar.