Deprecated: str_replace(): Passing null to parameter #3 ($subject) of type array|string is deprecated in /var/www/mybb-es.com/html/inc/class_language.php on line 201
Problema al llamar un JS
Finer   26 Jan, 2013, 2:34 pm
#1
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:
<?php 
<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
Código PHP:
<?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?
Última modificación: 26 Jan, 2013, 3:01 pm por fabiibiografiia.
InfraWorld   26 Jan, 2013, 3:36 pm
#2
Si creas un Archivo .JS creo que no hace falta que pongas esto al principio del codigo:
Código:
<script type="text/javascript">
sahashi   26 Jan, 2013, 3:51 pm
#3
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
Finer   26 Jan, 2013, 4:24 pm
#4
No no ai solucion ya intente meterlo en otro lados cambiando las rutas y no lo agarra...
Código PHP:
<?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..
Última modificación: 26 Jan, 2013, 4:27 pm por fabiibiografiia.
DarkFinder   26 Jan, 2013, 5:01 pm
#5
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:
<?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>
Finer   26 Jan, 2013, 5:44 pm
#6
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.
Última modificación: 26 Jan, 2013, 5:47 pm por fabiibiografiia.
HSSWebs   26 Jan, 2013, 5:48 pm
#7
Cual es el código que tienes en el archivo modalbox.js?
Pegalo aquí.
Finer   26 Jan, 2013, 5:58 pm
#8
Código PHP:
<?php 
<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.
HSSWebs   26 Jan, 2013, 5:59 pm
#9
Pues claro -.-
Estabas con etiquetas HTML, en un archivo que solo lo lee como JS.

Pon solo esto:

Código PHP:
<?php 
/**
* 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.
Finer   26 Jan, 2013, 6:04 pm
#10
Grande Steep ^^, ai lo agarro Wink
Pueden cerrar.
  
Powered By MyBB, © 2002-2024 MyBB Group.
Made with by Curves UI.