Help / Au secours

Skip to first unread message

Gérard Piquemal

Sep 7, 2022, 5:27:22 PMSep 7
to Joomla! General Development
Hello group,
I need to embed an image map in the home page of a friend's site. To integrate the image, no problem but I cannot integrate the script relating to the image.
On a Joomla 3.10 site
Can anyone help me?

Thanks in advance

Best regards


Au secours

Bonjour le groupe,

J’ai besoin d’intégrer une image map dans la page d’accueil du site d’un ami.  Pour intégrer l’image, pas de problème mais je n’arrive pas à intégrer le script relatif à l’image.

Sur un site Joomla 3.10

Quelqu’un peut-il m’aider ?

Merci d’avance




Sep 8, 2022, 3:58:00 AMSep 8
to Joomla! General Development
What exactly is the problem, loading the script or making the script work?

To load the script put the code


in the code section of the template file.  If it's something else then a more specific question is required.


Sep 11, 2022, 4:29:31 PMSep 11
Hi I have made an example here before :
at the right bottom of the page our headquarters module is a custom module. Disable tinymce default joomla editor then paste code. Otherwise joomla clears html after saving module you can enable text editor again.  My sample code is below.

<p> </p>
<p><img src="images/sampledata/hq-map.png" usemap="#image-map" /> <map name="image-map">
<area title="USA" alt="USA" coords="40,20,63,48" shape="rect" href="#" target="_parent" />
<area title="Brasil" alt="Brasil" coords="85,115,67,85" shape="rect" href="#" target="_parent" />
<area title="England" alt="England" coords="124,7,138,32" shape="rect" href="#" target="_parent" />
<area title="Turkey" alt="Turkey" coords="155,56,140,32" shape="rect" href="#" target="_parent" />
<area title="Russia" alt="Russia" coords="209,61,191,35" shape="rect" href="#" target="_parent" />
<area title="Australia" alt="Australia" coords="244,114,226,89" shape="rect" href="#" target="_parent" />

You received this message because you are subscribed to the Google Groups "Joomla! General Development" group.
To unsubscribe from this group and stop receiving emails from it, send an email to
To view this discussion on the web, visit


Sep 11, 2022, 4:30:34 PMSep 11
As I remember I have used dreamveawer to create image map then copied code and pasted joomla module.


Sep 12, 2022, 3:50:49 AMSep 12
to Joomla! General Development
Install the JCE editor.  It's free and one of its many features is allowing you to enter html directly without it getting cleared the way TinyMCE does it.

You still don't say what exactly the problem is.  The page you've referenced seems to work.  Clicking on one of the headquarters areas loads a URL. If you actually had a URL there rather than "'#" wouldn't that do what you want?

Gérard Piquemal

Sep 12, 2022, 6:25:49 PMSep 12
to Joomla! General Development

Pensant que je n'ai pas été suffisamment explicite dans ma demande, je vais essayer d'être plus clair.

J'ai effectué le mapping dune image sur le site C'est dans l'intégration de cette image dans la page d'accueil du site ( que j'éprouve des difficultés.

Plusieurs solution m'on été proposées mais aucune ne fonctionne. Deux personnes m'ont proposé la ligne de code :

JHtml::script(JUri::base().'restOfPathToScript.js'); , qui ne semble pas fonctionner. Peut-être que je ne la place pas au bon endroit !

Voici le début du code html




<meta charset="UTF-8">

<html lang="en">





<p style="text-align: center;"><img src="images/2824--2828-HARVEST-FERN.jpg" alt="2824--2828-HARVEST-FERN.jpg" /></p>

<img usemap="#une2022_en" src=" ./stories/2022/une2022_2.jpg"

<!-- Image Map Generated by -->


<img src="une2022_en.jpg" usemap="#image-map">


<map name="image-map">

    <area target="_self" alt="DOLCE VITA COLLECTION" title="DOLCE VITA COLLECTION" href="" etc...



Merci de votre support.


Sep 13, 2022, 4:49:38 AMSep 13
to Joomla! General Development
I'm not sure what you're doing, this isn't really a Joomla code.  What and where is this file?

The line that I and others have recommended is php code so it needs to be enclosed with "<?php"  and "?>" (don't include the quotation marks).
Reply all
Reply to author
0 new messages