links e div

amhal

Utente Attivo
17 Feb 2011
89
1
8
Buongiorno a tutti espongo subito il problema.
Ho due div uno a sinistra contenente dei links e uno a destra dove dovrebbe apparire il contenuto dei links stessi, praticamente come fanno i frame.
Ho trovato una libreria jquery che fa ciò, ma il problema è che i links e il div dove apparirà il contenuto devono stare nello stesso div...per essere più preciso posto il codice ed allego la libreria .zip:

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>Tabbed</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	$('#boxContainer>div').css('position','absolute').not(':first').hide();
	$('#boxContainer>ul>li>a').click(function(){
    	$('#boxContainer>div').fadeOut(1500).filter(this.hash).fadeIn(1500);
    	return false;
   	});

});
</script>
</head>

<body>
<div id="boxContainer">
<ul>
      <li><a href="#div1">Bottone 1</a></li>
      <li><a href="#div2">Bottone 2</a></li>
      </ul>
<div id="div1">#1</div>
<div id="div2">#2</div>
</div>


</body>
</html>

Il div box Container deve contenere sia i collegamenti sia gli altri div destinati alla navigazione altrimenti non funge... invece io vorrei mettere i links in un altro div.
come faccio ?

grazie in anticipo a tutti
 

Allegati

Tu vorresti dividere i links dai div in poche parole?

Beh fai cosi
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>Tabbed</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	$('#boxContainer>div').css('position','absolute').not(':first').hide();
	$('#links>ul>li>a').click(function(){
    	$('#boxContainer>div').fadeOut(1500).filter(this.hash).fadeIn(1500);
    	return false;
   	});

});
</script>
</head>

<body>
<div id="boxContainer">
<div id="div1">#1</div>
<div id="div2">#2</div>
</div>
<div id='links'>
<ul>
      <li><a href="#div1">Bottone 1</a></li>
      <li><a href="#div2">Bottone 2</a></li>
      </ul>
</div>


</body>
 

Discussioni simili