Joomla.it Forum

Joomla! 2.5 (versione con supporto terminato) => Joomla! 1.6/1.7/2.5 => : jumpy83 20 Jan 2013, 18:54:11

: [Risolto]Immagine con aree cliccabili
: jumpy83 20 Jan 2013, 18:54:11

Salve a tutti.
Vorrei mettere nell'articolo di presentazione del mio sito un'immagine cliccabile in più parti.
ho usato un programmino per creare la mappatura delle aree cliccabili e questo mi ha restituito un codice html. modifico il percorso della mia immagine e salvo.
Risultato: vedo l'immagine ma non ci sono aree cliccabili!
Ecco il codice che mi ha restituito il programmino


:
<img src="qui metto il percorso dove sta l'immagine" usemap="#metto un nome" border="0">


<map name="metto lo stesso nome di prima">
<area shape="poly" coords="286,249,382,250,380,284,290,284,277,252,278,251,288,251,288,251" href="http://www.fontanagianpaolo.it" target="">
<area shape="poly" coords="290,94,404,89,403,117,297,119,288,117,288,97" href="http://www.fontanagianpaolo.it/index.php/contatta" target="">
<area shape="poly" coords="103,186,197,189,189,223,89,212,88,184,101,186" href="http://www.fontanagianpaolo.it/index.php/risorse" target="">
<area shape="poly" coords="477,106,593,106,603,139,484,138,476,102" href="http://www.fontanagianpaolo.it/index.php/aboutme" target="">
<area shape="poly" coords="478,308,634,306,634,385,509,392,486,311" href="http://www.fontanagianpaolo.it/index.php/guadagnare" target="">
<area shape="poly" coords="96,372,193,372,196,408,90,402,91,366" href="http://www.fontanagianpaolo.it/index.php/musica" target="">


</map>


dove sbaglio?
Grazie in anticipo :)




SOLUZIONE:
Ho scoperto grazie anche all'aiuto di giovi che il programmino che ho usato all'inizio per mappare l'immagine (Image Mapper gratuito) mi sbagliava le coordinate.
Ho cambiato il programmino ed ho usato la versione trial di un altro programmino (Cute...)  e il codice è corretto.
Come inserire il codice:


1°Disattivare l'editor da Sito--> Configurazione globale e selezionare Editor- None da Editor predefinito
2°Inserire il codice ottenuto attraverso Cutemap nell'articolo e salvare.





: Re:Immagine con aree cliccabili
: giovi 20 Jan 2013, 20:04:59
ciao, riapri l'articolo/modulo e controlla che il codice che hai inserito ci sia ancora. In caso negativo l'editor sta filtrando i tag che non gli piacciono per cui dovrai disattivarlo temporaneamente prima di incollare codice esterno ;)
: Re:Immagine con aree cliccabili
: jumpy83 20 Jan 2013, 20:34:49
ciao, riapri l'articolo/modulo e controlla che il codice che hai inserito ci sia ancora. In caso negativo l'editor sta filtrando i tag che non gli piacciono per cui dovrai disattivarlo temporaneamente prima di incollare codice esterno ;)


