Benvenuto Ospite

Aiutamici Forum » Spazio Webmaster » HTML » Per favore aiutatemi con due script....

3 pages: 1 [2] 3

Per favore aiutatemi con due script....

Opzioni

Topic Precedente · Topic Sucessivo

ecofive

Inviato: Wednesday, March 02, 2011 7:44:27 PM

Rank: AiutAmico

Iscritto dal : 6/20/2008
Posts: 7,111

La cosa si fa intricata...
Per centrare le immagini, aggiungi questo codice (in rosso):

<div style="text-align: center;"><img src="mappa_files/mappa.jpg"
usemap="#map" border="0" height="700" width="900"><map name="map">

Ciao.

Torna in alto

leejones

Inviato: Wednesday, March 02, 2011 7:59:38 PM

Rank: AiutAmico

Iscritto dal : 2/27/2011
Posts: 33

Eheheheh! Se vuoi ti ripasso il file modificato, perchè ho creato i collegamenti per le città, così magari ti regoli meglio, se no, non ti preoccupare.^^
Adesso inserisco il codice dove mi hai indicato, grazie mille!

Torna in alto

lui49

Inviato: Wednesday, March 02, 2011 7:59:39 PM

Rank: AiutAmico

Iscritto dal : 5/4/2003
Posts: 2,845

riprova...

<area shape="rect" coords="175,118,344,198" onmouseover="this.src='<area shape="rect" coords="175,118,344,198" onmouseover="this.src='http://knightofdragon.altervista.org/Mappa%20dei%20Regni/islanda.jpg'" onmouseout="this.src='mappa.jpg'"/> '"

Torna in alto

leejones

Inviato: Wednesday, March 02, 2011 8:03:44 PM

Rank: AiutAmico

Iscritto dal : 2/27/2011
Posts: 33

Ok, adesso riprovo...^^

Nel caso ti passo il codice... L'immagine è centrata.^^

<div style="text-align: center;"><img src="mappa.jpg" width="900" height="700" border="0" usemap="#map" />

<map name="map">





