Use quotes within quotes inside Bootstrap element options

Question

Edit: this solves my problem https://stackoverflow.com/a/12128784/1162817

I'm using html inside this Bootstrap popover, but i got stuck. I can't use quotes or single quotes inside onclick because it closes wrong things. How can i bypass it?

<a href="#" data-toggle="popover" data-placement="bottom" data-html="true" data-content="
    <div class='div-social-icons'>
        <ul>
        <div onclick='location.href="link.html"' class='social-icons icon-facebook'></div>
        <li class='social-icons icon-youtube'></li>
        <li class='social-icons icon-vimeo'></li>
        <li class='social-icons icon-instagram'></li>
        </ul>
    </div>
    <div id='div-form'>
        <form action='mail.php' method='post'>
        <input type='email' name='email' placeholder='email'>
        <textarea style='font-size: 12px;padding: 10px;width: 100%;' rows='4' cols='66' name='msg' placeholder='mensagem'></textarea><br>
        <input type='reset' value='reset'>
        <input type='submit' name='Submit' value='send'>
        </form>
    </div>
    </div>">
Contact</a>

Use `""` for html attributes and escape tags inside `data-content`. — Kyle Needham, Apr 14 '14 at 14:15
@KyleNeedham can't, it closes data-content when i use " (tried the inverse using ' to open data-content and " inside, happened the same thing) — Artur Haddad, Apr 14 '14 at 15:17

score 0 · Answer 1 · edited May 23 '17 at 11:52

This may not work in every situation, but in this case, you can remove the double-quotes around link.html and it will work (Note: quotes are not required in HTML5; see this question for more information).

<a href="#" data-toggle="popover" data-placement="bottom" data-html="true" data-content="
<div class='div-social-icons'>
    <ul>
    <div onclick='location.href=link.html' class='social-icons icon-facebook'></div>
    <li class='social-icons icon-youtube'></li>
    <li class='social-icons icon-vimeo'></li>
    <li class='social-icons icon-instagram'></li>
    </ul>
</div>
<div id='div-form'>
    <form action='mail.php' method='post'>
    <input type='email' name='email' placeholder='email'>
    <textarea style='font-size: 12px;padding: 10px;width: 100%;' rows='4' cols='66' name='msg' placeholder='mensagem'></textarea><br>
    <input type='reset' value='reset'>
    <input type='submit' name='Submit' value='send'>
    </form>
</div>
</div>">

Contact

if you changed onclick to `onclick=relocated()` where relocate = `function() { location.href = "link.html"; }`, perhaps? — Trevor, Apr 14 '14 at 16:26

Use quotes within quotes inside Bootstrap element options

1 Answers1