navigazione tra div nel sito con fade

knight2008

Nuovo Utente
27 Mag 2008
2
0
0
buongiorno, non trovo l'area dove presentarsi..inizio con questo post..!!!
buona mattinata a tutti, ho girato nell'ombra fino ad oggi..ho spulciato soluzioni...e ora allo scoperto..

volevo sapere se c'è un modo di navigare all'interno di un sito con il mostra e nascondi di div..

tipo ho

home
photo
contatti

ho div "finestra" "finestra2" nascosti..

vorrei che cliccando su home si mostri in fade "finestra" e all'interno il contenuto di home..

al click di photo vorrei che "finestra" scomparisse in dissolvenza e apparisse in fade"finestra2" e il contenuto di photo...

però...se poi clicco su home "finestra2" dovrebbe scomparire...

è un casino??

spero di essere stato poco confuso..:)
 

lukeonweb

Utente Attivo
5 Mar 2003
5.177
10
38
43
Napoli
www.lucaruggiero.it
E' possibilissimo ma in questo modo non indicizzi le diverse pagine nei motori di ricerca: Google, ad esempio, non troverà la pagina delle foto o di quel che sia, ma un unica pagina con tutti i contenuti.

In ogni caso, se proprio ci tieni a fare quel che ti sconsiglio, il funzionamento è semplicissimo.

Ti faccio un esempio:

HTML:
<style type="text/css">
#MENU_1
{
	visibility: visible;
	position: absolute;
}
#MENU_2, #MENU_3
{
	visibility: hidden;
	position: relative;
}
</style>

<script type="text/javascript">
function Menu(ID)
{
	var i = 1;
	var numero_link = 3;
	for (i=1; i<numero_link+1; i++)
	{
		if (ID == i)
		{
			document.getElementById("MENU_" + ID).style.visibility = "visible";
			document.getElementById("MENU_" + ID).style.position = "relative";
		}
		else
		{
			document.getElementById("MENU_" + i).style.visibility = "hidden";
			document.getElementById("MENU_" + i).style.position = "absolute";
		}
	}
}
</script>

<div>
	<a href="javascript:Menu(1)">Homepage</a> |
	<a href="javascript:Menu(2)">Fotogallery</a> |
	<a href="javascript:Menu(3)">Contatti</a>
</div>

<br>

<div id="MENU_1">Contenuto della Homepage</div>
<div id="MENU_2">Contenuto della Fotogallery</div>
<div id="MENU_3">Contenuto della pagina dei contatti</div>

Ciao!
 

knight2008

Nuovo Utente
27 Mag 2008
2
0
0
ciaooooo grazie mille, sì, sono al corrente del fatto che avrebbe problemi con google, ma al cliente è testardo...
ho cercato di pilotare il vecchio progetto che aveva da flash in html..un passo l'ho fatto..comunque farò cambiare pagina per sezione..le sottosezioni le tengo in una pagina..

ti ringrazio tantissimo funziona benissimo ma se volessi mettere un fade in e out?

sei stato una mano dal cielo!!!
0:)
graziee
 
Discussioni simili
Autore Titolo Forum Risposte Data
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
A Navigazione jQuery [era: $(document).ready(function(){] jQuery 3
L Navigazione in Javascript (credo!) Javascript 1
A barra navigazione recordset PHP 1
M Barra navigazione jQuery, pulsante "illuminato fisso" jQuery 0
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
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
MarcoGrazia Associazioni tra Search Console e Analitycs SEO e Posizionamento 0
M Collegamento tra form html e script php PHP 4
D popolare campi tra th alla select PHP 36
Gabriele Visioli Differenza tra hosting e hosting WordPress Hosting 4

Discussioni simili