<area shape="rect" coords="167,122,341,196" href="http://knightofdragon.altervista.org/Mappa%20dei%20Regni/terre_del_nord.html" />
<area shape="rect" coords="597,301,650,317" href="http://knightofdragon.altervista.org/Mappa%20dei%20Regni/anglia.html" />
<area shape="rect" coords="516,235,577,253" href="http://knightofdragon.altervista.org/Mappa%20dei%20Regni/berinicia.html" />
<area shape="rect" coords="379,143,475,175" href="http://knightofdragon.altervista.org/Mappa%20dei%20Regni/calidonia.html" />
<area shape="rect" coords="294,265,371,290" href="http://knightofdragon.altervista.org/Mappa%20dei%20Regni/connachta.html" />
<area shape="rect" coords="398,357,514,384" href="http://knightofdragon.altervista.org/Mappa%20dei%20Regni/cornovaglia.html" />
<area shape="rect" coords="372,232,436,253" href="http://knightofdragon.altervista.org/Mappa%20dei%20Regni/dal_miriadi.html" />
<area shape="rect" coords="364,187,450,229" href="http://knightofdragon.altervista.org/Mappa%20dei%20Regni/dal_riada.html" />
<area shape="rect" coords="558,259,621,284" href="http://knightofdragon.altervista.org/Mappa%20dei%20Regni/deira_lindsey.html" />
<area shape="rect" coords="429,322,503,342" href="http://knightofdragon.altervista.org/Mappa%20dei%20Regni/demetia.html" />
<area shape="rect" coords="507,257,556,269" href="http://knightofdragon.altervista.org/Mappa%20dei%20Regni/ebrauc.html" />
<area shape="rect" coords="506,273,556,289" href="http://knightofdragon.altervista.org/Mappa%20dei%20Regni/elmet.html" />
<area shape="rect" coords="453,203,505,216" href="http://knightofdragon.altervista.org/Mappa%20dei%20Regni/fortriu.html" />
<area shape="rect" coords="467,310,518,320" href="http://knightofdragon.altervista.org/Mappa%20dei%20Regni/gwent.html" />
<area shape="rect" coords="608,343,651,354" href="http://knightofdragon.altervista.org/Mappa%20dei%20Regni/kent.html" />
<area shape="rect" coords="366,292,433,318" href="http://knightofdragon.altervista.org/Mappa%20dei%20Regni/laighn.html" />
<area shape="rect" coords="456,220,533,234" href="http://knightofdragon.altervista.org/Mappa%20dei%20Regni/lothian.html" />
<area shape="rect" coords="508,294,546,306" href="http://knightofdragon.altervista.org/Mappa%20dei%20Regni/luitcoyt.html" />
<area shape="rect" coords="579,323,647,337" href="http://knightofdragon.altervista.org/Mappa%20dei%20Regni/lundein.html" />
<area shape="rect" coords="549,298,594,315" href="http://knightofdragon.altervista.org/Mappa%20dei%20Regni/mercia.html" />
<area shape="rect" coords="290,295,362,332" href="http://knightofdragon.altervista.org/Mappa%20dei%20Regni/mumha.html" />
<area shape="rect" coords="453,116,530,138" href="http://knightofdragon.altervista.org/Mappa%20dei%20Regni/orcades.html" />
<area shape="rect" coords="452,288,504,307" href="http://knightofdragon.altervista.org/Mappa%20dei%20Regni/powys.html" />
<area shape="rect" coords="561,343,605,366" href="http://knightofdragon.altervista.org/Mappa%20dei%20Regni/regia.html" />
<area shape="rect" coords="447,238,505,269" href="http://knightofdragon.altervista.org/Mappa%20dei%20Regni/rheged.html" />
<area shape="rect" coords="453,177,527,200" href="http://knightofdragon.altervista.org/Mappa%20dei%20Regni/terre_selvagge.html" />
<area shape="rect" coords="323,233,370,263" href="http://knightofdragon.altervista.org/Mappa%20dei%20Regni/tyr_connail.html" />
<area shape="rect" coords="375,255,432,274" href="http://knightofdragon.altervista.org/Mappa%20dei%20Regni/uladh.html" />
<area shape="rect" coords="508,324,558,356" href="http://knightofdragon.altervista.org/Mappa%20dei%20Regni/wessex.html" />
</map>

Torna in alto

leejones

Inviato: Wednesday, March 02, 2011 8:07:22 PM

Rank: AiutAmico

Iscritto dal : 2/27/2011
Posts: 33

Riprovato, ma niente, stesso problema...

Torna in alto

lui49

Inviato: Wednesday, March 02, 2011 8:18:51 PM

Rank: AiutAmico

Iscritto dal : 5/4/2003
Posts: 2,845

<area shape="rect" coords="175,118,344,198" onmouseover="this.src='http://knightofdragon.altervista.org/Mappa%20dei%20Regni/islanda.jpg'" onmouseout="this.src='mappa.jpg'"/> '"

ultimo tentativo.....

Torna in alto

leejones

Inviato: Wednesday, March 02, 2011 9:26:30 PM

Rank: AiutAmico

Iscritto dal : 2/27/2011
Posts: 33

Mi dispiace ma anche questa volta è fallito... Ti ringrazio, va bene non ti preoccupare, mi accontento del risultato che ho ottenuto, alla fine non sarà molto pratico per via delle numerose pagine, ma l'importante è il risultato.^^

Grazie Lui49 e grazie anche ad Ecofive.

Torna in alto

lui49

Inviato: Thursday, March 03, 2011 8:16:40 PM

Rank: AiutAmico

Iscritto dal : 5/4/2003
Posts: 2,845

