mappa italia cliccabile con del testo che si vede a fianco al click

[wolfnewclio]

Buongiorno
Ho trovato on-line una mappa dell'italia cliccabile per ogni regione, ma non ne capisco bene il funzionamento.
Potete trovare la mappa al sito di test www.elecusano.joomlafree.it


1) Premetto che ho inserito il tutto in un modulo html personalizzato
2) Copiando il codice ogni volta che cambio dall'editor whising a quello html, tutto il contenuto cambia e joomla riscrive i codici secondo i suoi parametri
3) Con il codice che ho trovato le animazioni funzionano perfettamente, ma non capisco come fare per integrare di lato delle scritte come ad Esempio:
Valle d'aosta
Rivolgiti al rappresentante TIZIO
Chiama CAIO


Se qualcuno più esperto potesse cercare di spiegarmi il funzionamento ne sarei grato


Da quello che ho capito la mappa funziona in questo modo:
Cliccando su una regione avviene l'animazione della mappa con i parametri onMouseOver e onMouseOut che fanno apparire e scomparire le immagini delle regioni selezionate. Poi cliccando su una regione dovrebbe esserci un collegamento ad un link.
Quindi dovrei creare tanti moduli  o tanti articoli quante sono le regioni?

[alexred]

Ciao wolfnewclio,
puoi indicare dove hai reperito il codice della mappa, così possiamo fare dei test per aiutarti a configurarla.

[wolfnewclio]

L'avevo persa ma l'ho ritrovata



http://www.weweb.in/2013/10/27/creare-mappa-interattiva-delle-regioni-italiane/

[Alex21]

L'avevo persa ma l'ho ritrovata
http://www.weweb.in/2013/10/27/creare-mappa-interattiva-delle-regioni-italiane/

Ciao wolfnewclio,
grazie per aver postato il link e ... grazie ad AlexRed per averlo chiesto,
per me i poligoni  geografici sono una novità, quindi esperienza zero.
Comunque nel tuo codice c'è questo:

Codice: [Seleziona]

<map id="Map" name="Map">
<area shape="poly" coords="61,53,62,65,56,67,37,69,35,61,30,55,38,52,41,55,50,53,54,49" href="/www.elecusano.joomlafree.it/valle-d-aosta.html" alt="Val d'Aosta" title="Val d'Aosta" onmouseover="document.Italia.src='images/Aosta.png';" onmouseout="document.Italia.src='images/cartina_italia.png';">
<area shape="poly" coords="84,75,80,75,78,82,87,91,89,91,97,108,88,104,88,108,86,110,79,107,79,110,68,108,57,125,51,126,50,122,30,119,28,106,31,106,31,102,35,102,34,94,28,94,27,87,24,83,39,80,39,70,55,66,55,69,61,68,63,58,62,52,71,45,71,41,68,41,68,39,76,33,77,33,77,34,77,42,79,42,85,52,81,61,87,74,85,78,84,78,94,109,96,109,96,110" href="#" alt="Piemonte" title="Piemonte" onmouseover="document.Italia.src='images/Piemonte.png';" onmouseout="document.Italia.src='images/cartina_italia.png';">
     ...
     ...
     ...
       <area shape="poly" coords="89,244,102,252,101,257,103,258,108,274,106,278,104,279,104,280,102,281,102,283,101,283,100,288,104,296,102,311,101,311,101,313,100,313,100,327,98,327,92,327,81,327,81,328,80,328,80,336,79,336,78,337,77,337,77,338,73,339,73,338,67,338,60,325,61,316,63,315,63,305,67,305,68,298,67,298,67,297,63,297,63,292,66,290,66,280,63,278,62,270,58,270,57,261,58,261,58,257,69,261,71,258,73,258,73,257,77,257,79,254,80,254,82,250" href="#" alt="Sardegna" title="Sardegna" onmouseover="document.Italia.src='images/Sardegna.png';" onmouseout="document.Italia.src='images/cartina_italia.png';">
</map>

Nella riga della Val d'Aosta hai un link   href="/www.elecusano.joomlafree.it/valle-d-aosta.html" che punta ad una pagina che non esiste. Il link è valido ma bisogna scrivere l' articolo di Joomla per avere la pagina.
Nelle altre righe hai href="#" che ti riporta nella stessa pagina.


Quindi è necessario mettere un link valido, tipo quello della Val d'Aosta per ogni riga / regione italiana e scrivere l'articolo per la  pagina corrispondente.
Un saluto.

[alexred]

Credo sia anche corretto scrivere nel codice il link all'articolo nella forma:
href="/valle-d-aosta.html"
e non
href="/www.elecusano.joomlafree.it/valle-d-aosta.html"

[wolfnewclio]

Grazie Alexred, ad ogni modo mettendo il link /avlle-d-aosta.html si funziona e riporta in un'altra pagina, ma non riesco ancora a capire perchè anche se metto del testo nell'articolo collegato a valle d'aosta non lo visualizza per niente.
ora il link è funzionante quindi volendo potresti fare una prova.
io vorrei provare a creare un modulo che abbia un effetto come in questo sito
http://www.offel.it/ita/Assistenza/Assistenza-commerciale

[squalogu]

ciao posso consigliarti un estensione che potrebbe fare al caso tuo, si chiama: Tooltip

[wolfnewclio]

ma il tooltip non centra nulla con l'argomento di cui ho aperto il thread