Функция загрузки страницы 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

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

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

Например:

--- МОДУЛЬ (ОБРАЗЕЦ)
....code before...

<!-- 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 закодированный список [в методе использования json_encode() php use) и декодировать его с помощью JQuery http://api.jquery.com/jQuery.parseJSON/