sono riuscito, per sfizio personale, a far aprire le varie sottomappe al passaggio del mouse. Queste però risultano ingestibili perchè a comandare rimane la singola area di mappatura dell'immagine principale e appena esci col puntatore da questa si ripristina la pagina. Ma risolverò anche questo..... Think

Torna in alto

leejones

Inviato: Friday, March 04, 2011 1:23:33 AM

Rank: AiutAmico

Iscritto dal : 2/27/2011
Posts: 33

Sei magnifico!^^
Sono contento che hai risolto il primo problema, comunque, ti ripeto che se diventa difficile e ingestibile non ci sono problemi. Ti ringrazio infinitamente! XD

Torna in alto

lui49

Inviato: Saturday, March 05, 2011 7:00:21 PM

Rank: AiutAmico

Iscritto dal : 5/4/2003
Posts: 2,845

E' piuttosto complicato...occorre gente ferrata in materia.
Secondo me potresti fare come nell'esempio che ti allego:

ho messo in una cartella tutte le immagini e il file html + un file islanda.html per provare. Quando passi col mouse
sulla mappa si aprono le varie regioni e se clicchi su quella che ti interessa (nell'esempio è attiva solo l'islanda)
apri in un'altra finestra la omonima pagina html con relativa immagine che avrai provveduto a mappare per
quanto riguarda le città e quant'altro. Prendi tutto questo come spunto magari per altre soluzioni.L'istruzione
"onmouseout" è superflua però "l'abbonadanza non fa carestia"...

Code:

<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title></title>
<script language="JavaScript">
function apri(conta) {
nuovo=new Array("mappa.jpg","islanda.jpg","anglia.jpg","berinicia.jpg",
"calidonia.jpg","connachta.jpg","cornovaglia.jpg","dal_miriadi.jpg",
"dal_riada.jpg","deira_lindsey.jpg","demetia.jpg","ebrauc.jpg","elmet.jpg",
"fortriu.jpg","gwent.jpg","kent.jpg","laighn.jpg",
"lothian.jpg","luitcoyt.jpg","lundein.jpg","mercia.jpg","mumha.jpg","orcades.jpg",
"powys.jpg","regia.jpg","rheged.jpg","terre_selvagge.jpg",
"tyr_connail.jpg","uladh.jpg","wessex.jpg")
document.avviso.src=nuovo[conta];
}
</script>
</head>
<body style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);"
alink="#000088" link="#0000ff" vlink="#ff0000">
<br>
<div style="text-align: center;"><img src="mappa.jpg" name="avviso" width="900" height="700" border="0" usemap="#map" />
<map name="map">





