Enlace con HREF y AJAX

[alvarillo88]

Ha llegado el momento de unirme a esta gran comunidad de diseñadores web, llevo muchísimo tiempo navegando por el foro como visitante, tenéis muchísima información de gran utilidad.

Mi consulta trata acerca de enlaces con las etiqueta <a></a>. De lo que se trata es de hacer que esta etiqueta contenga el enlace (href) apuntando a una dirección, pongamos que es "web2.htm", y que también contenga un evento "onclick" que apunta a una función JavaScript para abrir la dirección con AJAX (la función es: cargarContenido('get', 'web2.htm', 'div_contenedor'), siendo los parámetros método, URL y DIV en el que se mostrará la información).

Todo esto quedaría así:

<a href="web2.htm" onclick="cargarContenido('get', 'web2.htm', 'div_contenedor');">Abre web 2</a>

Con este código lo que me hace es hacer la función javascript y al instante abre la web. He probado a poner "return false;", "return true;" y "return null;" y no hay manera, probado en Internet Explorer 8, Firefox 3.6 y Chrome 4.

Lo que quiero que haga es que si hace click con el botón principal (el izquierdo generalmente) el contenido se cargue en la misma ventana en el DIV dedicado a ello (esto ya está conseguido), pero que también el visitante tenga la posibilidad de abrir el enlace en una ventana o pestaña nueva pulsando la rueda del ratón o con la opción que trae el menú contextual del botón secundario.

Esto lo he visto funcionando en varios sitios y he tratado de mirar como lo han conseguido pero no doy con ello, el último que recuerdo es tuenti.

Código del enlace cumpleaños en tuenti (espero que no moleste, no tiene nada privado solo es una llamada a una función):

<a class="active" href="#m=Agenda&amp;func=view_birthdays" onclick="Request.AJAX.send('?m=Agenda&amp;func=vie w_birthdays&amp;ajax=1&amp;store=1&amp;ajax_target =canvas'); return false;"><span>Cumpleaños</span></a>

¿Ideas?

Saludos y gracias!!!

Siento el ladrillazo para la chorrada que es.

Solución:

return false;
La solución ha sido tan sencilla como revisar todo el código javascript para que no quede ningún error esto es muy importante, de lo contrario no le deis más vueltas.

Soluciones de la mano de los compañeros que han posteado por aquí abajo.

[David]

Con return false debería funcionar sin problemas:

Código HTML:

<a href="web2.htm" onclick="cargarContenido('get', 'web2.htm', 'div_contenedor'); return false;">Abre web 2</a>
 

[daPhyre]

Una recomendación. Puedes usar el JS con un this.href:

Código HTML:

onclick="cargarContenido('get', this.href, 'div_contenedor'); return false;"

De esta forma, será más fácil cambiar el código para otros enlaces.

Como dijo David, esto debería funcionar. ¿Lo habías probado así antes?

[zerokilled]

solo una pequeña correccion a la sugerencia daPhyre. this.href no debe ser un string.

[caricatos]

Iniciado por alvarillo88

...Mi consulta trata acerca de enlaces con las etiqueta <a></a>. De lo que se trata es de hacer que esta etiqueta contenga el enlace (href) apuntando a una dirección, pongamos que es "web2.htm", y que también contenga un evento "onclick" que apunta a una función JavaScript para abrir la dirección con AJAX (la función es: cargarContenido('get', 'web2.htm', 'div_contenedor'), siendo los parámetros método, URL y DIV en el que se mostrará la información).

Todo esto quedaría así:


Con este código lo que me hace es hacer la función javascript y al instante abre la web. He probado a poner "return false;", "return true;" y "return null;" y no hay manera, probado en Internet Explorer 8, Firefox 3.6 y Chrome 4.
...

El planteamiento es bastante correcto, porque muchas veces he visto usar el tag a, solo para lanzar un script... y que aparezca la mano que indica "sitio caliente"...

Sobre usar return false... es también correcto, pero ten en cuenta que si se produce un error, el código se aborta y no procede la cancelación... o sea que si no te ha funcionado, deberías revisar la consola de errores de tu navegador (si no tiene, por ejemplo por ser explorer, tratar de adivinarlo por la línea que indiaca que tiene errores...)

Saludos

[alvarillo88]

Gracias por la ayuda, ya lo he ido solucionando, eran pequeños errores de funciones javascript que estaba metiendo nuevas y por eso ni me fijaba y hasta que he dejado el código "original" a mi gusto me ha costado.

Gracias por el apunte de this.href me vendrá bien.

Saludos!!!