Posted By

griffpup on 06/08/11

Tagged

Versions (?)

Last Edited at 06/08/11 06:35pm

Statistics

Viewed 783 times

Favorited by 0 user(s)

Related snippets

jquery select text

/ Published in: Other

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

  // solution found here http://jsfiddle.net/edelman/KcX6A/1/
 
  <div id="selectme" contenteditable='true'>Some text goes here!</div>
  <p>Click me!</p>
 
  function SelectText(element) {
      var text = document.getElementById(element);
      if ($.browser.msie) {
          var range = document.body.createTextRange();
          range.moveToElementText(text);
          range.select();
      } else if ($.browser.mozilla || $.browser.opera) {
          var selection = window.getSelection();
          var range = document.createRange();
          range.selectNodeContents(text);
          selection.removeAllRanges();
          selection.addRange(range);
      } else if ($.browser.safari) {
          var selection = window.getSelection();
          selection.setBaseAndExtent(text, 0, text, 1);
      }
  }
 
  $(function() {
      $('p').click(function() {
          SelectText('selectme');   
      });
  });