Aiuto di formattazione HTML e API GOOGLE..

robysdc

Nuovo Utente
15 Nov 2008
21
0
0
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>
 
Ultima modifica di un moderatore:
Discussioni simili
Autore Titolo Forum Risposte Data
A Html - css : domanda e aiuto per formattazione banner e navigazione HTML e CSS 1
P Aiuto per rendere un Bot Telegram Privato PHP 1
M Un aiuto da chi ha apple Mac e Software 0
P Richiesta di aiuto Presentati al Forum 1
A Aiuto per pagina php PHP 0
M Questa pagina non carica correttamente Google Maps: aiuto!! HTML e CSS 1
I Aiuto php Dependent Lookup PHP 0
R Aiuto con le query MS Access 2
M AIUTO ESERCIZIO JAVA Javascript 1
G Aiuto con htaccess e rewriterule PHP 0
T cercasi aiuto per file d1 (open-edge db) Database 0
M Aiuto con inserimento immagini WordPress 6
D aiuto schermata photoshop Photoshop 0
L Aiuto per programma web php/mySQL PHP 2
A Aiuto php colore diverso PHP 10
L Aiuto creazione menu mancante WordPress 0
C Aiuto compiuto scuola PHP/MySQL PHP 2
G Insert into select - Aiuto MySQL 0
I Aiuto bash linux Programmazione 1
F Aiuto java script Javascript 2
R Cerco aiuto Offerte e Richieste di Lavoro e/o Collaborazione 7
I Aiuto query MySQL 8
G Aiuto HTML, collegamento con un bottone a una <div> di un' altra pagna HTML e CSS 5
R Aiuto sito html Offerte e Richieste di Lavoro e/o Collaborazione 3
claudio_lorenzo [Javascript] aiuto su jquery per calcolo altezze dom Javascript 1
G Mi dite come faccio? Aiuto photoshop ? Photoshop 1
C prestashop paragamento contrassegno aiuto modulo E-Commerce 0
Michelebozzo [PHP] Rimuovere pubblicazione nome pagina ... aiuto! PHP 7
Caldus richiesta aiuto Mac e Software 0
R [Javascript] Aiuto su questo script Javascript 2
Z Gestionale in Php/mysql: Quanto farsi pagare? Aiuto! Discussioni Varie 0
Giacomo92 [HTML] AIUTO!! Regular Expression :( Offerte e Richieste di Lavoro e/o Collaborazione 15
T Aiuto per php7 e mysqli PHP 3
T mysql tutorial per importare tabelle access in mysql aiuto MySQL 2
K [Java] aiuto switch case Java 1
E salve tutti spero si essere di aiuto e di trovare aiuto Presentati al Forum 2
D [MS Access] aiuto non riesco a capire MS Access 6
P [PHP] Browser game, aiuto a tempo libero. Offerte e Richieste di Lavoro e/o Collaborazione 0
wildcity9 aiuto per sbloccare account instagram bannati Social Media Marketing 0
A Aiuto per configurare il banner di Iubenda su un sito in html HTML e CSS 0
I Aiuto Firma App Sviluppo app per Android 0
C [PHP] Chiedo un aiuto, Array multidimensionale. PHP 3
H [Javascript] aiuto favore Javascript 1
T [PHP] aiuto....Fatal error: Uncaught Error:non riesco a capire PHP 1
N [PHP] Aiuto PHP 1
M [PHP] Aiuto su inner join PHP 10
S [PHP] Aiuto creazione form php per completamento modello word PHP 1
Giatenx Ho bisogno di aiuto Annunci servizi di Social Media Marketing 1
Z [HTML] aiuto per visualizzazione su tablet Offerte e Richieste di Lavoro e/o Collaborazione 6
Z sono qui in cerca di aiuto Presentati al Forum 2

Discussioni simili