div nascosti via CSS

lauretta

Nuovo Utente
3 Gen 2006
1
0
0
Salve a tutti, ho un semplice script che mostra alcuni div nascosti (dalla proprietà CSS display:none) quando si clicca sui relativi link:
"function mostra (id) {
if (document.getElementById(id)) {
document.getElementById('pippo').style.display='none';
document.getElementById('pluto').style.display='none';
document.getElementById('paperino').style.display='none';
document.getElementById(id).style.display='block';
return false;
} else {
return true;
}
}"

I link sono così:
"<li><a onclick="return mostra('pippo')" href="">Pippo</a></li>
<li><a onclick="return mostra('pluto')" href="">Pluto</a></li>
<li><a onclick="return mostra('paperino')" href="">Paperino</a></li>"

Funziona tutto bene fatta eccezione per Firefox, Mozilla &Co: se si tenta di scrollare una volta scoperto il div, anzichè la pagina scrolla il div stesso...presumo perchè rimane il focus sul link che ha attivato la funzione.
Ho tentato di togliere il focus dal link col risultato di tornare ad avere il div display:none...:crying:
Suggerimenti?
 

lukeonweb

Utente Attivo
5 Mar 2003
5.176
10
38
43
Napoli
www.lucaruggiero.it
display fa parecchi capricci con ff

usa qualcosa del genere per ogni div che vuoi nascondere con quella funzione

document.getElementById('pippo').style.visibility = "Hidden";
document.getElementById('pippo').style.position = "Absolute";
 
Discussioni simili
Autore Titolo Forum Risposte Data
napuleone div centrato alla pagina posto sopra ai contenuti HTML e CSS 1
M Unire 2 funzioni per l'invio di un form e con l'apertura di un div Javascript 0
Cosina Nascondere div di default jQuery 2
napuleone modificare il contenitore di un div Javascript 2
napuleone modificare il contenitore di un div Javascript 1
A inserire variabile php colore in div html PHP 2
J Far comparire e scomparire un div con un select Javascript 1
T Far sparire dalla pagina div che saranno inseriti successivamente jQuery 0
E Div che scompare con scroll jquery Javascript 0
G Aiuto HTML, collegamento con un bottone a una <div> di un' altra pagna HTML e CSS 5
Stefano Migotto Creazione di un div con php o js PHP 9
felino Bootstrap alert: usare lo stesso div per due messaggi consecutivi jQuery 1
S Visibilità div in PHP PHP 1
L [Javascript]Scorrere div con frecce avanti-indietro Javascript 0
P [Javascript] Aprire Link in Div e pagina Dinamica Javascript 0
ANDREA20 [HTML] problema con i div HTML e CSS 10
Giacomo Boccherini [HTML] il div non si ottimizza HTML e CSS 1
Cosina [PHP] Scrivere dati in un div specifico PHP 3
R [PHP] [Javascript] Link a DIV id di un' altra pagina PHP 4
trattorino [Javascript] onclick su piu div insieme Javascript 1
trattorino ritornare al div precedente jQuery 2
L [Javascript]Aprire div con click e chiuderlo con altro pulsante Javascript 2
V [Javascript] Visualizzare o nascondere div figlio Javascript 4
E [HTML] Allineare foto a un tag DIV verticalmente HTML e CSS 0
E [HTML] Allineamento immagine agli angoli inferiori di un div HTML e CSS 12
A JAVASCRIPT ELIMINAZIONE DIV DINAMICO SU SITO Offerte e Richieste di Lavoro e/o Collaborazione 3
Andrea_Ventura [HTML] Creare un DIV con slideshow HTML e CSS 5
M [HTML] Invertire DIV su dispositivi mobile HTML e CSS 2
A Javascript Nascondere Div con id numerico dinamico Javascript 18
I [HTML] Slideshow si sovrappone a <div> HTML e CSS 14
paloppa Div che appare appena due form sono compilati jQuery 16
S [javascript] visualizzare/nascondere div Javascript 3
S [HTML] Centrare verticalmente il testo in div HTML e CSS 2
G [HTML] Modificare ordine dei div in mobile responsive HTML e CSS 5
D [HTML] Frameset e Div HTML e CSS 8
G [HTML] Impostare dimensione immagini in un div HTML e CSS 2
L php - pulsante premuto che mostra #div PHP 3
S [HTML] Div visibile o nascosto al passaggio del mouse HTML e CSS 3
C [Javascript] Mostrare un div cliccando una checkbox Javascript 0
M Ottenere i valori di una proprietà su un array di oggetti (es. DIV) in JavaScript Javascript 7
C Nascondere un div al click di una casella Ajax 1
S [HTML] Distanza esatta tra due div HTML e CSS 7
G [HTML] Posizionamento testo in un div HTML e CSS 5
trattorino css solo se richiama un class di un div HTML e CSS 1
G [HTML] Bordo bianco sotto immagine in un Div HTML e CSS 1
trattorino Estrarre Nome Utente jquery div php PHP 9
T [Javascript] Far partire script al raggiungimento del div/section Javascript 0
G [Javascript] scrollare div Javascript 2
A Bootstrap grid img a sinistra serie di div a destra CMS (Content Management System) 1
A Visualizzare div quando le immagini sono state uploadate con successo (Ajax) Ajax 0

Discussioni simili