Add double quotes to text dynamically, on page load

Tue Jan 22, 2013 10:05 pm

Add double quotes to text dynamically, on page load using javascript or JQuery

javascript code

<html>
<head>
<title>show and double quots Quotation box using JQuery  </title>
  
<!--
 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
 Note you can download the JQuery package instead of using Google version. --> 
<script src="jquery-1.8.3.js"></script>


<script>
$(document).ready(function(){
    // 			

  
   $("button#b1").click(function(){
       // Track clicks on hash links using Google analytics.
$('blockquote').prepend(" <span class='bqstart'>&#8220;</span> ");
$('blockquote').append(" <span>&nbsp;</span><span class='bqend'>&#8221;</span> ");
 });
 
});
</script>
</head>
<body>
 <div>
  User content data - some text some text
</div>
<hr> 
 <blockquote>Quoted "User content data - some text some text"</blockquote>
 Second user content.
 <br>
<button  id="b1">Show Quotation</button>
</body>
</html>

Add double quotes to text dynamically, on page load

Add double quotes to text dynamically, on page load

Topic Tags