Fonction de chargement de la page Joomla

Question

Comment transmettre des éléments à la fonction jQuery "ready()" dans Joomla?

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

J'utilise déjà cette fonction et la plupart des éléments qu'il sera statique (ne changera pas en fonction des modules, etc.). Cependant, dans certains cas, je dois "injecter" du code supplémentaire dans cette fonction.

En particulier, j'ai une fonction JS personnalisée qui définit l'image d'arrière-plan d'un élément et il est appelé dans cette fonction, comme ceci:

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

Ce sera dans un module. Comment puis-je transmettre cela dans la fonction jQuery ready() dans Joomla? Merci.

Answer 1

Il n'y a pas de paramètres pour prêt.

Ce que vous devez faire est de définir la valeur pour un élément d'entrée caché (avec ID connu) dans votre module. Votre module devrait générer le JS et l'ajouter à l'élément head. Dans le code JS, obtenez la valeur du champ caché et faites ce que vous devez faire.

Par exemple:

--- MODULE (TEMPLATE)
....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...

Je vois que vous voulez utiliser rotateurs, donc je suppose que vous voulez charger plusieurs images et les changer au fil du temps .... Vous pouvez définir la valeur myBgImg à la liste json encoded [en php utiliser la méthode json_encode()] et la décoder avec JQuery http://api.jquery.com/jQuery.parseJSON/