toogle: richiamare una pagina con mappa di google

**allin81** · 22-10-2014, 20:37

Ciao a tutti
vorrei richiamare nella home page la mappa di google tramite php e fin qui non ho problemi.
La mappa si trova nella pagina mappa.php e se tramite php la includo nell'home page me la trovo tranquillamente.

Il prossimo step che vorrei fare e' nasconderla e tramite i pulsanti mostrarla tramite toggle.
Ho preso questo codice:

codice:

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function()
  {
  $("#btn1").click(function(){
    $("#box").animate({height:"300px"});
  });
  $("#btn2").click(function(){
    $("#box").animate({height:"100px"});
  });
});
</script>
</head>
<body>

<button id="btn1">Animate height</button>
<button id="btn2">Reset height</button>
<div id="box" style="background:#98bf21;height:100px;width:100px;margin:6px;">
<?php include("mappa.php"); ?>
</div>

</body>
</html>

in pratica alla quart'ultima riga ho aggiunto il mio <?php include("mappa.php"); ?> ma purtroppo non compare...
Se al posto di quell'include ci metto un qualsiasi codice html mi funziona!

Come posso risolvere?

**cavicchiandrea** · 22-10-2014, 22:31

- La pagina principale ha estensione php giusto?
- La pagina mappa.php se la richiami dalla url funziona?

**allin81** · 22-10-2014, 23:36

Si, l'home page e' una php e se richiamo la pagina della mappa mi funziona tutto.
Ho anche provato a non richiamarla con l'include ma tutto nell'home page ma non va...
ecco la pagina di test
http://bit.ly/1EXPIEW (in fondo c'e' la mappa che non riesco a far comparire e scomparire)

**cavicchiandrea** · 23-10-2014, 00:08

nello stile imposti questo
#map {
margin: 0em 0;
width: 976px;
height: 35em;
}
in linea questo
style="background:#98bf21;height:100px;width:100px ;margin:6px;"

**allin81** · 23-10-2014, 00:39

giusto, ho trovato l'errore e l'ho corretto.
Ora se volessi creare un unico pulsante per aprire e chiudere e far riconoscere in automatico se e' aperto o chiuso, come potrei modificare? (facendo partire la pagina con la mappa chiusa)

**allin81** · 24-10-2014, 15:27

Niente, non riesco a capire come far partire l'home page con la mappa chiusa...

Sapete darmi una mano?

**Vindav** · 24-10-2014, 19:59

hai provato a dare zero di altezza al div che contiene la mappa nel css?

**allin81** · 27-10-2014, 15:45

si hai proprio ragione è quello il problema.
Ora ho risolto.
L'unica cosa che vorrei fare adesso e' avere un unico pulsante che apre e chiude.
C'e' un modo per modificare quello che ho fatto attualmente?
Grazie

**Vindav** · 27-10-2014, 20:54

potresti fare qualcosa del genere:

codice:

$("#btn").click(function(){
  if($("#box").height() === 0)
    $("#box").animate({height:"300px"});
  else

   $("#box").animate({height:"0px"});
});

**allin81** · 27-10-2014, 21:14

ma dici di cambiare il mio codice intero cosi'?

codice:

<script>
$(document).ready(function()
  {
$("#btn").click(function(){
  if($("#box").height() === 0)
    $("#box").animate({height:"300px"});
  else

   $("#box").animate({height:"0px"});
});
});
</script>

perche' al button cambio id da btn1 a box ma non succede niente...

Discussione: toogle: richiamare una pagina con mappa di google

Strumenti discussione

Ricerca discussione

Visualizza

toogle: richiamare una pagina con mappa di google

Permessi di invio