[RISOLTO] Mappa cliccabile non funziona in joomla

[mraj]

Ragazzi ci sto sbattendo tutto oggi!
Attraverso questo sito (http://www.image-maps.com/) genero il codice per creare una mappa cliccabile. Il codice generato è questo:

Codice: [Seleziona]

<div style="text-align:center; width:206px; margin-left:auto; margin-right:auto;">
<img id="Image-Maps_7201303221501507" src="http://www.extensa.biz/images/prova.png" usemap="#Image-Maps_7201303221501507" border="0" width="206" height="151" alt="" />
<map id="_Image-Maps_7201303221501507" name="Image-Maps_7201303221501507">
<area shape="rect" coords="10,10,105,78" href="http://www.extensa.biz/index.php/it/extensa-srl/extensa-trip" alt="Trip" title="Trip"    />
<area shape="rect" coords="106,9,201,77" href="http://www.extensa.biz/index.php/it/extensa-srl/extensa-hospitality" alt="Hospitality" title="Hospitality"    />
<area shape="rect" coords="8,78,103,146" href="http://www.extensa.biz/index.php/it/extensa-srl/extensa-consulting" alt="Counseling" title="Counseling"    />
<area shape="rect" coords="106,78,201,146" href="http://www.extensa.biz/index.php/it/extensa-srl/extensa-green" alt="Green" title="Green"    />
<area shape="rect" coords="204,149,206,151" href="http://www.image-maps.com/index.php?aff=mapped_users_7201303221501507" alt="Image Map" title="Image Map" />
</map>
<!-- Image map text links - Start - If you do not wish to have text links under your image map, you can move or delete this DIV -->
<div style="text-align:center; font-size:12px; font-family:verdana; margin-left:auto; margin-right:auto; width:206px;">
   <a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="http://www.extensa.biz/index.php/it/extensa-srl/extensa-trip" title="Trip">Trip[/url]
 |    <a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="http://www.extensa.biz/index.php/it/extensa-srl/extensa-hospitality" title="Hospitality">Hospitality[/url]
 |    <a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="http://www.extensa.biz/index.php/it/extensa-srl/extensa-consulting" title="Counseling">Counseling[/url]
 |    <a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="http://www.extensa.biz/index.php/it/extensa-srl/extensa-green" title="Green">Green[/url]
 |    <a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="http://www.image-maps.com/index.php?aff=mapped_users_7201303221501507" title="Image Map">Image Map[/url]
<>
<!-- Image map text links - End - -->

Se uso il codice in locale funziona tutto!
Se invece lo incollo in un modulo "html personalizzato" in joomla! 2.5 mi mostra solo l'immagine non cliccabile. Dove sbaglio???

[maicolstaip]

Ciao mraj,
il codice sembra sbagliato anche se comunque a me l'immagine è cliccabile.

Prova questo

Codice: [Seleziona]

<div style="text-align:center; width:206px; margin-left:auto; margin-right:auto;">
<img id="Image-Maps_7201303221501507" src="http://www.extensa.biz/images/prova.png" usemap="#Image-Maps_7201303221501507" border="0" width="206" height="151" alt="" />
<map id="_Image-Maps_7201303221501507" name="Image-Maps_7201303221501507">
<area shape="rect" coords="10,10,105,78" href="http://www.extensa.biz/index.php/it/extensa-srl/extensa-trip" alt="Trip" title="Trip"    />
<area shape="rect" coords="106,9,201,77" href="http://www.extensa.biz/index.php/it/extensa-srl/extensa-hospitality" alt="Hospitality" title="Hospitality"    />
<area shape="rect" coords="8,78,103,146" href="http://www.extensa.biz/index.php/it/extensa-srl/extensa-consulting" alt="Counseling" title="Counseling"    />
<area shape="rect" coords="106,78,201,146" href="http://www.extensa.biz/index.php/it/extensa-srl/extensa-green" alt="Green" title="Green"    />
<area shape="rect" coords="204,149,206,151" href="http://www.image-maps.com/index.php?aff=mapped_users_7201303221501507" alt="Image Map" title="Image Map" />
</map></div>
<!-- Image map text links - Start - If you do not wish to have text links under your image map, you can move or delete this DIV -->
<div style="text-align:center; font-size:12px; font-family:verdana; margin-left:auto; margin-right:auto; width:206px;">
   <a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="http://www.extensa.biz/index.php/it/extensa-srl/extensa-trip" title="Trip">Trip</a>
 |    <a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="http://www.extensa.biz/index.php/it/extensa-srl/extensa-hospitality" title="Hospitality">Hospitality</a>
 |    <a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="http://www.extensa.biz/index.php/it/extensa-srl/extensa-consulting" title="Counseling">Counseling</a>
 |    <a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="http://www.extensa.biz/index.php/it/extensa-srl/extensa-green" title="Green">Green</a>
 |    <a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="http://www.image-maps.com/index.php?aff=mapped_users_7201303221501507" title="Image Map">Image Map</a>
</div>
<!-- Image map text links - End - -->



[mraj]

Ho trovato mapspinner, programma per mac che genera codice html per le mappe immagini.Questo è il codice che mi genera:

Codice: [Seleziona]

<html> <head> <title>MapSpinner Page</title> <meta content="MapSpinner" name="GENERATOR"> </head> <body> <p></p> <!-- Created by MapSpinner --> <!-- Beginning --> <img src="prova.png" width="226" height="158" usemap="#prova" border="0"> <map name="prova"> <area shape="rect" coords="3,83,109,154" href=�http://www.extensa.biz/index.php/it/extensa-srl/extensa-green"> <area shape="rect" coords="113,83,221,154" href=�http://www.extensa.biz/index.php/it/extensa-srl/extensa-consulting"> <area shape="rect" coords="114,1,222,79" href=�http://www.extensa.biz/index.php/it/extensa-srl/extensa-hospitality"> <area shape="rect" coords="3,2,110,78" href=�http://www.extensa.biz/index.php/it/extensa-srl/extensa-trip"> </map> <!-- End --> </body> </html>
Se lo carico in locale funziona ma restituisce errore nei link.In ogni caso una volta caricato su joomla non funziona

[maicolstaip]

HAi provato il codice che ti ho messo io?

Il secondo codice per forza non funziona, ci sono degli errori anche lì.

[mraj]

Non funziona neppure quello che mi hai dato tu...

[mraj]

Ho scoperto che joomla corregge il codice html che non gli piace!!!
Secondo questa guida (http://www.sos-office.it/joomla/105-joomla-inserire-una-mappa-immagine-in-un-articolo.html) alla fine del tag che inserisce l'immagine dovrei inserire

Codice: [Seleziona]

usemap="# + ID della mappaSubito dopo dovrei inserire il codice della mappa

Codice: [Seleziona]

<map id="imgmap2013323164927" name="imgmap2013323164927"><area shape="rect" alt="" title="" coords="14,10,93,140" href="www.google.it" target="" /><area shape="rect" alt="" title="" coords="108,15,190,132" href="www.skizzo.it" target="" /><!-- Created by Online Image Map Editor (http://www.maschek.hu/imagemap/index) --></map>
Bene, lo faccio e salvo l'articolo ... come per magia il codice appena inserito (usemap="# + ID della mappa) scompare.

Ho anche trovato la voce  "image map" nella scheda advanced della finestra "inserisci immagine dell'editor di joomla.
Solo che non so cosa inserire. Se inserisco l'ID, esso scompare dopo il salvataggio!

[mraj]

Nessuna idea? Credo che basterebbe impedire a joomla di cambiare l'html da me scritto...

[maicolstaip]

Configurazione globale --> Filtri di testo
ed al Super Users  imposti "nessun filtro"

Poi vedi che ci metti tutto quel che vuoi in un modulo html personalizzato.

[mraj]

  era già impostato così sia al superuser sia al administrator...

[mraj]

Nessuna idea?
Non ho trovato neppure una estensione di joomla (gratuita) che crei mappe immagini

[berry]

Prova con JCE editor

[mraj]

EUREKA!!!!!!
Ecco il codice che funziona!!!!

Codice: [Seleziona]

<p><img src="images/prova2.png" alt="" width="226" height="158" border="0" usemap="#imgmap2013323163728" /><map id="imgmap2013323163728" name="imgmap2013323163728">
<area title="" shape="rect" coords="2,4,110,75" href="http://www.extensa.biz/" alt="" target="" />
 
<area title="" shape="rect" coords="114,4,215,77" href="http://www.extensa.biz/" alt="" target="" />
 
<area title="" shape="rect" coords="5,81,110,155" href="http://www.google.biz/" alt="" target="" />
 
<area title="" shape="rect" coords="114,82,214,157" href="http://www.facebook.com/" alt="" target="" />
 <!-- Created by Online Image Map Editor (http://www.maschek.hu/imagemap/index) --></map></p>

vi voglio beneeeeeee

Fondamentale è stato installare JCE ma ringrazio tutti quelli che mi hanno dato una mano!
Ragazzi, è bellissimo poter contare su una community! W linux W Joomla!