Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Jan 2005
    Messaggi
    86

    Aiuto di formattazione HTML e API GOOGLE..

    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/testg...lio/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!!

    Roberto

  2. #2
    Utente di HTML.it
    Registrato dal
    Jan 2005
    Messaggi
    86
    Mi sono accorto di non poter allegare il codice della pagina e di non poterlo inserire perechè troppo lungo.. se qualcuno avesse voglia di dargli uno sguardo posso inviarvelo via mail..

    grazie ancora a tutti

  3. #3
    Utente di HTML.it
    Registrato dal
    Jan 2005
    Messaggi
    86
    sono riuscito a caricare il codice..

    codice:
    <!doctype html>	
    
    
    
    
     <html lang="it" class="no-js"> 
    
    <head>
    	<meta charset="UTF-8">
    	<title>Portfolio Roberto Bianconi</title>
    	<meta name="designer" content="Created with jAlbum &amp; 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">
    					
    				</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">'+
                                    '
    
    Alta Via Valdaostana
    '+
                                    '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>[img]L'Alta Via Valdaostana/thumbs/Stambecco-Capra_ibex_17.jpg[/img]</aside><div class="data"><h4>L'Alta Via Valdaostana</h4><p class="info">57 Immagini</p></div>
    					[*]<aside>[img]I Camosci dell'Appennino/thumbs/Camoscio_appenninico-Rupicapra_pyrenaica_ornata_2.jpg[/img]</aside><div class="data"><h4>I Camosci dell'Appennino</h4><p class="info">33 Immagini</p></div>
    					<li style="clear:left;"><aside>[img]Le Volpi del Parco della Maremma/thumbs/Volpe_rossa-Vulpes_vulpes_15.jpg[/img]</aside><div class="data"><h4>Le Volpi del Parco della Maremma</h4><p class="info">25 Immagini</p></div>
    					[*]<aside>[img]Le Brughiere delle Highlands/thumbs/Bovino_delle_Highlands-Bos_taurus_3.jpg[/img]</aside><div class="data"><h4>Le Brughiere delle Highlands</h4><p class="info">27 Immagini</p></div>
    					<li style="clear:left;"><aside>[img]Le Foche del Loch Dunvegan/thumbs/Foca_grigia-Halichoerus_grypus_9.jpg[/img]</aside><div class="data"><h4>Le Foche del Loch Dunvegan</h4><p class="info">25 Immagini</p></div>
    					
    					[/list]
    				</div>
    				<footer><span>
    					255 Immagini
    					  &middot;  Crea gallerie di foto per il web  con Jalbum  &middot;  Turtle Skin
    				</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 tasto destro del mouse + salva collegamento come... per scaricare',
    				help: [ 'Strumenti di navigazione', 'Su di un livellofreccia in su', 'PulsanteCondividi per segnalare e per condividere questo sito sui &#39;social networks&#39;', 'Avvia presentazioneInvio +tast. num. * (aster.)', 'Informazioni sull&#39;album o sull&#39;autore', 'Immagine precedentefreccia a sinistra', 'Torna alla pagina indice e interrompi la presentazioneEsc', 'Adatta allo schermo / Dimensioni originalitast. numerico + (più) è anche possibile trascinare e spostare conclic e trascina se l&#39;immagine è più grande dello schermo', 'Mostra / Nascondi pannello informativo in basso nella paginatast. numerico - (meno)', 'Mostra / Nascondi pannello fotogrammi in alto nella paginatast. numerico - (meno)', 'Avvia / Interrompi presentazionetast. num. * (aster.)', 'Immagine successivafreccia a destra oppureclic sull&#39;immagine per passare a quella successiva', 'Premi F1 in qualsiasi momento per ottenere l&#39;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>

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.