JavaScript window.open onclick ('url')

Question

I just figured out that I needed this link to be inside a data tag, because the data uses " ", and I can't include both.

Is this possible to do with document.getElementById("id")?

Or do I need another script for this? As you can tell I'm not the best with JavaScripts yet. Hope to learn a thing or two.

<a href="chat" onclick="return popitup('chat')">Pop</a>

<script>
function popitup(url) {
newwindow=window.open(url,'name','toolbar=no, location=no, status=no, menubar=no, scrollbars=no, resizable=no,height=600,width=330');
if (window.focus) {newwindow.focus()}
return false;
}
</script>


<a href="#" class="emotes show-pop btn btn-default top" data-title="Settings" data-content="<a href="chat" onclick="return popitup('chat')">Pop</a>"><img src="img/settings.png"></a>

Can you show what does not work and what you mean by a data tag with quites? — epascarello
– epascarello, Commented Jul 15, 2015 at 3:46
I cannot put the tag ('code') inside the href data tag. As I cannot use both ' and " inside the tag. — Codey93
– Codey93, Commented Jul 15, 2015 at 3:46
The code becomes invalid and does not work when I put the link inside the data-content=" " tag I just put in the question on the bottom. If I put " around all of it, the href and chat it doesn't read the script. It just opens the chat page as it would by a default link. — Codey93
– Codey93, Commented Jul 15, 2015 at 3:52

Arun P Johny · Accepted Answer · 2015-07-15 03:56:08Z

1

You need to escape the " in the attribute value

<a href="#" class="emotes show-pop btn btn-default top" data-title="Settings" data-content="<a href=&quot;chat&quot; onclick=&quot;return popitup('chat')&quot;>Pop</a>"><img src="img/settings.png"></a>

answered Jul 15, 2015 at 3:56

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Codey93 Over a year ago

Using this links me to website/"chat"

Community · Accepted Answer · 2017-05-23 11:51:12Z

0

After referring this stackoverflow post, I tried to reproduce your code as below. Thing you missed is that you need to escape '<','>' and '"'

<a href="chat" onclick="return popitup('chat')">Pop</a>

<script>
function popitup(url) {
newwindow=window.open(url,'name','toolbar=no, location=no, status=no, menubar=no, scrollbars=no, resizable=no,height=600,width=330');
if (window.focus) {newwindow.focus()}
return false;
}
</script>

<a href="#" class="emotes show-pop btn btn-default top" data-title="Settings" data-content='&lt;a href=&quot;chat&quot; onclick=&quot;return popitup("chat")&quot;&gt;Pop&lt;/a&gt;'>
    <img src="img/settings.png">
 </a>

edited May 23, 2017 at 11:51

CommunityBot

11 silver badge

answered Jul 15, 2015 at 4:14

Adersh M

5763 silver badges19 bronze badges

3 Comments

Codey93 Over a year ago

Thanks for taking the time. With this, it loads the page /chat but still as a normal link, it breaks the script. Should I try to make a JavaScript or find one to getElementById instead? I've tried a bunch of things now - but it's still not popping up, just a regular link.

Adersh M Over a year ago

Try adding "_blank" in window.open. window.open(url,'name','toolbar=no, location=no, status=no, menubar=no, scrollbars=no, resizable=no,height=600,width=330', '_blank');

Codey93 Over a year ago

Still opens in the same window. So I guess it's the JavaScript not working.

Collectives™ on Stack Overflow

JavaScript window.open onclick ('url')

2 Answers 2

1 Comment

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related