Aiuto di formattazione HTML e API GOOGLE..

robysdc · 28 Dic 2012

Salve a tutti

innanzi tutto spero di aver indovinato la sezione nella quale postare, nel caso avessi commesso un errore prego la moderazione di spostare il post nella sede più adatta e mi scuso per l'inconveniente..

Premetto di non essere un super esperto di programmazione e che sto lavorando su di una pagina non scritta da me ma vreata da un programma che crea delle gallery online (JALBUM)

Sto cercando di aggiungere alla pagina indice una mappa interattiva usando le API di google, questo è quanto ho fatto fino ad ora:

http://www.robertobianconi.net/test...olio/index.html

Il mio problema è che usando il pan nella mappa mi funziona anche lo scroll della pagina rendendo la navigazione difficile e poco chiara..

Credo di dover inserire la mappa fuori dall'elenco delle gallery in modo da bypassare l'uso della barra laterale ma non riesco a farlo..

vi allego il codice della pagina nella speranza che riusciate ad aiutarmi in qualche modo..

vi ringrazio tutti anticipatamente e vi auguro buone feste!!

HTML:

<!doctype html>	
<!--[if lt IE 7 ]><html lang="it" class="no-js ie6"><![endif]-->
<!--[if IE 7 ]><html lang="it" class="no-js ie7"><![endif]-->
<!--[if IE 8 ]><html lang="it" class="no-js ie8"><![endif]-->
<!--[if IE 9 ]><html lang="it" class="no-js ie9"><![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="it" class="no-js"> <!--<![endif]-->
<!-- saved from url=(0014)about :internet -->
<head>
	<meta charset="UTF-8">
	<title>Portfolio Roberto Bianconi</title>
	<meta name="designer" content="Created with jAlbum & Turtle - unregistered">
	<link rel="shortcut icon" href="res/favicon.ico">
	<link rel="image_src" href="Portfolio%20Roberto%20Bianconi/folderthumb.jpg">
	<meta name="viewport" content="user-scalable=yes, width=940">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="format-detection" content="telephone=no">
	<meta name="robots" content="index,follow">
	<link rel="apple-touch-icon" href="res/apple-touch-icon.png">
	<link rel="stylesheet" href="res/common.css?v=2">
	<link rel="stylesheet" href="res/styles.css">
	<script src="res/modernizr-2.0.6.min.js"></script>
<link rel="alternate" href="album.rss" type="application/rss+xml"/>
<script type="text/javascript">
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-26995425-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>

</head>
<body>
	<div id="indexbg"> </div><div id="widgetbg"> </div>
	<div id="index" role="main"><div class="container"> 
		<script>if(window.location.hash && window.location.hash.length) document.getElementById('index').style['display']='none';</script>
		<header style="background-image:url(folderimage.jpg);">
			<div class="title clearfix">
				<div class="parent controls">
					<a href="http://www.robertobianconi.net/index.html" title="Home page" target="_parent" class="showhint"> </a>
				</div>
				<hgroup>
					<h1>Portfolio Roberto Bianconi</h1>
				</hgroup>
			</div>
		</header>
		<div class="items">
			<div class="cont">
				<div class="folders">
<!-INIZIO CODICE MAPPA->

                    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true&language=it"></script>

                    <script type="text/javascript">
                        var initialize = function() {
                            var latlng = new google.maps.LatLng(31.802893,13.684571);
							
                            /*questa parte identifica opzioni, come la posizione, dell'intera mappa*/
                            var options = {
                                zoom: 2,
                                center: latlng,
                                streetViewControl: false,
                                mapTypeId: google.maps.MapTypeId.ROADMAP
                            };
                            var map = new google.maps.Map(document.getElementById('map'), options);
							
							
							var latlng_Alta_Via = new google.maps.LatLng(45.581998,7.317103);
							var marker_Alta_Via = new google.maps.Marker(
                                {
                                    position: latlng_Alta_Via,
                                    map: map,
                                    flat: true
                                }
                            );
                            var tooltip_Alta_Via = '<div id="tooltip_Alta_Via">'+
                                '<p>Alta Via Valdaostana<br>'+
                                'nazione: Italia</p>'+
                                '</div>';
                            var infowindow_Alta_Via = new google.maps.InfoWindow({
                                content: tooltip_Alta_Via
                            });
							google.maps.event.addListener(marker_Alta_Via, 'click', function() {
                                infowindow_Alta_Via.open(map,marker_Alta_Via);
                           });

                        }
                        window.onload = initialize;
                    </script>

                    <div id="map" style="width:900px; height:400px;"></div>

<!-FINECODICE MAPPA->
					<ul class="clearfix">
                 
					<li style="clear:left;"><aside><a href="L'Alta Via Valdaostana/index.html"><img src="L'Alta Via Valdaostana/thumbs/Stambecco-Capra_ibex_17.jpg" alt="L'Alta Via Valdaostana" width="140" height="100" data-modified="15661" /></a></aside><div class="data"><h4><a href="L'Alta Via Valdaostana/index.html">L'Alta Via Valdaostana</a></h4><p class="info">57 Immagini</p></div></li>
					<li><aside><a href="I Camosci dell'Appennino/index.html"><img src="I Camosci dell'Appennino/thumbs/Camoscio_appenninico-Rupicapra_pyrenaica_ornata_2.jpg" alt="I Camosci dell'Appennino" width="140" height="100" data-modified="15493" /></a></aside><div class="data"><h4><a href="I Camosci dell'Appennino/index.html">I Camosci dell'Appennino</a></h4><p class="info">33 Immagini</p></div></li>
					<li style="clear:left;"><aside><a href="Le Volpi del Parco della Maremma/index.html"><img src="Le Volpi del Parco della Maremma/thumbs/Volpe_rossa-Vulpes_vulpes_15.jpg" alt="Le Volpi del Parco della Maremma" width="140" height="100" data-modified="15465" /></a></aside><div class="data"><h4><a href="Le Volpi del Parco della Maremma/index.html">Le Volpi del Parco della Maremma</a></h4><p class="info">25 Immagini</p></div></li>
					<li><aside><a href="Le Brughiere delle Highlands/index.html"><img src="Le Brughiere delle Highlands/thumbs/Bovino_delle_Highlands-Bos_taurus_3.jpg" alt="Le Brughiere delle Highlands" width="140" height="100" data-modified="15444" /></a></aside><div class="data"><h4><a href="Le Brughiere delle Highlands/index.html">Le Brughiere delle Highlands</a></h4><p class="info">27 Immagini</p></div></li>
					<li style="clear:left;"><aside><a href="Le Foche del Loch Dunvegan/index.html"><img src="Le Foche del Loch Dunvegan/thumbs/Foca_grigia-Halichoerus_grypus_9.jpg" alt="Le Foche del Loch Dunvegan" width="140" height="100" data-modified="15381" /></a></aside><div class="data"><h4><a href="Le Foche del Loch Dunvegan/index.html">Le Foche del Loch Dunvegan</a></h4><p class="info">25 Immagini</p></div></li>
					
					</ul>
				</div>
				<footer><span>
					255 Immagini
					   ·   Crea gallerie di foto per il web <a href="http://jalbum.net/"></a> con <a href="http://jalbum.net" title="jAlbum, v10.1.2" class="showhint">Jalbum</a>   ·   <a href="http://jalbum.net/skins/skin/Turtle" title="Skin: Turtle Black, 2.1.6" class="showhint">Turtle Skin</a>
				</span></footer>
			</div>
		</div>
	</div></div>
	
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
	<script>window.jQuery || document.write("<script src='res/jquery-1.6.4.min.js'>\x3C/script>")</script>
	
	<script src="res/skin.min.js"></script>
	<script>
		var _jaWidgetBarColor = 'black';
		
		//jQuery.fx.interval = $.support.touch? 40 : 20;
		
		$(document).ready(function() {
			if ($.browser.msie && $.browser.version <= 7) { 
				$('.container').height($('body').height());
			}
			var enableKeys = function() { return typeof _jaWidgetFocus === 'undefined' || !_jaWidgetFocus; };;
			var t = $('#index');
			if ($.support.touch) {
				window.scrollTo(0, 0);
				window.orientationchange = function() {
					window.scrollTo(0, 0);
				};
			}
			if (t.is(':visible') ) {
				t.find('.folders>ul>li').equalHeight();
			}
			t.find('.items>.cont').addScroll({
				enableMouseWheel: true, 
				enableKeyboard: true
			});
			$('.showhint').addHint();
			t.find('.thumbs').turtleGallery({
				resPath: 'res',
				relPath: '',
				header: '#index header',
				level: 0,
				skipIndex: false,
				uplink: 'http://www.robertobianconi.net/index.html',
				slideshowDelay: 4000,
				slideshowLoop: false,
				slideshowAuto: false,
				askAtLast: true,
				infoOn: false,
				thumbsOn: false,
				shareOn: false,
				preScale: 0.95,
				speed: 600,
				transitions: true,
				fitImage: false,
				fitShrinkonly: false,
				slides: 'slides',
				thumbs: 'thumbs',
				loadImg: 'load.gif',
				thumbHeight: 100,
				rightClickProtect: true,
				markNewDays: 0,
				enableKeyboard: true,
				enableMouseWheel: true,
				licensee: '',
				numberLinks: false
			}, {
				startSlideshow:'Avvia la presentazione', newItem:'Nuovo', firstPage:'Prima pagina', lastPage:'Ultima pagina', atFirstPage:'Alla prima pagina', atLastPage:'Questa presentazione è terminata', atLastPageQuestion:'Dove andiamo ora?', startOver:'Inizio', stop:'Interrompi', share:'Condividi', shareOn:'Condividi su', checkOutThis:'Deseleziona', previousPicture:'Immagine precedente', nextPicture:'Immagine successiva', backToHome:'Home page', upOneLevel:'Livello superiore', backToIndex:'Indice', oneToOneSize:'Dimensioni originali', fitToScreen:'Adatta allo schermo', showInfo:'Mostra pannello informativo', hideInfo:'Nascondi pannello informativo', showThumbs:'Mostra pannello fotogrammi', hideThumbs:'Nascondi pannello fotogrammi', startAutoplay:'Avvia presentazione', stopAutoplay:'Interrompi presentazione', clickToOpen:'Fare clic per aprire il documento con il visualizzatore associato', metaBtn:'Mostra / Nascondi i dati', metaLabel:'Mostra i dati della foto (Exif / Iptc)', map:'Mappa', mapBtn:'Localizzazione GPS', mapLabel:'Mostra la posizione della foto sulla mappa', noGPS:'Non sono stati trovati dati GPS', shopBtn:'Acquista', shopLabel:'Mostra opzioni per acquistare questo articolo', buyThis:'Acquista', notForSale:'Non in vendita.', shareBtn:'Condividi', shareLabel:'Condividi questa foto sui ʻsocial networksʼ', download:'Download', original:'Originale', hiRes:'Alta risoluzione', saveTip:'Usa <b>tasto destro del mouse + salva collegamento come...</b> per scaricare',
				help: [ 'Strumenti di navigazione', 'Su di un livello<em>freccia in su</em>', 'Pulsante<em>Condividi</em>  per segnalare e per condividere questo sito sui 'social networks'', 'Avvia presentazione<em>Invio</em>  +<em>tast. num. * (aster.)</em>', 'Informazioni sull'album o sull'autore', 'Immagine precedente<em>freccia a sinistra</em>', 'Torna alla pagina indice e interrompi la presentazione<em>Esc</em>', 'Adatta allo schermo / Dimensioni originali<em>tast. numerico + (più)</em>  è anche possibile trascinare e spostare con<em>clic e trascina</em>  se l'immagine è più grande dello schermo', 'Mostra / Nascondi pannello informativo in basso nella pagina<em>tast. numerico - (meno)</em>', 'Mostra / Nascondi pannello fotogrammi in alto nella pagina<em>tast. numerico - (meno)</em>', 'Avvia / Interrompi presentazione<em>tast. num. * (aster.)</em>', 'Immagine successiva<em>freccia a destra</em>  oppure<em>clic sull'immagine</em>  per passare a quella successiva', 'Premi <b>F1</b> in qualsiasi momento per ottenere l'aiuto!' ]
			});
			t.find('.share>a').shareIt( { useHash: false } );

		});
	</script>
	<div id="jalbumwidgetcontainer"></div>
<script type="text/javascript" charset="utf-8"><!--//--><![CDATA[//><!--
_jaSkin = "Turtle";
_jaStyle = "Black.css";
_jaVersion = "10.1.2";
_jaGeneratorType = "desktop";
_jaLanguage = "it";
_jaPageType = "index";
_jaRootPath = ".";
var script = document.createElement("script");
script.type = "text/javascript";
script.src = "http://jalbum.net/widgetapi/load.js";
document.getElementById("jalbumwidgetcontainer").appendChild(script);
//--><!]]></script>
</body>
</html>

Cerca

Cerca

Aiuto di formattazione HTML e API GOOGLE..

robysdc

Nuovo Utente

Discussioni simili