Aprire link di un DIV, in un altro DIV

12-03-2013, 20.09.43

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>&copy; 2012-2013 Tutti i diritti riservati. E' vietata la copia senza autorizzazione scritta degli amministratori.</credit>
</div>
</div>
</body>
</html>

13-03-2013, 04.43.13

Crea una pagina a parte con questo

Codice HTML:

<html><frameset cols="15%,85%">
<frame name="menu" src="menu.html"/>
<frame name="principale" src="home.html"/>
</frameset></html>

quindi dividi il codice che hai postato in due pagine una menu.html
e l'altra home.html
Poi dichiara tutti i link che andranno nel frame "principale" come hai già fato:

Codice HTML:

<a href="http://fantaepicgamers.altervista.org/css/principale.html" target="Principale">HOMEPAGE</a><br></br>

Così dovrebbe funzionare.

In html5 il tag <frame> non fuziona.

14-03-2013, 16.38.36

il punto che io NON voglio utilizzare i frame. Per questo li simulo con il css. Solamente che non conosco, e non so se esista, la "stringa" di codice (se così si può definire) che permette di aprire un link di un frame simulato, in un altro frame simulato. E' mi servirebbe saperlo. Io appunto, non voglio utilizzare i frame.

**alemoppo** · 03-04-2013, 00.21.46

Puoi utilizzare PHP, e mostrare quello che vuoi, dove vuoi.
Altrimenti, tramite id puoi prelevare un div (o qualsiasi altro tag html con div), e modificare il contenuto via javascript.

Ciao!

Discussione: Aprire link di un DIV, in un altro DIV

LinkBack

Strumenti discussione

Display

Aprire link di un DIV, in un altro DIV

Spero di aver capito.

Regole di scrittura