<area shape="rect" coords="175,118,344,198" onmouseover="apri(1)" onclick="window.open('islanda.html')" onmouseout="apri(0)"/>
<area shape="rect" coords="597,301,650,317" onmouseover="apri(2)" onmouseout="apri(0)"/>
<area shape="rect" coords="516,235,577,253" onmouseover="apri(3)" onmouseout="apri(0)"/>
<area shape="rect" coords="380,149,490,175" onmouseover="apri(4)" onmouseout="apri(0)"/>
<area shape="rect" coords="283,273,389,290" onmouseover="apri(5)" onmouseout="apri(0)"/>
<area shape="rect" coords="397,357,513,384" onmouseover="apri(6)" onmouseout="apri(0)"/>
<area shape="rect" coords="377,230,436,253" onmouseover="apri(7)" onmouseout="apri(0)"/>
<area shape="rect" coords="364,187,450,229" onmouseover="apri(8)" onmouseout="apri(0)"/>
<area shape="rect" coords="558,259,621,284" onmouseover="apri(9)" onmouseout="apri(0)"/>
<area shape="rect" coords="429,322,1000,342" onmouseover="apri(10)" onmouseout="apri(0)"/>
<area shape="rect" coords="507,257,556,269" onmouseover="apri(11)" onmouseout="apri(0)"/>
<area shape="rect" coords="506,273,556,289" onmouseover="apri(12)" onmouseout="apri(0)"/>
<area shape="rect" coords="453,203,505,216" onmouseover="apri(13)" onmouseout="apri(0)"/>
<area shape="rect" coords="468,310,519,320" onmouseover="apri(14)" onmouseout="apri(0)"/>
<area shape="rect" coords="608,343,651,354" onmouseover="apri(15)" onmouseout="apri(0)"/>
<area shape="rect" coords="366,295,433,319" onmouseover="apri(16)" onmouseout="apri(0)"/>
<area shape="rect" coords="456,220,533,234" onmouseover="apri(17)" onmouseout="apri(0)"/>
<area shape="rect" coords="508,294,546,306" onmouseover="apri(18)" onmouseout="apri(0)"/>
<area shape="rect" coords="579,323,647,337" onmouseover="apri(19)" onmouseout="apri(0)" />
<area shape="rect" coords="549,298,594,315" onmouseover="apri(20)" onmouseout="apri(0)" />
<area shape="rect" coords="290,299,362,332" onmouseover="apri(21)" onmouseout="apri(0)" />
<area shape="rect" coords="453,116,530,138" onmouseover="apri(22)" onmouseout="apri(0)" />
<area shape="rect" coords="453,288,505,307" onmouseover="apri(23)" onmouseout="apri(0)" />
<area shape="rect" coords="561,343,605,366" onmouseover="apri(24)" onmouseout="apri(0)" />
<area shape="rect" coords="447,238,505,269" onmouseover="apri(25)" onmouseout="apri(0)" />
<area shape="rect" coords="453,185,579,201" onmouseover="apri(26)" onmouseout="apri(0)" />
<area shape="rect" coords="269,234,371,258" onmouseover="apri(27)" onmouseout="apri(0)" />
<area shape="rect" coords="375,255,426,271" onmouseover="apri(28)" onmouseout="apri(0)" />
<area shape="rect" coords="508,328,558,355" onmouseover="apri(29)" onmouseout="apri(0)" />
</map>
</body>
</html>

Torna in alto

leejones

Inviato: Saturday, March 05, 2011 10:48:44 PM

Rank: AiutAmico

Iscritto dal : 2/27/2011
Posts: 33

Se prima ti ho detto che sei magnifico adesso ti ripeto il concetto dicendoti immenso.^^
Intanto ti dico grazie infinitamente di tutto quello che hai fatto, capisco, bene, allora prenderò clome esempio quel che mi hai dato e così credo che ripetendolo realizzerò gli altri. Naturalmente me lo devo studiare e leggere con attenzione, però grazie a te, potrò realizzarlo.

Grazie mille! XD

Torna in alto

lui49

Inviato: Sunday, March 06, 2011 11:19:59 AM

Rank: AiutAmico

Iscritto dal : 5/4/2003
Posts: 2,845

troppo buono....in fondo non ho concluso granchè.

contrariamente a quanto sopra affermato l'istruzione "onmouseout" serve...(mi riferivo erroneamente ad un altro esempio che avevo imbastito).....

Torna in alto

leejones

Inviato: Sunday, March 06, 2011 1:13:58 PM

Rank: AiutAmico

Iscritto dal : 2/27/2011
Posts: 33

Eheheh! Beh, a dire il vero per me hai concluso molto, perchè siamo passati dall'impossibile al fattibile e ci sei riuscito. Vedendo anche il risultato posso anche dirti che non volendo abbiamo lavorato contemporaneamente, perchè ho apportato alcune modifiche alle mappe e visto che dovevo e ho rifatto la mappa, mi rimaneva soltanto la nuova mappatura con le rispettive coordinate. Da questo lavoro sono partito e mi sono trovato il tuo ottimo aiuto e con le pagine html già pronte e da integrare.

