If you want find 9th character or 19th line in a text, how will you do ?. You can do this manually or by using editors. Here I am going to implement this functionality with jQuery. I have created one simple online tool by using this program.

Algorithm

  1. Get text, character or line position
  2. Enclose every character by span element with id attribute as "char"+(char number)
  3. Enclose every paragraph by div element with id attribute as "line"+(line number)
  4. If it is character number then  highlight element with id "char"+(number) element by assigning new css
  5. If it is line number then  highlight element with id "line"+(number) element by assigning new css

jQuery Code

function hilightPosition(text, number, charOrLine) {
      var len = text.length + 1;
      var res = '';
      var j=2;
      res += '<div id="line1">';
      for(var i=1;i<=len;i++) {
        if(text.charAt(i-1) == '\n') {
          // Adding line id
          res += '</div><div id="line'+j+'">';
          j++;
        }
        // Adding char id
        res += '<span id="char'+i+'">'+text.charAt(i-1)+'</span>';
      }
      res += '</div>';
      
      // Display text
      $("#result").html(res);
      
      // Check whether we have to hilight line or character
      if(charOrLine == 'line'){
        // Highlight line id
        $("#line"+number).attr("style","border:2px solid #0000ff;");
      } else {
        // Highlight char id
        $("#char"+number).attr("style","border:2px solid #0000ff;");
      } 
}

2 comments:

  1. Congratulations. Good blog. Keep sharing. I love them Are you also searching for book review help? we are the best solution for you. We are best known for delivering book review writing services to students without having to break the bank

    ReplyDelete
  2. The business creation process turned out to be a lot simpler during the most recent few years. Because of globalization, we currently are given freedoms we never had. This is for the most part can be considered through such new choices to be overseas employing and reevaluating that might assist you with recruiting devoted website specialists or hire remote agile developers as indicated by your requirements

    ReplyDelete

Blogroll

Popular Posts