Функция загрузки страницы Joomla

Question

Как передать элементы в функцию jQuery «ready ()» в Joomla?

$(document).ready(function(){
    // some code...
});

Я уже использую эту функцию, и большинство элементов в ней будут статическими (не будут меняться в зависимости от модулей и т. Д.). Однако в некоторых случаях мне нужно «добавить» в эту функцию дополнительный код.

В частности, у меня есть пользовательская функция JS, которая устанавливает фоновое изображение элемента, и она вызывается в этой функции, например:

// Set background of element with ID and image path.
setBackgroundImage("img-2","global/img/rotator/ourstate.jpg");

Это будет в модуле. Как передать это в функцию jQuery ready () в Joomla? Спасибо.

Answer 1

Нет параметров для готов .

Что вам нужно сделать, это установить значение для некоторого скрытого элемента ввода (с известным идентификатором) в вашем модуле. Ваш модуль должен сгенерировать JS и добавить его в элемент head. В коде JS получите значение скрытого поля и сделайте то, что вам нужно.

Например:

--- МОДУЛЬ (ШАБЛОН)
....code before... 1010 *
*

<!-- Un-submittable form --->
<form action="#" method="post" onsubmit="return false;">
     <input type="hidden" id="myBgImg" value="<?php echo 'image.jpg'; ?>" />
</form>


<?php
  $js = '
           $(document).ready(function() {
                //  Get Image
                var img = $("#myBgImg").value;
                if (img != ""){
                    // Set background of element with ID and image path.
                    setBackgroundImage("img-2","global/img/rotator/" + img);
                }
            });';

  JFactory::getDocument()->addScriptDeclaration($js);
?>

....code after...

Я вижу, что вы хотите использовать ротатор, поэтому я предполагаю, что вы хотели бы загрузить несколько изображений и изменять их со временем .... Вы можете установить значение myBgImg в список закодированных json [в php используйте метод json_encode ()] расшифруйте его с помощью JQuery http://api.jquery.com/jQuery.parseJSON/