JavaScript - Open link in same window/tab

Question

Below is a piece of code from "Cookie Consent" regarding a cookie banner with a link. Problem: The code opens the link in a new tab instead of the same tab/window - see bottom of code. What needs to be added/changed to make this work? Also window.open("https://www.youraddress.com","_self") doesn't seem to solve the problem. Edit2: Changing the "element" as suggested still doesn't produce the correct result...

    <link rel="stylesheet" type="text/css" 
 href="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.css" />
<script src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.js"></script>
<script>
window.addEventListener("load", function(){
window.cookieconsent.initialise({
  "palette": {
    "popup": {
      "background": "#ebebeb",
      "text": "#404040"
    },
    "button": {
      "background": "#ff0099",
      "text": "#ffffff"
    }
  },

  "elements": { 
  "link": '<a aria-label="learn more about cookies" tabindex="0" class="cc-link" href="{{href}}" target="_self">{{link}}</a>',
},
  "content": {
    "href": "https://www.example.com/privacy-policy" 
  }

})});
</script>

Possible duplicate of [Open URL in same window and in same tab](https://stackoverflow.com/questions/8454510/open-url-in-same-window-and-in-same-tab) — dimwittedanimal, Jun 26 '18 at 12:37
Check the [element](https://cookieconsent.insites.com/documentation/javascript-api/) section — trinaldi, Jun 26 '18 at 12:43
@Tico could let me know where exactly the part is where to change the link target on the Cookie Consent site? — Alex, Jun 26 '18 at 13:07
Found it... However, no clue what parts of the code in the "element" section I need to merge with the code provided above. — Alex, Jun 26 '18 at 14:48

score 1 · Answer 1 · edited Aug 04 '21 at 16:47

1

To open a link in same tab in JavaScript , use the code :

window.open("https://www.youraddress.com","_self");

edited Aug 04 '21 at 16:47

4b0

21,981
30
95
142

answered Apr 30 '19 at 20:19

Gold Chess

69
2

score 0 · Answer 2 · answered Jun 26 '18 at 12:58

0

To open a link in same tab in JavaScript , use the code :-

window.location = 'http://www.google.com' ;

Check this link Your Example to see this is working.

answered Jun 26 '18 at 12:58

PHP Web

257
3
8

In which context would your code be added?: "content": { "href": "https:/example.com" } – Alex Jun 26 '18 at 13:12
use http and www in the URL – PHP Web Jun 26 '18 at 14:22
Did you put http and www before the URL ? – PHP Web Jun 26 '18 at 14:51
Yes, www has been added. I think the problem lays in the underlaying code > see Tico's comment above. – Alex Jun 26 '18 at 14:55

score 0 · Answer 3 · answered Jun 28 '18 at 07:37

Ok, here is the working code regarding "Cookieconsent" opening the "Learn more" link in the same window:

<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.css" />
<script src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.js"></script>
<script>
window.addEventListener("load", function(){
window.cookieconsent.initialise({
  "palette": {
    "popup": {
      "background": "#ebebeb",
      "text": "#404040"
    },
    "button": {
      "background": "#ff0099",
      "text": "#ffffff"
    }
  },

  "elements": {
      'messagelink': '<span id="cookieconsent:desc" class="cc-message">\{\{message\}\} <a aria-label="learn more about cookies" tabindex="0" class="cc-link" href="\{\{href\}\}" target="_self">\{\{link\}\}</a></span>',
      'link': '<a aria-label="learn more about cookies" tabindex="0" class="cc-link" href="\{\{href\}\}" target="_self">\{\{link\}\}</a>'
                        },
  "content": {
    "href": "https://www.example.com/learn-more" 
  }

})});
</script>

JavaScript - Open link in same window/tab

3 Answers3