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

  • jquery.zip
    24,1 KB · Visite: 198

Nefyt

Utente Attivo
17 Apr 2012
1.102
0
0
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
Autore Titolo Forum Risposte Data
F Rimozione back links tossici SEO e Posizionamento 1
I Links Building e Backlinks SEO e Posizionamento 1
A [PHP] menù con links esterni PHP 6
F chiarimento sul "nofollow" nei links di affiliazione HTML e CSS 4
filomeni Friendly Links SEO e Posizionamento 3
A Scambio links ho 12 siti web con PR maggiore di 2, cerco Scambio Links Incrociato! Offerte e Richieste di scambio links 3
DarkWing9 Links che rimandano al tuo sito SEO e Posizionamento 3
7thl Scambio links con sito di design, interior design. architettura, lusso e aziende Offerte e Richieste di scambio links 1
T SCAMBIO LINKS per SITO DI SVILUPPO SITI WEB Offerte e Richieste di scambio links 10
F Scambio links per sito su cellulari con oltre 100.000 unici/mese Offerte e Richieste di scambio links 0
P Scambio links con argomenti di cucina Offerte e Richieste di scambio links 3
U Scambio Links Offerte e Richieste di scambio links 1
L Scambio Links con siti di viaggi Presentati al Forum 1
S scambio links Offerte e Richieste di scambio links 0
M [compro] Links/Articoli da sito a tema Sport, tech, divertimento, poker Vendere e Acquistare pubblicita' online 0
M [COMPRO]Links/Articoli da sito a tema Poker/Casino/Sports Vendere e Acquistare pubblicita' online 3
L Scambio links SEO e Posizionamento 0
M [Compro] links di qualsiasi argomento su siti da PR 2 in su Vendere e Acquistare pubblicita' online 1
G comando google link:miosito.xyz trova 0 links SEO e Posizionamento 2
G Cerco/offro scambi links SEO e Posizionamento 0
A Scambio links SEO e Posizionamento 10
M Links non accettato con xml per i Feed Rss XML 3
K [COMPRO] Links per sito di casinò online, minimo PR1! Vendere e Acquistare pubblicita' online 6
T Acquisto o Scambio Links SEO e Posizionamento 1
Z Onclick : sostituire odiosi "button" con semplici Links Javascript 13
P Realizzazione sito web gratis e inserimento links senza link reciproco Presenta il tuo Sito 9
M piccolo parser per creare links PHP 1
C links/partnerships settore turismo SEO e Posizionamento 0
sbobby [vendo] Links su sito di console PR=3!! Compravendita siti e domini 0
S [Vendo]Links/pagine sito Pr4 tema "guadagno online" Vendere e Acquistare pubblicita' online 0
E Generare automaticamente links... PHP 5
P links e underscore HTML e CSS 2
A Scambio links e contenuti Offerte e Richieste di scambio links 7
T problema Doctype css e anchor links(credo) HTML e CSS 0
M Info su elenco Links in CSS.... HTML e CSS 1
S XXXLinkReview.com Launches ...Add your links! Presenta il tuo Sito 0
SabryD Testo dinamico con scrollbar e links Flash 3
D Pulsanti e links Flash 1
C PHP-NUKE: I blocchi LINKS CORRELATI e ARTICLE RATING PHP 0
Dusy scambio gratuito di links Offerte e Richieste di scambio links 0
G PR0 nonostante scambio links con siti PR5 e 6 e 7 SEO e Posizionamento 11
H Modificare attributi links con javascript??!!?? Javascript 0
A Scambio links PR 3 in su.... SEO e Posizionamento 3
H Links nella stessa pagina HTML e CSS 3
D Scambio Banner links SEO e Posizionamento 0
S Scambio LINKS SEO e Posizionamento 0
D Links da IBM developerWorks su XML XML 0
D Links da IBM developerWorks su Java Java 0
D Links IBM developerWorks Programmazione 0
S Links a "Zona" con CSS HTML e CSS 2

Discussioni simili