Navigazione jQuery [era: $(document).ready(function(){]

amhal

Utente Attivo
17 Feb 2011
89
1
8
Salve a tutti ho un problemino che nn riesco a risolvere...sto usando per sostituire i vecchi frame la jquery per la navigazione.Posto il codice:
Codice:
<script type="text/javascript" src="javascript/jquery.js"></script>


<script type="text/javascript">

$(document).ready(function(){
	$('#frame>div').css('position','absolute').not(':first').hide();
	$('#menu>ul>li>a').click(function(){
    	$('#frame>div').fadeOut(1500).filter(this.hash).fadeIn(1500);
    	return false;
   	});

});
</script>


</head>
</body>


<div id="menu">
	
		<ul>
			<li> <a href="#servizi"> I nostri servizi </a> </li>
			<li> <a href="#clienti"> I nostri clienti </a> </li>
		</ul>

</div>


<div id="frame">

                            <div id="servizi">	<?php require('servizi.php'); ?> </div>
		
                             <div id="clienti">	<?php require('clienti.php'); ?> </div>

</div>

Ora la pagina servizi.php che carico tramite questo script, contiene altri link che vorrei navigassero sempre tramite jquery....come faccio?

Spero di essere stato chiaro e grazie in anticipo.
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao,
ti sposto in jquery
hai provato cosi? mi sono limitato a duplicare il tuo codice
HTML:
<script type="text/javascript">

    $(document).ready(function(){
        $('#frame>div').css('position','absolute').not(':first').hide();
        $('#frame2>div').css('position','absolute').not(':first').hide();
        $('#frame3>div').css('position','absolute').not(':first').hide();
        $('#menu>ul>li>a').click(function(){
            $('#frame>div').fadeOut(1500).filter(this.hash).fadeIn(1500);
            return false;
        });
        $('#menu2>ul>li>a').click(function(){
            $('#frame2>div').fadeOut(1500).filter(this.hash).fadeIn(1500);
            return false;
        });
        $('#menu3>ul>li>a').click(function(){
            $('#frame3>div').fadeOut(1500).filter(this.hash).fadeIn(1500);
            return false;
        });

    });
</script>
</head>
</body>
<div id="menu">
    <ul>
        <li> <a href="#servizi"> I nostri servizi </a> </li>
        <li> <a href="#clienti"> I nostri clienti </a> </li>
    </ul>
</div>
<div id="frame">
    <div id="servizi">
        <div id="menu2">
            <ul>
                <li> <a href="#servizi2"> I nostri servizi2 </a> </li>
                <li> <a href="#clienti2"> I nostri clienti2 </a> </li>
            </ul>

        </div>
        <div id="frame2">
            <div id="servizi2">servizi2</div>
            <div id="clienti2">clienti2</div>
        </div>
    </div>
    <div id="clienti">
        <div id="menu3">

            <ul>
                <li> <a href="#servizi3"> I nostri servizi3 </a> </li>
                <li> <a href="#clienti3"> I nostri clienti3 </a> </li>
            </ul>
        </div>
        <div id="frame3">
            <div id="servizi3">servizi3</div>
            <div id="clienti3">clienti3</div>
        </div>
    </div>
</div>
 

amhal

Utente Attivo
17 Feb 2011
89
1
8
ciao scusa il ritardo nella risposta ora provo e ti faccio sapere...comunque intanto grazie tante
 
Discussioni simili
Autore Titolo Forum Risposte Data
M Barra navigazione jQuery, pulsante "illuminato fisso" jQuery 0
C Segnalo barra laterale di navigazione ASSENTE con Chrome Comunicazioni dallo Staff 5
M Barra di navigazione HTML e CSS 1
M Barra di navigazione con google HTML e CSS 1
Z Menù di navigazione responsivo HTML e CSS 0
L [css e html] destra e sinistra (menu navigazione) HTML e CSS 3
Selenio89 [HTML] creare menu di navigazione HTML e CSS 2
I Url rewrite con .htaccess funziona ma poi mostra indirizzo "reale" nella barra di navigazione Apache 1
Max 1 Sito che blocca la navigazione su samsung s8+ Smartphone e tablet 0
H Condivisione posizione Google Maps e navigazione automatica Sviluppo app per Android 0
A navigazione tramite tasti freccia con php e mysql PHP 3
F Fissare la barra di navigazione a fondo pagina HTML e CSS 5
B chat php/javascript che perde info nella navigazione del sito. PHP 0
J Problema con link nella barra di navigazione HTML e CSS 1
A Navigazione ASP.NET 1
D [windows 8.1] Standby e navigazione Windows e Software 0
G Problemi menu di navigazione HTML e CSS 0
J Icone non allineate correttamente nella barra di navigazione HTML e CSS 2
L Effetto menu di navigazione. HTML e CSS 10
I creazione menù di navigazione con photoshop Photoshop 2
M Come creare navigazione stile Facebook Javascript 1
F Menu navigazione: evidenziare link al click HTML e CSS 2
L Navigazione in Javascript (credo!) Javascript 1
A barra navigazione recordset PHP 1
L Safari Mobile (iPhone): navigazione privata Smartphone e tablet 1
S Barra di Navigazione Dinamica PHP 14
P Navigazione Anonima e Affiliazioni SEO e Posizionamento 0
G barra di navigazione: come è stata fatta? [era: come è stato fatto?] Webdesign e Grafica 2
L Menù navigazione di una paginazione PHP 1
I Barra navigazione/menù HTML e CSS 24
I barra navigazione/menù HTML e CSS 0
A Html - css : domanda e aiuto per formattazione banner e navigazione HTML e CSS 1
C Quale browser di navigazione su internet preferite? Windows e Software 7
E Problemi di navigazione Windows e Software 3
B [Help] Menu navigazione laterale con testo curvo Javascript 2
P Tasti Navigazione MoveNext e MovePrevious, HELP!! Classic ASP 0
N suddividere una fotogallery in varie pagine con indice di navigazione PHP 1
M Mystartpage.it, portale per la navigazione facile Presenta il tuo Sito 3
K navigazione tra div nel sito con fade Javascript 2
B Navigazione di grandi immagini Javascript 1
B Navigazione un'immagine (panning - zoom) Flash 1
E Problema di collegamento della pagina alla barra di navigazione Webdesign e Grafica 3
J Navigazione filesystem da tastiera Javascript 0
S Div che segue la barra di navigazione,come?? Javascript 2
T barra di navigazione in asp Classic ASP 3
coteaz barre di navigazione, menù ecc Javascript 3
W rollover css per barra di navigazione basata su immagini HTML e CSS 7
M La barra di navigazione di un sito web HTML e CSS 1
D Jquery - modifica elemenento onlick jQuery 1
E Problema jquery Success jQuery 2

Discussioni simili