[Risolto]Immagine con aree cliccabili

[jumpy83]

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

Codice: [Seleziona]

<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.

[giovi]

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

[jumpy83]

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.

[giovi]

puoi fornire un link al sito?

[jumpy83]

puoi fornire un link al sito?

Codice: [Seleziona]

http://www.fontanagianpaolo.it/

[giovi]

nel codice che vedo manca questo attributo al tag dell'immagine

Codice: [Seleziona]

usemap="#......"Infatti c'è solo:

Codice: [Seleziona]

<img src="/images/home_1.gif" border="0" />

[jumpy83]

nel codice che vedo manca questo attributo al tag dell'immagine

Codice: [Seleziona]

usemap="#......"Infatti c'è solo:

Codice: [Seleziona]

<img src="/images/home_1.gif" border="0" />

bene. ma io lo inserisco nel codice ed è sempre presente!
come posso fare a farglielo riconoscere?

[giovi]

Quando salvi l'articolo dopo lo ritrovi sempre li quando lo vai a modificare? Perchè questo è il codice che il browser interpreta:

Codice: [Seleziona]

<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

[jumpy83]

Quando salvi l'articolo dopo lo ritrovi sempre li quando lo vai a modificare? Perchè questo è il codice che il browser interpreta:

Codice: [Seleziona]

<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

[giovi]

allora prova come ti ho suggerito

[jumpy83]

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 !!

[giovi]

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

[jumpy83]

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!

[giovi]

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

[jumpy83]

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

[giovi]

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!

[jumpy83]

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

Codice: [Seleziona]

usemap="#......"Infatti c'è solo:

Codice: [Seleziona]

<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:

Codice: [Seleziona]

<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!

[giovi]

è 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

[jumpy83]

è 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.

[giovi]

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