javascript - Use quotes within quotes inside Bootstrap element options -
edit: solves problem https://stackoverflow.com/a/12128784/1162817
i'm using html inside bootstrap popover, got stuck. can't use quotes or single quotes inside onclick because closes wrong things. how can 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>
this may not work in every situation, in case, can remove double-quotes around link.html , work (note: quotes not required in html5; see this question 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
Comments
Post a Comment