il codice c'è e l'immagine si visualizza. continuo ad avere le aree non cliccabili. :(
: Re:Immagine con aree cliccabili
: giovi 20 Jan 2013, 21:07:27
puoi fornire un link al sito?
: Re:Immagine con aree cliccabili
: jumpy83 20 Jan 2013, 22:08:20
puoi fornire un link al sito?
:
http://www.fontanagianpaolo.it/
: Re:Immagine con aree cliccabili
: giovi 20 Jan 2013, 23:03:38
nel codice che vedo manca questo attributo al tag dell'immagine
:
usemap="#......"Infatti c'è solo:
:
<img src="/images/home_1.gif" border="0" />
: Re:Immagine con aree cliccabili
: jumpy83 21 Jan 2013, 10:18:22
nel codice che vedo manca questo attributo al tag dell'immagine
:
usemap="#......"Infatti c'è solo:
:
<img src="/images/home_1.gif" border="0" />


bene. ma io lo inserisco nel codice ed è sempre presente!
come posso fare a farglielo riconoscere?
: Re:Immagine con aree cliccabili
: giovi 21 Jan 2013, 10:41:34
Quando salvi l'articolo dopo lo ritrovi sempre li quando lo vai a modificare? Perchè questo è il codice che il browser interpreta:
:
<p><img src="/images/home_1.gif" border="0" /> <map name="home_cliccabile">
<area shape="poly" coords="286,249,382,250,380,284,290,284,277,252,278,251,288,251,288,251" href="http://www.fontanagianpaolo.it/" target="_self" />
 
<area shape="poly" coords="290,94,404,89,403,117,297,119,288,117,288,97" href="/index.php/contatta" target="_self" />
 
<area shape="poly" coords="103,186,197,189,189,223,89,212,88,184,101,186" href="/index.php/risorse" target="_self" />
 
<area shape="poly" coords="477,106,593,106,603,139,484,138,476,102" href="/index.php/aboutme" target="_self" />
 
<area shape="poly" coords="478,308,634,306,634,385,509,392,486,311" href="/index.php/guadagnare" target="_self" />
 
<area shape="poly" coords="96,372,193,372,196,408,90,402,91,366" href="/index.php/musica" target="_self" />
 </map></p>
Secondo me ti conviene disattivare l'editor o per comodità usare un plugin come sourcerer
: Re:Immagine con aree cliccabili
: jumpy83 21 Jan 2013, 10:44:16
Quando salvi l'articolo dopo lo ritrovi sempre li quando lo vai a modificare? Perchè questo è il codice che il browser interpreta:
:
<p><img src="/images/home_1.gif" border="0" /> <map name="home_cliccabile">
<area shape="poly" coords="286,249,382,250,380,284,290,284,277,252,278,251,288,251,288,251" href="http://www.fontanagianpaolo.it/" target="_self" />
 
<area shape="poly" coords="290,94,404,89,403,117,297,119,288,117,288,97" href="/index.php/contatta" target="_self" />
 
<area shape="poly" coords="103,186,197,189,189,223,89,212,88,184,101,186" href="/index.php/risorse" target="_self" />
 
<area shape="poly" coords="477,106,593,106,603,139,484,138,476,102" href="/index.php/aboutme" target="_self" />
 
<area shape="poly" coords="478,308,634,306,634,385,509,392,486,311" href="/index.php/guadagnare" target="_self" />
 
<area shape="poly" coords="96,372,193,372,196,408,90,402,91,366" href="/index.php/musica" target="_self" />
 </map></p>
Secondo me ti conviene disattivare l'editor o per comodità usare un plugin come sourcerer




si lo ritrovo tutto il codice
: Re:Immagine con aree cliccabili
: giovi 21 Jan 2013, 11:01:07
allora prova come ti ho suggerito
: Re:Immagine con aree cliccabili
: jumpy83 21 Jan 2013, 11:39:48
allora prova come ti ho suggerito


ho provato a disattivare l'editor dalle impostazioni globali ho messo il codice è ho lo stesso risultato di prima.
poi ho installato il plugin che mi hai consigliato. premo il bottone sotto l'articolo e inserisco il codice (selezionando html anziché il php di default) ma il risultato è che mi stampa nell'articolo il codice che inserisco !!

: Re:Immagine con aree cliccabili
: giovi 21 Jan 2013, 11:44:49
se incolli il codice in una nuova pagina html altrove, la mappa funziona?
: Re:Immagine con aree cliccabili
: jumpy83 21 Jan 2013, 12:17:56
se incolli il codice in una nuova pagina html altrove, la mappa funziona?


Sempre la solita storia (immagine non cliccabile) se inserisco html dall'articolo o nel modulo.
sempre il codice stampato se lo inserisco con il plugin! :(
: Re:Immagine con aree cliccabili
: giovi 21 Jan 2013, 12:27:52
per creare una pagina html non serve joomla, devi creare un nuovo file sul tuo desktop e chiamarlo peppe.html e dentro ci incolli il codice, quindi lo apri con il tuo browser
: Re:Immagine con aree cliccabili
: jumpy83 21 Jan 2013, 13:39:52
per creare una pagina html non serve joomla, devi creare un nuovo file sul tuo desktop e chiamarlo peppe.html e dentro ci incolli il codice, quindi lo apri con il tuo browser


non avevo capito che intendevi dire che devo creare un nuovo file html...comunque sempre la stessa storia immagine presente ma non cliccabile
: Re:Immagine con aree cliccabili
: giovi 21 Jan 2013, 13:57:20
allora il codice che il tuo programma genera è errato e fino ad ora mi hai dato informazioni sbagliate...
bene. ma io lo inserisco nel codice ed è sempre presente!
come posso fare a farglielo riconoscere?
aggiungi all'immagine l'attributo che ti ho indicato prima e controlla se dopo il salvataqgio c'è ancora!
: Re:Immagine con aree cliccabili
: jumpy83 21 Jan 2013, 15:28:31
allora il codice che il tuo programma genera è errato e fino ad ora mi hai dato informazioni sbagliate...aggiungi all'immagine l'attributo che ti ho indicato prima e controlla se dopo il salvataqgio c'è ancora!


Allora forse parliamo e non ci capiamo....


ciao, riapri l'articolo/modulo e controlla che il codice che hai inserito ci sia ancora. In caso negativo l'editor sta filtrando i tag che non gli piacciono per cui dovrai disattivarlo temporaneamente prima di incollare codice esterno ;)


L'ho fatto, visualizzo l'immagine ma non ci sono aree cliccabili.


nel codice che vedo manca questo attributo al tag dell'immagine
:
usemap="#......"Infatti c'è solo:
:
<img src="/images/home_1.gif" border="0" />


L'attributo che dici tu c'è nel codice sia del programma di mappatura della foto sia nel codice che avevo postato.
Risultato immagine presente ma non cliccabile


Quando salvi l'articolo dopo lo ritrovi sempre li quando lo vai a modificare? Perchè questo è il codice che il browser interpreta:
:
<p><img src="/images/home_1.gif" border="0" /> <map name="home_cliccabile">
<area shape="poly" coords="286,249,382,250,380,284,290,284,277,252,278,251,288,251,288,251" href="http://www.fontanagianpaolo.it/" target="_self" />
 
<area shape="poly" coords="290,94,404,89,403,117,297,119,288,117,288,97" href="/index.php/contatta" target="_self" />
 
<area shape="poly" coords="103,186,197,189,189,223,89,212,88,184,101,186" href="/index.php/risorse" target="_self" />
 
<area shape="poly" coords="477,106,593,106,603,139,484,138,476,102" href="/index.php/aboutme" target="_self" />
 
<area shape="poly" coords="478,308,634,306,634,385,509,392,486,311" href="/index.php/guadagnare" target="_self" />
 
<area shape="poly" coords="96,372,193,372,196,408,90,402,91,366" href="/index.php/musica" target="_self" />
 </map></p>
Secondo me ti conviene disattivare l'editor o per comodità usare un plugin come sourcerer


Il codice è presente dopo aver salvato il mio articolo o aver salvato il mio modulo (ho provato a creare un modulo html)


allora prova come ti ho suggerito


1° prova.ho provato a disattivare l'editor dalle impostazioni globali, ho messo il codice è ottengo lo stesso risultato di cui sopra.
2°prova. ho installato il plugin che mi hai suggerito e mi spunta un bottone sotto il box per scrivere il testo dell'articolo.
lo premo e mi spunta una schermata in cui selezione html dal menu a tendina in alto e poi inserisco il codice html di cui sopra.
Risultato: anziché vedere l'immagine vedo solo il codice html stampato in mezzo all'articolo.


se incolli il codice in una nuova pagina html altrove, la mappa funziona?


Ho creato un nuovo html e la mappa non funziona.


allora il codice che il tuo programma genera è errato e fino ad ora mi hai dato informazioni sbagliate...aggiungi all'immagine l'attributo che ti ho indicato prima e controlla se dopo il salvataqgio c'è ancora!


Penso che se il programma genera una mappatura sbagliata ci dovrebbero essere delle aree cliccabili sull'immagine anche se in posizioni diverse.
il codice è corretto e l'ho confrontato con diverse guide html.
se intendi l'attributo usemap="#....." ti ripeto che è già presente nel codice.


Non vorrei che joomla non accetti una mappatura con html ma solo con i css!


P.S. Poi mi spieghi quali informazioni sbagliate ti ho dato!
: Re:Immagine con aree cliccabili
: giovi 21 Jan 2013, 15:37:47
è come dici tu, non ci stiamo capendo proprio...
Hai detto che il codice non funziona neanche se lo usi su una pagina html pulita, confermi?
Quindi il codice non funziona. Non puoi pretendere che un codice che non funziona funzioni su joomla!... Joomla! è un gestore di contenuti, non una bacchetta magica.

Quando avrai un codice che funziona potrai porti il dubbio se funziona o meno anche su joomla! 2.5
: Re:Immagine con aree cliccabili
: jumpy83 21 Jan 2013, 15:43:19
è come dici tu, non ci stiamo capendo proprio...
Hai detto che il codice non funziona neanche se lo usi su una pagina html pulita, confermi?
Quindi il codice non funziona. Non puoi pretendere che un codice che non funziona funzioni su joomla!... Joomla! è un gestore di contenuti, non una bacchetta magica.

Quando avrai un codice che funziona potrai porti il dubbio se funziona o meno anche su joomla! 2.5




che sia il programmino mapper che mi da mappatura sbagliata?
mentre guardando nelle varie guide la struttura del codice mi sembra corretta.
: Re:Immagine con aree cliccabili
: giovi 21 Jan 2013, 15:49:09
che sia il programmino mapper che mi da mappatura sbagliata?
non lo so e non lo posso sapere non conoscendo il programma che usi. Inoltre non è una questione riguardante il cms.
Prova a cercare qualche informazione in giro confrontando il tuo codice con quello di altri
: Re:Immagine con aree cliccabili
: jumpy83 21 Jan 2013, 16:29:04
non lo so e non lo posso sapere non conoscendo il programma che usi. Inoltre non è una questione riguardante il cms.
Prova a cercare qualche informazione in giro confrontando il tuo codice con quello di altri


ho cambiato programmino (ho usato cutemap 1.1 versione trial) e ho creato un nuovo html e le aree sono cliccabili.
inserisco lo stesso codice nel sito e ho sempre il problema di prima immagine presente ma aree non cliccabili!
e ho notato che questa volta mi scompare l'attributo usemap... cosa che prima non succedeva
: Re:Immagine con aree cliccabili
: giovi 21 Jan 2013, 17:06:19
è già un passo avanti :)
Hai provato con tutti e tre i metodi? (incluso sourcerer)
: Re:Immagine con aree cliccabili
: jumpy83 21 Jan 2013, 17:28:59
è già un passo avanti :)
Hai provato con tutti e tre i metodi? (incluso sourcerer)




perfetto adesso funziona :)


Era il programmino ImageMapper della tomaweb che mi dava le coordinate sbagliate!
infatti confrontando i codici le coordinate sono totalmente differenti!
Ho usato il programmino in versione trial CuteMap 1.1 per creare la mappatura delle immagini e prelevare il codice html!


Grazie per l'aiuto giovi :)