Duda sobre HREF="#"

[Masane]

Bueno, estoy programando una tienda virtual desde 0, y tengo un panel desplegable de productos. El desplegable se ejecuta (evidentemente) con un javascript, y lo llamo desde un link:

Código HTML:

<A HREF="#" onClick="funcion('valor')">link</A> 

El problema esta en el HREF="#", que me devuelve al principio de la página siempre que se hace click sobre estos links del panel de productos... ¿Hay alguna manera de que no suba al principio de la página? ¿Algún otro valor para el atributo HREF?¿O alguna idea, en su defecto, en JavaScript?

Gracias por su ayuda.

[Txane]

No uses href, aplica el atributo onclick a otro tag como un <td> o una imagen o un <div>

Suerte.

[pateketrueke]

claro....

Código HTML:

<a href="javascript:void(0)" onclick="foo()">enlace</a> 

[caricatos]

Iniciado por Txane

No uses href, aplica el atributo onclick a otro tag como un <td> o una imagen o un <div>

Suerte.

Totalmente de acuerdo... la semántica del tag "a" es enlazar o anclar, y "#" es el ancla al principio de la página (no definido), es por eso que el funcionamiento es enlazar al tope de la página.

Si quieres el efecto de la mano puedes usar estilos (cursor: pointer),... en mi opinión si no se quiere enlazar es mejor usar otro tag como button.
Si decides de todas maneras seguir usando el tag "a", puedes cancelar el enlace terminando con return false.

Saludos

[Masane]

al final e usado una mezcla entre <A> y un efecto javascript sobre <A> para mostrar el puntero hand al pasar por encima...

Esto lo vi en skynet-shop.com, y me gusto como funcionaba, asi q hice lo propio, pero no se si será una chapuza o está bien hecho...

Qué opináis ustedes?

Código HTML:

<A id="link" name="link" onClick="submenus('link')"  onMouseOver="hand('link')" 
onMouseOut="default('link')">texto</A> 

[webosiris]

Iniciado por Masane

Qué opináis ustedes?

que todo lo que haces con javascript se puede hacer de una forma sencilla con CSS

[David]

De acuerdo con webosiris y caricatos:

Iniciado por caricatos

la semántica del tag "a" es enlazar o anclar, y "#" es el ancla al principio de la página (no definido), es por eso que el funcionamiento es enlazar al tope de la página.

Si quieres el efecto de la mano puedes usar estilos (cursor: pointer),... en mi opinión si no se quiere enlazar es mejor usar otro tag como button.
Si decides de todas maneras seguir usando el tag "a", puedes cancelar el enlace terminando con return false.

Saludos

Negritas mías.

[ElJavista]

Iniciado por Masane

al final e usado una mezcla entre <A> y un efecto javascript sobre <A> para mostrar el puntero hand al pasar por encima...

Esto lo vi en skynet-shop.com, y me gusto como funcionaba, asi q hice lo propio, pero no se si será una chapuza o está bien hecho...

Qué opináis ustedes?

Código HTML:

<A id="link" name="link" onClick="submenus('link')"  onMouseOver="hand('link')" 
onMouseOut="default('link')">texto</A> 

No te hagas líos, solo haz esto:

<a href="JavaScript:;" onClick="submenus('link')">texto</a>

y punto.