Problemi di visualizzazione sito

  • Creatore Discussione Creatore Discussione wanda
  • Data di inizio Data di inizio

wanda

Nuovo Utente
28 Nov 2013
12
0
0
Ciao a tutti,
volevo cercare di capire da cosa dipendendono certi problemi di visualizzazione.
In questa pagina: http://www.costantin.com/maps/ ho una mappa con una serie di elementi che puntano a varie località.
Non capisco come mai al primo accesso questi elementi non si visualizzano, mentre se faccio refresh del browser, riesco poi a visualizzarli.
Qualcuno sa da cosa può dipendere? E' un problema del sito stesso o del server?
Non mi era mai successo prima.
Mi scuso anticipatamente se sono nella sezione sbagliata ma il sito è fatto in php.
Grazie anticipatamente.
 
Io ho aperto la pagina e, se gli elementi di cui parli sono le freccettine con la C, li ho visualizzati al primo accesso, quindi magari è un problema di caricamento della mappa nel browser.

Ho usato sia Firefox che IE e non ha dato alcun problema, in entrambi al primo tentativo li ha visualizzati
 
Grazie mille per la pronta risposta.
Ho fatte delle prove ed ho notato che la mappa la visualizzo direttamente dal link, ma se, accedendo dalla home, clicco sul pulsante MAPPA del menu, non visualizzo gli elementi in questione, quindi forse il problema è del pulsante?
Può essere? Questo è il codice del menu, ma mi sembra tutto ok:

HTML:
<nav>
<ul>
<li data-title="azienda"><a href="<? echo $url ?>/azienda/">L'azienda</a></li>
<li data-title="servizio"><a href="<? echo $url ?>/valori/">Valori</a></li>
<li data-title="concorsi"><a href="<? echo $url ?>/stazioni-di-servizio/concorsi-e-promozioni/">Promozioni</a></li>
<li data-title="aziende"><a>Per le aziende</a></li>
<li><a href="<? echo $url ?>/maps/">Mappa</a></li>
<li data-title="contatti"><a href="<? echo $url ?>/contatti/">Contatti</a></li>
</ul>
</nav>

Il mistero si infittisce.....
 
Non so se può essere utile, ma all'inizio del codice php che contiene il menu, c'è questo script:

HTML:
<? if(isset($_GET['google'])) { ?>
<body >
<? } else { ?>
<body onLoad="$('#main_bg').height( $('.bg_preview').height());">
<? } ?>

Sarà per caso questo script che richiama la mappa? In più quando apro questa pagina in dreamweaver, la parte di questo codice
<body onLoad="$('#main_bg').height( $('.bg_preview').height());">
è segnalata in giallo....
 
Io continuo a non avere problemi, tu che browser usi?

Come ti ho già detto io ho usato Firefox e IE ho anche cancellato tutti i vari Cookie cronologia ecc e ho testato anche entrando nella Home e cliccando sul bottone mappa del menu, addirittura i segnalini me li carica prima ancora di caricare la mappa, ma questo è un problema del pc dell'ufficio xD
 
Io uso Chrome ed ho provato anche su Safari...entrambi hanno lo stesso problema.
In effetti provandolo su Firefox è tutto ok.
C'è possibilità di aggiungere uno script per risolvere questi problemi di compatibilità in tutti i browser?
 
Se puoi mettere un po' di codice su come viene costruita la mappa posso provare ad aiutarti cercando qualcosa ma così non saprei proprio come aiutarti
 
Ho due pagine php, una maps.php ed una page-maps.php

Nella prima ho questo codice:
HTML:
<? include 'head.php' ?>
<? include 'header.php' ?>
<? include 'page-maps.php' ?>
<? include 'precontent.php' ?>
<script>
window.onload = function() {
    setMapHeight();initialize();
}
</script>
<? include 'footer.php' ?>


Nella seconda questo:
HTML:
<section id="maps">
<div class="content">

<div class="column1 maps_navigation">
<div class="column2 maps_headline"><h3>Trova la stazione di servizio più vicina.</h3></div>
<div class="column2 " style="position:relative;">
<div class="column2 maps_set"><div class="maps_button first" data-title="maps_position"  onClick="geoLocated()">Posizione<i class="fa fa-map-marker"></i></div></div>
<div class="column2 maps_set"><div class="maps_button last" data-title="maps_filters" >Prefenze<i class="fa fa-plus"></i></div></div>

