How to execute a href without redirection

Question

I want to execute a href without redirecting me to the page. execution in background. here is my code

    <a id="speechOutputLink" href="http://translate.google.com/translate_tts?tl=fr&q=text" rel="noreferrer" >Download</a>

When i click on the the href Download i don't want to be redirected to the page of google translator. How can i do this?

What exactly do you want if you don't want to be redirected? Do you need to do some javascript process instead of going to the url or you want it to open in another tab or window? — andrex, Sep 22 '14 at 14:27
The href i'm executing redirect me to the google translator audio playin the text in the href. What i want is to get the audio charged without redirecting me to the google translator page — junior developper, Sep 22 '14 at 14:55

score 2 · Answer 1 · answered Sep 22 '14 at 14:25

2

Use jQuery's event.preventDefault() method:

If this method is called, the default action of the event will not be triggered.

$('a#speechOutputLink').on('click', function(e) {
    e.preventDefault();

    ...
});

answered Sep 22 '14 at 14:25

James Donnelly

126,410
34
208
218

score 0 · Answer 2 · answered Sep 22 '14 at 14:31

0

Adding the 'target' tag to your anchor allows you to open the page in the background or in an iframe, etc. The values accepted are

_blank
_parent
_self
_top
framename
<a id="speechOutputLink" href="http://translate.google.com/translate_tts?tl=fr&q=text" rel="noreferrer" target="_blank">Download</a>

Source: http://www.w3schools.com/tags/tag_a.asp

Additionally you could use the jquery method event.preventDefault() although i've found this to not always work as expected depending on other javascript tasks running.

answered Sep 22 '14 at 14:31

Eric Hyde

94
13

Even with target="_blanc" i am always redirected to the google translator page – junior developper Sep 22 '14 at 14:56
Im not following what you're trying to do here. Do you want that sound clip to just play on your page? – Eric Hyde Sep 22 '14 at 15:23
exactlly. I want the audio to be played on my own page – junior developper Sep 22 '14 at 15:43
AH. Then the real issue is that this is a google TTS (text to speech) audio file. Using an tag won't be the way to go. There are a few examples and dup questions i found. Check out [This answer](http://stackoverflow.com/questions/3853254/how-to-hear-the-audio-of-a-text-to-speech-translation) – Eric Hyde Sep 22 '14 at 16:11
[This Article](http://www.konradkiss.com/2012/01/embedding-text-to-speech-into-html5_18.html) may be more updated with an HTML5 way to to do this as well. – Eric Hyde Sep 22 '14 at 16:13
Also, just thinking about it...but you could have a hidden iframe, and have your target that hidden iframe. Theoretically (i haven't tested it) that should load the frame into the hidden iframe and play the sound when clicked. – Eric Hyde Sep 22 '14 at 17:16
No didn't find a solution yet – junior developper Sep 29 '14 at 15:55

How to execute a href without redirection

2 Answers2