[Problème] Rendre l'intégralité d'un module cliquable

[l_orny]

Bonjour à toutes et à tous.

J'aimerai rendre un module entièrement cliquable. J'ai trouvé cette discussion datant de 2012 mais je n'aime (je ne sais) pas aller changer les lignes de code.

Y'a t'il de nouvelles solutions ?

Par la même occasion, existe t'il des composants que vous conseillez pour mettre des images en fond de module (avec la répétition, static ...) ? Car la solution native de Joomla ne me plait pas.

En vous remerciant,

[J'aurai bien répondu sur la discussion que j'ai trouvée, mais celle-ci s’avérait être fermée]

[cavo789]

Re : Rendre l'intégralité d'un module cliquable

Bonjour

Question 1 : si tu n'es pas codeur, aucune solution ne sera simple. Si tu codes, tu peux créer une copie du module et modifier quelques lignes de codes html pour ajouter un <a href=""> autour du module. Perso, je ferais juste un DIV avec un ID autour du module et avec du code JS (jQuery p.ex.), j'ajouterai un trigger de type onclick.

Question 2 : là, la réponse est simple : le module BgMax de Lomart rempli parfaitement ce rôle.

Bonne soirée.

[l_orny]

Re : Rendre l'intégralité d'un module cliquable

Je vais mettre les mains dedans dans ce cas. Je maîtrise le < ahref on verra si ce sera suffisant

Merci beaucoup

[l_orny]

Re : Rendre l'intégralité d'un module cliquable

BgMax me change mon fond de page entier, alors que j'aimerai mettre une image de fond à un module simplement.

Normal ou je ne sais pas encore manier l'outil ?

[PhilJ]

Re : Rendre l'intégralité d'un module cliquable

Bonsoir,


Question 2 : il faut cibler le module spécifiquement (pour plus de précision il faudrait donc un lien permettant de voir le site) et définir son style avec une image de fond.

[l_orny]

Re : Rendre l'intégralité d'un module cliquable

Bonsoir,

Merci pour ces précisions.

Je vais rentrer dans le code pour mon <a href...> du coup je vais trouver des solutions HTML pour mes images de fond j'imagine. Ce que je reproche à la version native de joomla c'est qu'il coupe mon image par rapport à mon moduke. J'aimerai qu'il l'ajuste afin qu'elle soit la même que ce soit sur ordi ou mobile. Je dois juste retrouver le code

[l_orny]

Re : Rendre l'intégralité d'un module cliquable

J'ai (encore) besoin d'aide :-(

J'ai enfin trouvé le code de ma page et de mon module

<?php endif; ?>
<?php if ($this->countModules('position-46')) : ?>
<a href="http://www.betting-connexion.fr/index.php/orny33"><div id="module39">
<div class="inner clearfix">
<jdoc:include type="modules" name="position-46" style="xhtml" />
</div>
</div></a>
<?php endif; ?>

Cependant, où que je mette le h ref, mon module n'est toujours pas cliquable.

Des idées ?

[cavo789]

Re : Rendre l'intégralité d'un module cliquable

Bonjour

Je suis peut-être encore mal réveillé mais cela me semble correct pourtant; tu es sûr d'avoir vidé ton cache ?

Comme je te le disais, perso, je ferais un jQuery pour ne pas devoir aller hacker le code du module. Vu que ton module a déjà un ID (module39 dans ton cas), tout est là pour le faire simplement.

Voici un lien que je viens de trouver qui te sera utile : https://css-tricks.com/snippets/jque...div-clickable/

L'idée est donc d'avoir un truc du style :

$("#module39").click(function() {
  window.location = "[COLOR=#333333]http://www.betting-connexion.fr/index.php/orny33";[/COLOR]
  return false;
});

(non testé)

Ajoute cette portion de code JS à ta page et cela devrait pouvoir fonctionner.

Bonne journée.

[l_orny]

Re : Rendre l'intégralité d'un module cliquable

Merci bien.

Je vais me rencarder sur jQuery car j'ignore ce que c'est

merci

[cavo789]

Re : Rendre l'intégralité d'un module cliquable

jQuery = javascript

C'est "juste" du code javascript qui exploite une librarie; un framework; comme l'est Joomla p.ex.

Avec jQuery, tu peux écrire, en très peu de lignes de code, des scripts très puissant.

L'astuce de passer par du jQuery/javascript est donc de ne pas avoir à aller modifier le code source de quelque chose d'autre (peu importe si on parle d'un composant, module, ...). Ce code est dit "non obstrusif" car il est codé en dehors du composant, module, ... et vient se "greffer" par-dessus.

Le code que je t'ai proposé, c'est ça. Il va venir greffer sur la div module39 une fonction de clic qui va alors afficher la page web que tu auras défini.

C'est plus facile à maintenir et tout aussi fonctionnel; si pas plus.

[l_orny]

Re : Rendre l'intégralité d'un module cliquable

Merci Cavo, je vais étudier fort car je pars de loin

Merci bien