Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it L'avatar di zazu
    Registrato dal
    Jan 2008
    Messaggi
    25

    Mappa dei continenti cliccabile

    Ciao a tutti!
    Sto provando a creare una mappa cliccabile dei continenti con GIMP..Purtoppo non funziona l'evento onMouseOver

    Vi posto il codice della mia pagina html:

    codice:
    [img]cartina.gif[/img]  
    <map name="map"> 
     
     
     
       
    
    <area shape="poly" coords="109,127,143,96,127,66,134,52,112,24,86,21,70,24,59,20,49,21,50,35,41,37,16,29,2,44,1,80,12,87,35,77,49,97,50,112"
      	onMouseOver="document.img.src='cartina_nord_america.gif';"
     		onMouseOut="document.img.src='cartina.gif';" 
    			target="_blank"
     				href="http://www.nordamerica.com" />
    
    
    <area shape="poly" coords="130,125,67,131,102,155,98,163,111,182,103,232,118,240,136,234,135,212,168,171,163,156,125,138"
      	onMouseOver="document.img.src='cartina_sud_america.gif';"
      		onMouseOut="document.img.src='cartina.gif';"
     			target="_blank"
     				href="http://www.sudamerica.com" /> 	
    		 
    <area shape="poly" coords="281,10,282,65,274,84,254,100,259,103,257,110,234,118,227,111,210,111,207,108,200,108,186,113,184,97,164,48,210,48,210,40,231,30"
      	onMouseOver="document.img.src='europa.gif';"
      		onMouseOut="document.img.src='cartina.gif';"
     			target="_blank"
     				href="http://www.europa.com" /> 			 
    
    <area shape="poly" coords="170,130,171,143,184,158,204,156,205,182,215,207,234,205,245,192,258,190,263,172,253,162,264,153,264,141,250,141,243,134,237,121,220,112,191,112,178,122"
      	onMouseOver="document.img.src='africa.gif';"
      		onMouseOut="document.img.src='cartina.gif';"
     			target="_blank"
      				href="http://www.africa.com" />
    
    <area shape="poly" coords="320,5,350,26,352,7,381,14,376,30,412,29,419,50,418,70,344,132,358,156,352,168,307,174,294,152,275,154,266,139,249,139,239,119,259,112,262,102,260,100,276,87,284,66,284,15"
      	onMouseOver="document.img.src='asia.gif';"
      		onMouseOut="document.img.src='cartina.gif';"
     			target="_blank"
      				href="http://www.asia.com" />
    
    <area shape="poly" coords="362,156,391,158,415,199,411,217,393,232,318,206,318,178,355,169,359,155,370,157"
      	onMouseOver="document.img.src='oceania.gif';"
      		onMouseOut="document.img.src='cartina.gif';"
      			target="_blank"
     				href="http://www.oceania.com" /> </map>
    a me sembra a posto, però niente da fare...guardate qui il risultato: http://www.zazudemo.altervista.org/c...prova_gif.html

    Qualcuno sa aiutarmi per favore??

    Grazie mille,
    Stefano

  2. #2
    Ora non ho tempo di guardare meglio, ma tu intanto prova così
    codice:
    onMouseOver="document.img[0].src='cartina_sud_america.gif';"
    Se non funziona dimmelo che domani guardo meglio
    “Che le cose siano cosi, non vuol dire che debbano andare così. Solo che quando si tratta di rimboccarsi le maniche e incominciare a cambiare, vi è un prezzo da pagare. Ed è allora che la stragrande maggioranza preferisce lamentarsi più che fare”.

    Giovanni Falcone

  3. #3
    Utente di HTML.it L'avatar di zazu
    Registrato dal
    Jan 2008
    Messaggi
    25
    Originariamente inviato da carlomarangoni
    Ora non ho tempo di guardare meglio, ma tu intanto prova così
    codice:
    onMouseOver="document.img[0].src='cartina_sud_america.gif';"
    Se non funziona dimmelo che domani guardo meglio
    Niente, nemmeno così
    Comunque grazie mille!

  4. #4
    Utente di HTML.it L'avatar di zazu
    Registrato dal
    Jan 2008
    Messaggi
    25
    Problema risolto grazie a carlomarangoni:

    Soluzione del problema! Tutto il

    codice:
    document.img.src=

    lo sostituisci con

    codice:
    document.images[0].src=
    Funziona alla perfezione!

    Grazie mille

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.