web-dev-qa-db-fra.com

Afficher le module en tant qu'élément de survol

Je veux montrer un module quand une page est chargée pour la première fois, mais le module est dans une position de type vol stationnaire, donc ce n'est pas réellement sur la page. S'il vous plaît voir l'image ici pour une meilleure description:

enter image description here

Quel est le meilleur moyen d'y parvenir?

modulejquerymodule-displaycss
1
RustyJoomla

Vous pouvez ajouter une nouvelle position de module à votre modèle, à proximité de l'icône que vous souhaitez utiliser pour le déclencher. Ajouter quelque chose comme ceci à JOOMLAROOT\templates\YOURTEMPLATE\index.php:

<?php if ($this->countModules('hiddenmodule')) : ?>
   <!-- Begin Hidden module-->
    <div id="hiddenModule" style="display:none">
            <jdoc:include type="modules" name="hiddenmodule" style="xhtml" />
     </div>
   <!-- End Hidden module-->
<?php endif; ?>

Dans JOOMLAROOT\templates\YOURTEMPLATE\templateDetails.xml:

<position>hiddenmodule</position>

Désignez maintenant l'identifiant de largeur de div hiddenmodule à l'aide de CSS et utilisez jQuery pour déclencher la valeur display CSS au survol.

1
johanpw

Ce que vous pourriez faire, c'est déclencher un événement mouseover à l'aide de jQuery une fois que le DOM est prêt, comme suit:

jQuery(document).ready(function($){
    $('.element').trigger('mouseover');
});

Je pense que la meilleure chose à faire d’abord est d’inspecter l’élément dans votre navigateur, de survoler l’icône et de voir si des classes sont ajoutées une fois survolées. Si tel est le cas, vous pouvez procéder différemment et ajouter la même classe au chargement de la page, ce qui pourrait afficher automatiquement la boîte.

1
Lodder