<div class="column1 maps_sub" id="maps_position">
<div class="column2" style="width:15%"><div class="maps_location_button"><i class="fa fa-map-marker"></i></div></div>
<div class="column2" style="width:70%"><div class="maps_search_input"><input id="pac-input" class="controls" type="text" placeholder="Cerca Località/Città"></div></div>
<div class="column2" style="width:15%;float:right"><div id="distancer" class="maps_search_button"><i class="fa fa-search"></i></div></div>
</div>

<div class="column1 maps_sub" id="maps_filters">

<div class="column1">
<div class="column1">
<h2>Carburanti e Prodotti Speciali</h2>
<ul>
<li><div class="checker"><input type="checkbox" value="None" id="top-verde" name="top-verde"  /><label for="top-verde"></label></div>Top Verde</li>
<li><div class="checker"><input type="checkbox" value="None" id="top-diesel" name="top-diesel" /><label for="top-diesel"></label></div>Top Diesel</li>
<li><div class="checker"><input type="checkbox" value="None" id="gpl" name="gpl"  /><label for="gpl"></label></div>GPL</li>
</ul>
</div>


<div class="column1">
<h2>Servizi</h2>
<ul style="margin-bottom:0">
<li><div class="checker"><input type="checkbox" value="None" id="lavaggio" name="lavaggio" /><label for="lavaggio"></label></div>AutoLavaggio</li>
<li><div class="checker"><input type="checkbox" value="None" id="cafe" name="cafe"  /><label for="cafe"></label></div>Costantin Cafè</li>
</ul>
<div id="filter" onClick="$('.maps_result').removeAttr('style');resetMap()" class="maps_search_button filterbutton"><i class="fa fa-search"></i></div>
</div>
</div>



</div>



</div>
</div>

</div>

<div class="column1" style="position: relative">
<div class="maps_result"></div>
<div id="map"></div>
</div>

</section>


Poi ho un file javascript dove ci sono tutta una serie di funzioni del sito, io riporto solo quelle relative alla mappa:
HTML:
function setMapHeight() {
	if($('body').width()>480) {
	var maps_height = (400 * $(window).width()) / 1024 
	$('#maps #map').height(maps_height);
	}
}

function setMapHeight2() {
	
	var heigh = $('.wiww').height();
	var heighw = $('body').height();
	$('#maps #map').height(heighw-56);
	
	
}

e

HTML:
$('.maps_button').click(function(){
		var navigation = $(this).data('title');
		if($(this).hasClass('open')){
			$('.maps_button').removeClass('open');
			$('#'+navigation).slideUp(400,$.bez(bezierEasing));
		}else{
			$('.maps_button').removeClass('open').css('background','#e9e9e9');
			$(this).css('background','#f0f0f0').addClass('open');
			$('.maps_sub').slideUp(400,$.bez(bezierEasing),function(){})
			$('#'+navigation).slideDown(400,$.bez(bezierEasing));
		}
	})

Altro non ho, il sito non l'ho creato io ed è basato su un cms che non conosco. All'interno del pannello di controllo, c'è il modo di inserire i campi con la città, la via, longitutine e latitudine.
 
Ultima modifica:
Ciao! da quello che ho notato se fai il refresh della pagina i simboli sulla mappa ritornano. Potrebbe essere la funzione window.onload prova a dare un'occhiata al codice completo di:
HTML:
<script>
window.onload = function() {
    setMapHeight();initialize();
}
</script>
 
Grazie Marco, non ho però capito cosa intendi per ...
Io non sono molto esperta di php, ne tantomeno di javascrip.
Bisognerebbe implementarlo? E come?

:confused:

Guarda neanche io sono esperto, a occhio mi sembra legato a quella funzione, ma potrei sbagliami. Prova a postarla per intero magari riusciamo a capirci qualcosa di più.

Scusa non avevo visto che già la avevi postata
 
Ultima modifica:
Il problema è stato risolto...non da me.
Ma lo script in questione era da togliere. Mah....
Grazie ancora a chi ha tentato di aiutarmi!
 

Discussioni simili