[RÉGLÉ] Modal au survol ?

[Agrepe]

Bonsoir,
Je souhaiterai savoir comment faire pour ouvrir une fenêtre modal au survol au lieu du clic sur le lien.

J'ai fait :

<div style="margin-left:10px; width:75px;height:75px;text-align:center">
<a href = "/uploads/<?php echo $an_annonce['photoprincipale']?>" 
class = "modal"> <img src="/uploads/<?php echo $an_annonce['photoprincipale'];?>" > </a>
</div>

J'ai tenté avec un attribut Title, mais visiblement ce n'est pas la bonne solution.

Quelqu'un sait-il ?

Cordialement.

Eric

[lomart]

Re : Modal au survol ?

Bonsoir,

Ta classe modal fait quoi ?

Regarde vers ce plugin qui fait ce que tu cherches à faire : https://www.joomlack.fr/en/joomla-extensions/tooltip-gc

[Agrepe]

Re : Modal au survol ?

Bonsoir lomart,
Comment vas-tu, il y a des soucis sur le forum, j'ai beaucoup de mal à m'y connecter.

En fait, mon besoin concerne un module que je développe.
J'aurai bien aimer tout intégrer dans le module.

Bien cordialement.

Eric

[lomart]

Re : Modal au survol ?

Bonjour Eric,

http://localhost/up.lomart-2/

Je t'ai mis un exemple de code sur codepen : https://codepen.io/anon/pen/oGLKVK

[Agrepe]

Re : Modal au survol ?

Bonjour lomart,
Merci beaucoup.
Tu es vraiment super sympa.
Cordialement.
Eric

[Agrepe]

Re : Modal au survol ?

Bonsoir,
Pour charger la feuille de style dans le fichier php du module, j'utilise:

$document->addStyleSheet("/modules/mod_esoffers/esoffers.css"); 

Mais cette fois cela ne charge pas ma feuille de style.

Elle existe bien à l'emplacement spécifié.
Elle est correctement orthographiée.
Le fichier XML la charge bien.

<files>
        <filename module="mod_esoffers">mod_esoffers.php</filename>
        <filename>helper.php</filename>
        <filename>index.html</filename>
		<filename>esoffers.css</filename>
		<folder>tmpl</folder>
    </files>

Je ne vois pas mon erreur ?
La voyez-vous ?

Cordialement.

Eric

[lomart]

Re : Modal au survol ?

Bonsoir Eric

Je pense que $document = = JFactory::getDocument();
Essaie sans le \ au début

Sinon, on peut utiliser :
JHtml::stylesheet("modules/mod_esoffers/esoffers.css");

[Agrepe]

Re : Modal au survol ?

Bonjour,
Merci beaucoup Lomart.

J'ai bien tenté ce que tu me conseilles, mais la feuille de style n'est toujours pas chargée.
Dans le doute j'ai contrôlé les chemins (Un faute de frappe peut vite arrivée), ils sont corrects.
Je vois bien la feuille de style quand j'y accède à travers le navigateur.

Temporairement j'utilise "style="mes style..." dans mon php, quand j'ajoute les classes à la feuille de style et que j'utilise class="mes style..." , là non plus il ne les voit pas, donc c'est bien la feuille de style qui n'est pas chargée.

Dans le même PHP j'avais ajouté la ligne:

JHtml :: _ ('behavior.modal'); 

Là cela fonctionne bien.

Je ne comprends pas pourquoi mes fichiers .css ne sont pas chargés.

Extrait du fichier:

JHtml::_('jquery.framework');
JHtml :: _ ('behavior.modal');
JHtml::stylesheet("/modules/mod_esoffers/esoffers.css");
$document = JFactory::getDocument(); 

Où pourrait être mon erreur ?

Cordialement.

Eric

[lomart]

Re : Modal au survol ?

Salut,

Essaie sans le slash de début:
JHtml::stylesheet("modules/mod_esoffers/esoffers.css");

Regarde le source de la page générée ou l'inspecteur de code pour voir le chemin exact où il recherche le fichier

[Agrepe]

Re : Modal au survol ?

Bonjour Lomart,
J'avais déjà tenté en ôtant le slash, ça n'avait rien changé.
Suite à ton nouveau message, j'ai re-tenté, rien ne changeait non plus.
Puis, j'ai enregistré mon fichier CSS sous un autre nom (style.css), puis enregistré une nouvelle fois avec l'ancien nom (esoffers.css), du coup, vu qu'il existait j'ai dû écraser l'ancien, et là mes classes CSS sont vues.

Par contre les CSS que tu me proposais dans ton exemple n'étaient pas vues, j'ai du renommer la class "tooltip" ensuite cela a fonctionné.

Il me reste un petit souci à régler, je vais y regarder de plus près, l'image est tronquée car je l'affiche dans une div qui fait 350px en hauteur, et les images au survol font 500px de hauteur.

En tout cas merci beaucoup.

Bien cordialement.

Eric

[ced1870]

Re : Modal au survol ?

salut
as-tu essayé d'activer le mode "debug" dans la config du site ? parfois il donne de bonnes pistes
généralement j'utilise cela comme toi

$document->addStyleSheet("/modules/mod_esoffers/esoffers.css");

et ça marche

es-tu sur que ton code est exécuté, et au bon moment du chargement de la page ? si tu es dans un module, en toute logique ça devrait aller ...
CEd

[Agrepe]

Re : Modal au survol ?

Bonsoir Cedric,
Comme j'expliquais dans mon message précédent, cela à fonctionné après une manip de "renommage" du fichier et vice versa.
Pourquoi ? cela reste un mystère pour moi.
En tout cas merci beaucoup pour ton aide.

En passant, encore bravo pour tes extensions, j'en ai fait acheté il n'y a pas très longtemps à un de mes clients pour son site.

Bien cordialement.

Eric

[cavo789]

Re : Modal au survol ?

Peut-être la casse utilisée pour les noms des fichiers ? Les systèmes sur noyau Linux sont case sensitives.

[Agrepe]

Re : Modal au survol ?

Peut-être la casse utilisée pour les noms des fichiers ? Les systèmes sur noyau Linux sont case sensitives.

Bonjour cavo,
Oui, bien entendu je vérifie toujours cela (je fais aussi des copier/coller pour vérifier, une faute de frappe est vite arrivée.

Mais là, le fait d'enregistrer sous un autre nom puis enregistrer de nouveau avec l'ancien nom (Sans même le saisir mais en remplaçant l'existant) je ne comprends pas.

Enfin, cela fonctionne, comprendre pourquoi cela ne fonctionnait pas serait bien. Mais là, cela reste un mystère.
Je ne peux pas on plus même ça sur le dos du "cache", je ne l'ai pas vidé.
En tout cas,merci beaucoup pour vos aides.

Bien cordialement.

Eric