Help / Au secours

16 views
Skip to first unread message

Gérard Piquemal

unread,
Sep 7, 2022, 5:27:22 PM9/7/22
to Joomla! General Development
Help
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

Gérard

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

Salutations 

Gérard

MarkRS

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

To load the script put the code

JHtml::script(JUri::base().'restOfPathToScript.js');

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

JOOMLATEMA.NET

unread,
Sep 11, 2022, 4:29:31 PM9/11/22
to joomla-de...@googlegroups.com
Hi I have made an example here before : https://wtcorporate.joomlatema.net/index.php
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" />
 </map></p>

--
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 joomla-dev-gene...@googlegroups.com.
To view this discussion on the web, visit https://groups.google.com/d/msgid/joomla-dev-general/cdd7d38b-c331-4ec5-b58b-7ab5b28d083cn%40googlegroups.com.

JOOMLATEMA.NET

unread,
Sep 11, 2022, 4:30:34 PM9/11/22
to joomla-de...@googlegroups.com
As I remember I have used dreamveawer to create image map then copied code and pasted joomla module.

MarkRS

unread,
Sep 12, 2022, 3:50:49 AM9/12/22
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

unread,
Sep 12, 2022, 6:25:49 PM9/12/22
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  image-map.net. C'est dans l'intégration de cette image dans la page d'accueil du site (texstylesdeco.com) 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

----------------------------------------------------------------------

<html>

<head>

<meta charset="UTF-8">

<html lang="en">

JHtml::script(JUri::base().'restOfPathToScript.js');

</head>

<body>

 

<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 http://www.image-map.net/ -->

 

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

 

<map name="image-map">

    <area target="_self" alt="DOLCE VITA COLLECTION" title="DOLCE VITA COLLECTION" href="http://www.texstylesdeco.com/index.php/our-products/dolce-vita-collection" etc...

----------------------------------------------------------------------

 

Merci de votre support.

MarkRS

unread,
Sep 13, 2022, 4:49:38 AM9/13/22
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
Forward
0 new messages