Quantcast

Mappa immagine

Previous Topic Next Topic
 
classic Classic list List threaded Threaded
26 messages Options
12
Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

Mappa immagine

motoniko77
Helper
Bentrovati a tutti!

Dunque in questi giorni sono alle prese con un codice html da implementare in una pagina in costruzione. In buona sostanza devo utilizzare un'immagine con varie aree attive, ciò prende il nome di mappa immagine. Ogni area poi al passaggio del mouse dovrà mostrare un elenco di link.

Al momento sono bloccato qui:

</map>
<img src="INSERIRE LINK IMMAGINE" usemap="#map" />
<map name="map">
<area shape="rect" coords=" " alt="titolo" title="testo" href="INSERIRE LINK PAGINA" />
<area shape="rect" coords=" " alt="titolo" title="testo" href="INSERIRE LINK PAGINA" />
<area shape="rect" coords=" " alt="titolo" title="testo" href="INSERIRE LINK PAGINA" />
<area shape="rect" coords=" " alt="titolo" title="testo" href="INSERIRE LINK PAGINA" />
</map>

Con questo codice perfettamente funzionante, e debitamente compilato (coordinate, link immagine), ottengo varie aree che al passaggio del mouse mostrano un'etichetta e la possibilità di cliccare su un link da associare a piacimento.
Quello che invece vorrei ottenere, ma non riesco a capire come fare, sono aree dove al passaggio del mouse, si apra una casella di testo con vari link cliccabili es. menu a scelta multipla.

Qualcuno sa aiutarmi?

Grazie mille!
motoniko77 - helper "Lo Scarabeo Rotax"
Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

Re: Mappa immagine

Silvana
Administrator
Ciao Niko. Prima di partire avevo fatto questa guida http://www.lachiavenelpozzo.com/come-fare-a/tooltip. Alla fine c'è qualcosa che, forse, potrebbe interessarti. Se occorre di più,  ci studio al mio ritorno, settimana prossima..
Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

Re: Mappa immagine

motoniko77
Helper
O scusa Silvana, pensavo fossi già rientrata...

Comunque la tua guida è stata utile ma purtroppo non basta per fare ciò che voglio. Dai ne riparliamo meglio al tuo ritorno.

Buone vacanze cara!
motoniko77 - helper "Lo Scarabeo Rotax"
Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

Re: Mappa immagine

Silvana
Administrator
Non devi scusarti. Nel forum puoi scrivere quando vuoi. Se credi, puoi già spiegarmi nel dettaglio, così,  quando torno, trovo il materiale pronto. Riciao
Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

Re: Mappa immagine

motoniko77
Helper
Silvana dunque il tema dell'argomento è la "mappa immagine". Sai a volte è necessario far sì che solo una determinata parte di un'immagine sia collegata a un link. È il tipico caso delle Regioni d'Italia.....

Vorrei che (a differenza di quanto accade con il codice che ho postato), ogni singola parte dell'immagine sia collegabile a più link, attraverso un menù, una casella di testo o qualche altro metodo, cosi chè l'utente possa scegliere che link aprire.

Ciao


motoniko77 - helper "Lo Scarabeo Rotax"
Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

Re: Mappa immagine

Silvana
Administrator
Ok. Quando torno studio il tuo codice e guardo anche se ci sono altre strade. A presto, Niko..
Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

Re: Mappa immagine

Silvana
Administrator
In reply to this post by motoniko77
Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

Re: Mappa immagine

motoniko77
Helper
Grazie Silvana...

il secondo esempio "oneclick" potrebbe andar bene, a tal proposito incece che una divisione per rettangoli posso mappare l'immagine con delle coordinate?

Ciao ciao
motoniko77 - helper "Lo Scarabeo Rotax"
Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

Re: Mappa immagine

Silvana
Administrator
Ti rispondo al volo (ho appena acceso il pc e sei apparso tu :-). Si`, puoi mettere un'immagine, certo. Anche quella con i numeri e` un'immagine che ho creato cosi` solo per dimostrazione. C'e` solo un problemino di cui ti devo informare, ma che riguarda i tooltip in generale. Probabilmente avrai gia` notato che seguono la posizione del mouse, sia con onmouseover, sia con  onclick e questo comporta che possano uscire dalla zona gadget ed essere, in parte, tagliati. Nell'implementazione della mappa dovrai tenerne conto e lasciare lo spazio necessario; cosa che io non ho fatto, di proposito, per evidenziare questo limite.
E' il motivo per cui ho inserito anche la terza soluzione e cioe`una zona separata in cui compare il testo seguendo la mappatura. La zona testo, in questo caso, puo` essere dimensionata a piacere.
Per quanto riguarda il primo esempio (onmouseover), avrai visto che il movimento continuo del tooltip rende difficile il click sui link.
Quello che voglio verificare, oggi, e` se c'e` la possibilita`, nel terzo esempio, di posizionare la casella diversamente.
Counque, se il secondo esempio ti soddisfa, ho caricato, in fondo alla pagina, lo zip da scaricare contenente la cartella. Per caricare il gadget, devi seguire la solita guida Come inserire codici e scripts.
Se preferisci aspettare, nei prossimi giorni inseriro`tutto nel sito e in modo dettagliato.

