Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    Far apparire Google maps cliccando su un immagine in una pagina html

    Salve a tutti

    Premetto che nel campo WEB sono novello, ma ho un problemino con un sito sul quale sto curando graficamente dei dettagli.
    Qualcuno saprebbe spiegarmi se è tanto difficile cliccare su un immagine inserita all'interno di una pagina HTML facendo apparire una finestra da google maps?
    Quindi non mi servirebbe aprire un'altra pagina al click sull'imagine, ma creare una specie di pop-up per intenderci.
    Sto usando Dreamweaver per realizzare sta cosa...sarei grato di ricevere una risposta!

    Grazie mille

  2. #2
    Ciao, se per pop-up intendi una semplice finestrella puoi usare javascript.

    Dai un occhio qui:

    http://javascript.html.it/guide/lezi...sonalizzabili/

    Devi solo modificare il contenuto del href infilandoci il javascript dentro. Tieni presente che IE tende ad avere visualizzazioni "particolari" delle finestre, io ho riscontrato abb. problemi nel fargli capire cosa intendessi per "a tutta pagina", ma non mi pare il tuo caso.



  3. #3
    Utente bannato
    Registrato dal
    Sep 2007
    Messaggi
    2,777

    Re: Far apparire Google maps cliccando su un immagine in una pagina html

    Originariamente inviato da G-net_napoli
    Salve a tutti

    Premetto che nel campo WEB sono novello, ma ho un problemino con un sito sul quale sto curando graficamente dei dettagli.
    Qualcuno saprebbe spiegarmi se è tanto difficile cliccare su un immagine inserita all'interno di una pagina HTML facendo apparire una finestra da google maps?
    Quindi non mi servirebbe aprire un'altra pagina al click sull'imagine, ma creare una specie di pop-up per intenderci.
    Sto usando Dreamweaver per realizzare sta cosa...sarei grato di ricevere una risposta!

    Grazie mille
    1-Fai una pagina con il codice fornito da google.
    2-La pagina che richiama deve essere così:
    codice:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Documento senza titolo</title>
    
    <script type="text/javascript" language="JavaScript">
    <!--
    function winOpen(URL, windowName, width, height, left, top, resizable, location, menubar, scrollbars, status, toolbar, directories){
    	var windowFeatures;
    	windowFeatures = '';
    	if (width != '')
    		windowFeatures = windowFeatures+'width='+width+',';
    	if (height != '')
    		windowFeatures = windowFeatures+'height='+height+',';
    	if (left != '')
    		windowFeatures = windowFeatures+'left='+left+',';
    	if (top != '')
    		windowFeatures = windowFeatures+'top='+top+',';
    	if (resizable)
    		windowFeatures = windowFeatures+'resizable,';
    	if (location)
    		windowFeatures = windowFeatures+'location,';
    	if (menubar)
    		windowFeatures = windowFeatures+'menubar,';
    	if (scrollbars)
    		windowFeatures = windowFeatures+'scrollbars,';
    	if (status)
    		windowFeatures = windowFeatures+'status,';
    	if (toolbar)
    		windowFeatures = windowFeatures+'toolbar,';
    	if (directories)
    		windowFeatures = windowFeatures+'directories,';
    	window.open(URL, windowName, windowFeatures);
    }
    
    //-->
    </script>
      
    
    </head>
    
    <body>
    
    Apri finestra
    
    </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.