Premesso che per includere una mappa di google è semplicissimo, legale e non bisogna fare nessun trigo che hai proposto (cerca lo script in google), per altre cose del genere, usa jquery, che ti permette di aggiornare e modificare un solo div come fossero i frame.
un codice di esempio:
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=iso-8859-1" />
<title>Untitled Document</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript"> function mostra(ctr,ctr2) { $("#blocco1").hide(); $("#blocco2").hide(); $("#blocco3").hide(); $("#"+ctr).show();
$("#link1").removeClass("attivo"); $("#link2").removeClass("attivo"); $("#link3").removeClass("attivo"); $("#"+ctr2).addClass("attivo"); /* $("div").hide();
$("#blocco1").addClass("nascosto"); $("#blocco2").addClass("nascosto"); $("#blocco3").addClass("nascosto"); */ } </script>
<style type="text/css">
#blocco1, #blocco2, #blocco3 { width:300px; height:150px; font-family:Verdana; font-size:12px; border:1px solid #000000; background-color:#CCCCCC; padding:5px;}
ul{ margin:0; padding:0; list-style-type:none;}
li{ margin:0; padding:0; display:inline;}
a{ padding:8px; font-family:Verdana; font-size:14px; font-weight:bold; background-color:#006699; color:#FFFFFF; text-decoration:none;}
a:hover{ background-color:#FFFFFF; color:#006699;}
.nascosto{ display:none;} .attivo{ background-color:#FFFFFF; color:#006699;}
</style>
</head>
<body>
<ul> [*]Div 1 [*]Div 2 [*]Div 3 [/list]
<div id="blocco1">Testo contenuto nel div 1</div>
<div id="blocco2" class="nascosto">Testo contenuto nel div 2</div>
<div id="blocco3" class="nascosto">Testo contenuto nel div 3</div> </body> </html>
Ti basta copiare questo codice, scaricare il jquery.js e personalizzare i dati.
Rispondi quotando
