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

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..
Código PHP:
<script type="text/javascript">
/**
 * Modal Boxes JS
 *
 * @author Euan T. <[email protected]>
 * @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
Código PHP:
<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:
Código:
<script type="text/javascript">
Código:
<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...
Código PHP:
<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:

Código PHP:
<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
no Sad 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í.
Código PHP:
<script type="text/javascript">
/**
 * Modal Boxes JS
 *
 * @author Euan T. <[email protected]>
 * @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:

Código PHP:
/**
 * Modal Boxes JS
 *
 * @author Euan T. <[email protected]>
 * @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.