problema pagina che scrolla in alto automaticamente

[0horseman]

Ciao a tutti,
non so se questa è la sezione giusta visto che c'entrano proprietà html, ma uso funzioni javascript.
Dunque, ho una classica pagina con tre colonne, in quella a sinistra un menù con le voci A B C D E F G H I......etc., in quella centrale un elenco dati, presi da database access, nella quale ci sono TOT tabelle, in ognuna sistemati i dati per ordine A B C D...... e tutte con <table id="A" style="display:none"> così che all'apertura non si vede nulla ma cliccando sui pulsanti a sinistra appaiono/scompaiono le tabelle corrispondenti.
Le funzioni javascript che adopero sono:

function vedi(id){
if(document.getElementById(id).style.display == 'none')
document.getElementById(id).style.display = '';
else
document.getElementById(id).style.display = 'none';
}

function chiudi(x){

document.getElementById(x).style.display = 'none';
}

il problema sta nel fatto che quando scrollo giù con la pagina e e clicco su una voce per far apparire/scomparire la relativa tabella, la pagina torna autoamticamente su, quando invece vorrei che restasse li dove mi trovavo quando ho cliccato.

Qualcuno sa dirmi a cosa è dovuto questo auto-scroll in alto e come risolverlo?
grazie

[skjobax]

Potresti postare l'intero codice?
Magari il problema non è solo javascript

[skjobax]

Poi document.getElementById(id).style.display = ''; non fa che nascondere l'elemento id.
prova sostituendolo con document.getElementById(id).style.display = 'block';

[0horseman]

thanks,
infatti style.display='' lo uso per rendere visibile la tabella quando è invisibile. ora provo il tuo consiglio e in caso di esito negativo posto il codice

[0horseman]

il problema non si è risolto
ecco il codice:

colonna di sinistra col menù:

<table class='menu'>
<tr>
<td>A</td>
<td>B</td>
<td>C</td>
<td>D</td>
................
<td>Z</td>
</tr>
</table>

colonna centrale con le tabelle contenente i dati per categoria (che qui ho messo come lettere)

<table id='tabellaA' class='categorie' style="display:none">
....
codice asp che crea righe coi dati presi da database
........
</table>




<table id='tabellaB' class='categorie' style="display:none">
....
codice asp che crea righe coi dati presi da database
........
</table>




...........
..........
.........
</table>

funzione javascript

function vedi(id){
if(document.getElementById(id).style.display == 'none')
document.getElementById(id).style.display = '';
else
document.getElementById(id).style.display = 'none';
}

pensandoci adesso che lo riscrivo, può essere che il problema sia href='#'???
e se si, come potrei aggirare il problema?
grazie

[skjobax]

In effetti potrebbe essere, dato che l'anchor non fa altro che ricaricare la pagina al punto top.
In ogni caso, adesso provo il codice sul mio editor e ti faccio sapere

[skjobax]

Ho rivisto e ne ho dedotto che il problema non è il codice script: funziona benissimo anche con "#".
Ho notato che nel codice fai riferimento a classi CSS.
Potresti postarlo, così confrontiamo le possibilità?

[cavicchiandrea]

Prova così:
A
oppure così:
A

[0horseman]

ragazzi grazie mille per la collaborazione.
L'errore era proprio l'anchor #
Ho risolto con javascript:void(0)
GRAZIEEEEEEEEEEEEEEE