highlight dynamically generated text using javascript

From	hiteshtr <hiteshtr@gmail.com>
Newsgroups	comp.lang.javascript
Subject	highlight dynamically generated text using javascript
Date	2012-03-30 22:56 -0700
Organization	http://groups.google.com
Message-ID	<6327659.9.1333173379365.JavaMail.geo-discussion-forums@pbbpr1> (permalink)

Show all headers | View raw

I am creating a page to show pdf and I used pdf.js project of Mozilla to render pdf.

pdf.js is making multiple dynamic divs of rendered text under canvas tag. I want to highlight some text of my pdf. Following is the code generated dynamically by pdf.js:

<div id="viewer">

<div id="pageContainer1" class="page" style="width: 741.8181818181818px; height: 959.9999999999999px; " data-loaded="true">
<canvas id="page1" width="741" height="959"></canvas>
<div class="textLayer">
<div data-canvas-width="300.69542660606743" data-font-name="Times" style="font-size:12.06334818181817px; left: 173.1905882352941px; top: 8.593899292929294px; -webkit-transform: scale(0.9002857084013994, 1); -webkit-transform-origin-x: 0%; -webkit-transform-origin-y: 0%; " dir="ltr" data-text-length="58">Boston&nbsp;University&nbsp;Computer&nbsp;Science&nbsp;Technical&nbsp;Report&nbsp;No.&nbsp;20</div>
</div>
</div>

<div id="pageContainer2" class="page" style="width: 741.8181818181818px; height: 959.9999999999999px; " data-loaded="true">
<canvas id="page1" width="741" height="959"></canvas>
<div class="textLayer">
<div data-canvas-width="300.69542660606743" data-font-name="Times" style="font-size:12.06334818181817px; left: 173.1905882352941px; top: 8.593899292929294px; -webkit-transform: scale(0.9002857084013994, 1); -webkit-transform-origin-x: 0%; -webkit-transform-origin-y: 0%; " dir="ltr" data-text-length="58">Boston&nbsp;University&nbsp;Computer&nbsp;Science&nbsp;Technical&nbsp;Report&nbsp;No.&nbsp;20</div>
</div>
</div>

</div>

i only want to highlight the text of pageContainer1's text layer

Back to comp.lang.javascript | Previous | Next — Next in thread | Find similar | Unroll thread

Thread

highlight dynamically generated text using javascript hiteshtr <hiteshtr@gmail.com> - 2012-03-30 22:56 -0700
  Re: highlight dynamically generated text using javascript David Mark <dmark.cinsoft@gmail.com> - 2012-03-31 00:24 -0700

csiph-web