Devo ammettere però che ieri sera ho provato il codice e ho cambiato le coordinate per le prime immagini funzionava tutto, poi quando ormai tardi avevo finito il nulla. Ho pensato immediatamente di essere una chiavica in organizzazione e al tuo lavoro che credevo perso, ma oggi ho ricontrollato il codice e per delle virgolette, una di una sola immagine non funzionava. Poi come ti dicevo lo dovevo studiare, infatti, ho capito che le coordinate delle immagini dovevano seguire l'ordine dei file jpg e se per l'ora non ho commesso degli errori dovrebbero essere tutte al posto giusto, ma si possono sempre correggere.^__^

Ad ogni modo questo è il risultato con le modifiche grafiche:
http://knightofdragon.altervista.org/Mappa%20dei%20Regni/mappa.html

Ti volevo chiedere un piccolo aiuto ancora o meglio un consiglio. Così com'è la sezione richiama una pagina html con l'immagine equivalente, bene, ieri prima di testarlo ho fatto questo ragionamento e qualche cambiamento ancora. La mappa rimane sotto come chiedevo, solamente che l'immagine chiamata la copre totalmente quindi pensavo a rendere la consultazione più agevole inserendo e sostituendo l'immagine ingrandita attuale con una più piccola in modo che non copra del tutto la mappa. Il tutto per evitare a chi la osserva di andare alla cieca o trovarsi di fronte ad una successione rapida di immagini sino a quando il mouse non si ferma del tutto su una sezione.
In pratica io ho creato le immagini inserendo un 1 accanto al nome originale e ho fatto la mappatura con quelle immagini credendo che poi bastava inserire quel codice che richiamava la pagina html così da riuscire nell'intento avere l'effetto e poi cliccando sul primo ingrandimento della minimappa avere l'ingrandimento totale della stessa nella pagina html, mappata e funzionante.

E' possibile fare questa sostituzione oppure mi devo accontentare di questo risultato? Nel caso nessun problema, per me è buono già così e devo inserire soltanto le pagine html che avevo preparato.^^
Un ultimo dubbio mi potresti dire il codice esatto per fissare un'immagine di fondo senza che questa venga ripetuta verticalmente e orrizzontalmente e visto che ci sono anche per ottenere il risultato opposto cioè la ripetizione orizzontale e verticale.
Perchè io ne ho uno, ma non mi funziona e vorrei confrontarlo per capire l'errore... Ti ringrazio ancora di tutto e scusami per il tanto lavoro e disturbo.
Ciao e grazie mille! 7;^)

Torna in alto

lui49

Inviato: Sunday, March 06, 2011 1:29:17 PM

Rank: AiutAmico

Iscritto dal : 5/4/2003
Posts: 2,845

leejones ha scritto:

Devo ammettere però che ieri sera ho provato il codice e ho cambiato le coordinate per le prime immagini funzionava tutto, poi quando ormai tardi avevo finito il nulla. Ho pensato immediatamente di essere una chiavica in organizzazione e al tuo lavoro che credevo perso, ma oggi ho ricontrollato il codice e per delle virgolette, una di una sola immagine non funzionava. Poi come ti dicevo lo dovevo studiare, infatti, ho capito che le coordinate delle immagini dovevano seguire l'ordine dei file jpg e se per l'ora non ho commesso degli errori dovrebbero essere tutte al posto giusto, ma si possono sempre correggere.^__^

ti rispondo a questa: nel codice javascript nell'array puoi mettere tutti i link nell'ordine che vuoi; tieni solo presente che l'azione "conta" inizia, per il contenuto dell'array, dal numero "0". Quindi non importa l'ordine in cui inserisci i richiami ai link nel tuo htm, ma conta precisare l'esatto numero corrispondenti agli stessi nell'array.

Per il discorso relativo all'immagine etc. etc...è un quesito che mi sono già posto e per il quale avevo testato delle soluzioni.....però non soddisfacenti alla bisogna.
Riproverò....tempo e capacità permettendo.

se puoi metti il codice che hai....

servus

Torna in alto

leejones

