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

Popular posts from this blog

windows - Single EXE to Install Python Standalone Executable for Easy Distribution -

c# - Access objects in UserControl from MainWindow in WPF -

javascript - How to name a jQuery function to make a browser's back button work? -