Aprire link di un DIV, in un altro DIV
Aiuto vi prego! Non riesco a trovare una soluzione a questo problema (cercato e ricercato su google e sul forum, ma niente!)
Sto creando una pagina HTML, ho integrato dei DIV per simulare dei frame. Nel frame sinistro ho un menù con dei link, e a destra ho un frame "principale". Io vorrei che i link su cui si clicca nel frame sinistro, si aprissero nel frame destro. E' possibile senza utilizzare Ajax? In caso, potreste darmi un codice per sistemare questo problema? grazie.
questo è il codice della mia pagina HTML
Nel codice ho scritto in rosso i link da aprire in un altro div, naturalmente quella struttura era valida con i frame html, ma con i frame simulati col css non sono più validi
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" />
<link href="file:///C:/Users/Giovanni/Desktop/HTML/SITO/Layout/style.css" rel="stylesheet" type="text/css" />
/*LAYOUT*/
<style type="text/css">
#menu, #credit {
position: absolute;
top: 0;
left: 0;
width: 200px; /*Width of left frame div*/
height: 100%;
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: #cccccc;
color: black;
}
#credit {
top: auto;
left: 0px; /*Set left value to WidthOfLeftFrameDiv*/
width: auto;
bottom: 0;
right: 0;
height: 50px; /*Height of bottom frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: black;
color: white;
}
#principale {
position: fixed;
top: 0;
left: 200px; /*Set left value to WidthOfLeftFrameDiv*/
right: 0;
bottom: 120px; /*Set bottom value to HeightOfTopFrameDiv*/
overflow: auto;
background: #fff;
}
.innertube{
margin: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/
margin-top: 0;
}
</style>
</head>
/*MENU'*/
<body>
<div id="menu">
<div class="innertube">
<p></p>
/*SE SI CLICCA SU QUESTI LINK, LA PAGINA SI APRE IN UNA NUOVA SCHEDA. IO VOGLIO FARLI APRIRE NEL DIV PRINCIPALE!!*/
<a href="http://fantaepicgamers.altervista.org/css/principale.html" target="Principale">HOMEPAGE</a><br></br>
<a href="http://fantaepicgamers.altervista.org/css/contatti.html" target="principale">CONTATTI</a><br></br>
<a href="http://fantaepicgamers.altervista.org/css/youtube.html" target="principale">IL NOSTRO CANALE YOUTUBE</a><br></br>
</div>
</div>
/*PRINCIPALE*/
<div id="principale">
<div class="innertube">
<div id="logo"></div>
<center><tit1>BENVENUTI NEL SITO DI FANTA EPIC GAMERS!</tit1></center>
<center><testo>SIAMO DUE RAGAZZI A CUI PIACE GIOCARE A MOLTISSIMI VIDEOGIOCHI, COME MINECRAFT, CALL OF DUTY, E MOLTO ALTRO ANCORA! UN GIORNO ABBIAMO DI DECISO DI CONDIVIDERE LA NOSTRA PASSIONE CON TUTTO IL POPOLO DI INTERNET, E LA MANIERA PIU' FACILE PER FARLO ERA QUELLO DI CONDIVIDERE I NOSTRI VIDEO SU YOUTUBE!</testo></center><p></p>
<span class="arancione">Ci sono tanti mondi, ma tutti condividono lo stesso cielo. Un solo cielo, un solo destino. Sora, Kingdom Hearts</span><p></p>
<span class="arancione">Nulla è reale, tutto è lecito: Requiescat in pace. Ezio Auditore, Assassin's Creed</span><p></p>
<span class="arancione">Sapete, nella vita c'e' bisogno di equilibrio... già... equilibrio... perchè alla fine chi troppo vuole va a finire che perde tutto, ma chi vuole troppo poco va a finire che non ottiene niente. Monologo finale di Mafia</span>
</div>
</div>
</body>
/*CREDITI*/
<body class="credit">
<div id="credit">
<div class="innertube">
<p></p>
<credit>© 2012-2013 Tutti i diritti riservati. E' vietata la copia senza autorizzazione scritta degli amministratori.</credit>
</div>
</div>
</body>
</html>