Se ti serve altro aiuto, sono qui..
Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

Re: Mappa immagine

motoniko77
Helper
Ho dei dubbi:

- perchè nell'esempio 2 se clicco sul link non sia apre la pagina al volo ma solo se faccio, tasto dx apri in un'altra scheda...?
- poi ho provato a scaricare lo zip e ci sono 2 codici .js e .html quale devo usare?

Silvana ascolta, se hai intenzione di fare una pagina in merito a questo argomento, allora non perdere tempo a darmi delle indicazioni, aspetto la pagina e poi al max ti chiedo delucidazioni.

Ciao e grazie mille!
motoniko77 - helper "Lo Scarabeo Rotax"
Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

Re: Mappa immagine

Silvana
Administrator
Si`, hai ragione. Ho visto. Caricando il gadget nel sito, bisogna impostare l'apertura dei link in nuova scheda. Adesso ho modificato il codice e funziona. Non mi chiedere il perche`, ma e` cosi`. Oppure, bisogna modificare qualcosa....devo vedere..
Ok, lasciami lavorare ancora un po' e poi uscira` la soluzione giusta. Ti faccio sapere. Ciao
Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

Re: Mappa immagine

Silvana
Administrator
In reply to this post by motoniko77
Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

Re: Mappa immagine

motoniko77
Helper
Grande!

All together: X Silvana hip-ip hurrà, hip-ip hurrà!
motoniko77 - helper "Lo Scarabeo Rotax"
Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

Re: Mappa immagine

Silvana
Administrator
Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

Re: Mappa immagine

motoniko77
Helper
Domanda: il file.js è da caricare sul sito cosi com'è senza apportarvi alcuna modifica?

Nota: Silvana nella guida specifica anche gli attributi rect;poly,circle in merito alla mappatura in coordinate....

Sto compilando il codice ma che fatica. verrà lungo almeno 2 pagine A4. Speriamo bene..

Ciao
motoniko77 - helper "Lo Scarabeo Rotax"
Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

Re: Mappa immagine

Silvana
Administrator
Ciao. Il file.js resta com'e`. Si`, lo so che ci sono gli attributi per le varie forme delle zone mappate, ma non ho tanta voglia di infilarmici....nel senso....che sta storia delle coordinate e` gia` abbastanza complessa da spiegare e da capire usando il rettangolo. Non sono cose alla portata di tutti e non mi ci metterei nemmeno io, a meno di dover fare una mappa professionale (ma non mi capitera` mai) e comunque, per quelle, ci sono guide piu` tecniche. Faro` cosi`, accennero` alla possibilita`, ma senza entrare nel dettaglio di calcoli e formule geometriche. Buon lavoro, Niko..
Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

Re: Mappa immagine

motoniko77
Helper
Hai ragione, ma considera che con questo tool online tutti possono farcela:

http://www.maschek.hu/imagemap/imgmap

Ciao ciao
motoniko77 - helper "Lo Scarabeo Rotax"
Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

Re: Mappa immagine

Silvana
Administrator
Lo conosco e l'ho anche provato. Ok, lo indichero` nella guida sulle coordinate. Grazie Niko..
Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

Re: Mappa immagine

motoniko77
Helper
ciao a tutti e in particolar modo a Silvana...

da oggi il gadget di cui l'oggetto della discussione non va più:

https://sites.google.com/site/loscarabeorotax/elenco-ricambi-consigliati

se cerco di modificarlo mi dice:

Il gadget che hai aggiunto non è valido

Unable to retrieve: https://googledrive.com/host/0B3CRdAozSP-lY0gtVXloWUt5Zzg

Ha forse a che fare con qualche restrizione di Drive che non conosciamo?

Grazie
motoniko77 - helper "Lo Scarabeo Rotax"
Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

Re: Mappa immagine

Silvana
Administrator
Ciao Nikooooooo.......è un problema che conosciamo, Google Drive non offre più il servizio di hosting e, quindi, i file html caricati su Google Drive non rimandano più all'anteprima funzionante delle applicazioni. Quello che devi fare è caricare il file esterno .js negli allegati di Google sites e poi riportare il suo indirizzo nel codice html della tua applicazione. Lo stesso devi fare con le immagini. Dopodichè, devi incapsulare il codice html in un gadget (file.xml) come spiego nella guida Come caricare codici e script in google sites. Infine, carichi il gadget nel tuo sito seguendo il percorso inserisci -> altri gadget -> gadget in base a URL. Ecco fatto..
12
Loading...