Inviato: Sunday, March 06, 2011 1:46:11 PM

Rank: AiutAmico

Iscritto dal : 2/27/2011
Posts: 33

Capisco, infatti a quello mi riferivo e vagamente l'avevo intuito, comunque adesso funziona perfettamente.^^
Ho inserito proprio adesso le pagine html, però le devo ancora testare, ma dovrebbe funzionare...XD
Per quanto riguarda le immagini capisco, va bene, allora adesso lascio tutto così com'è, poi nel caso se troverai una soluzione seguirò i tuoi consigli.

Per il codice se ti riferisci alla ripetizione o meno dell'immagine è questo quello che utilizzo maggiormente background-repeat="no repeat" oppure "repeat" a secondo dei casi...

Torna in alto

lui49

Inviato: Sunday, March 06, 2011 2:31:06 PM

Rank: AiutAmico

Iscritto dal : 5/4/2003
Posts: 2,845

Se riduci le dimensioni delle immagini delle contee ottieni che passi immediatamente allo stato di "onmouseout" perchè si aprono sempre con il "div style...." della immagine mappa e cioè centrate. Forse si può ovviare mettendo insieme uno script o quant'altro che apra queste immagini ridotte in una posizione "absolute" in modo tale da tener coperta la parte di mappa allo stato di "onmouseover"....

Torna in alto

leejones

Inviato: Sunday, March 06, 2011 3:15:20 PM

Rank: AiutAmico

Iscritto dal : 2/27/2011
Posts: 33

Capisco, beh, io non ho la minima idea di quale tipo di codice possa fare questo, le immagini comunque che vengono visualizzate sono di dimensioni ridotte, solamente che vengono sgranate perchè è il comando che le ingrandisce automaticamente come dici tu.

Torna in alto

lui49

Inviato: Sunday, March 06, 2011 7:51:50 PM

Rank: AiutAmico

Iscritto dal : 5/4/2003
Posts: 2,845

si può anche ricorrere alle finestre pop-up....

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script language="JavaScript">
function winopen1() {
msg1=open("islanda.jpg", "", "width=500,height=400,left=500,top=200");
}
</script>
</head>
<body style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);" alink="#000088" link="#0000ff" vlink="#ff0000">
<br>
<div style="text-align: center;"><img src="mappa.jpg" name="avviso" width="900" height="700" border="0" usemap="#map" />
<map name="map">

<area shape="rect" coords="126,129,318,233" onmouseover="winopen1(); return true;" onclick="window.open('terre_del_nord.html')" onmouseout="msg1.close();"/>
</map></div>
</body>
</html>

Torna in alto

ecofive

Inviato: Sunday, March 06, 2011 8:10:45 PM

Rank: AiutAmico

Iscritto dal : 6/20/2008
Posts: 7,111

Ottimo lavoro Applause

Ciao.

Torna in alto

leejones

Inviato: Monday, March 07, 2011 1:41:12 AM

Rank: AiutAmico

Iscritto dal : 2/27/2011
Posts: 33

Si, infatti è un ottima soluzione e funziona, ok farò così domani trasferirò le coordinate e sostituirò le immagini con i piccoli ingrandimenti....

Ti ringrazio e vi ringrazio di tutta la collaborazione che mi avete dato. XD

Torna in alto

Utenti presenti in questo topic

Guest

3 pages: 1 [2] 3

Aiutamici Forum » Spazio Webmaster » HTML » Per favore aiutatemi con due script....

Salta al Forum

Aggiunta nuovi Topic disabilitata in questo forum.
Risposte disabilitate in questo forum.
Eliminazione tuoi Post disabilitata in questo forum.
Modifica dei tuoi post disabilitata in questo forum.
Creazione Sondaggi disabilitata in questo forum.
Voto ai sondaggi disabilitato in questo forum.

Invia topic via Email

RSS Feed

Watch this topic

Stampa topic

Normale

Threaded