"CTRL-F" w/ JavaScript? 2

[link9]

Hello all --

Is there a way to bring up the find dialog box w/ javascript? The one that you get in IE when you press "CTRL-F"?

For instance, document.print(); does the same thing is "CTRL-P", and so I'm hoping there's a "find" equivalent, as well.

Thanks for any insight.

-paul

The answer to getting answered -- faq855-2992

 

[jemminger]

no, not with core js. perhaps jscript or vbscript



=========================================================
try { succeed(); } catch(E) { tryAgain(); }
-jeff

http://www.jeffemminger.com

 

[link9]

The following is an IE (at least) solution. It's not exactly what I wanted, but I'm getting there. It finds the correct text, and then scrolls the page to the text. Now I want to highlight it. Anybody know a quickie?:

function findText(){
var oRange = document.body.createTextRange();
var sBookMark = oRange.getBookmark();
if(oRange.findText(document.theForm.searchText.value))
{
oRange.moveToBookmark(sBookMark);
oRange.select();
document.body.scrollTop = oRange.offsetTop;
}
else
{
alert('Not Found');
}

}

oRange.select() is the offending line that right now highlights the entire page.

-p

The answer to getting answered -- faq855-2992

 

[jemminger]

like so?

<script type=&quot;text/javascript&quot;>
function find(word) {
var oRange = self.oRange ? self.oRange : document.body.createTextRange();
self.oRange = oRange;

// do forward search (1), whole words only (2)
if (oRange.findText(word, 1, 2)) {
oRange.select();
// collapse the range, then move it to include only the text after this word for subsequent searches
oRange.collapse();
oRange.moveStart(&quot;word&quot;, 1);
oRange.moveEnd(&quot;textedit&quot;, 1);
}
else alert(&quot;\&quot;&quot; + word + &quot;\&quot; not found.&quot;
}
</script>



=========================================================
try { succeed(); } catch(E) { tryAgain(); }
-jeff

http://www.jeffemminger.com

 

[link9]

Yessir. Just exactly like that.



Many thanks.

The answer to getting answered -- faq855-2992

 

[Einstein47]

I have a function that does very similar. However, it always jumps back to the top of the page. So you get a scroll-down, scroll-up result.

I'm using IE 6.0 - could that be the issue?

I trigger the &quot;search&quot; from a link near the top of the page - could that have something to do with it?

Here is my code (I like yours better, but provide it for comparison):

var range = "null"
function find()
{
  if (range != "null")
  {
    range.execCommand("RemoveFormat")
  }
  var srch = prompt("Enter a word or phrase to seach for:","sample")
  range = document.body.createTextRange()
  if (srch && range.findText(srch))
  {
    range.expand("sentence")
    range.scrollIntoView()
    range.execCommand("ForeColor","false","orange")
  }
}

Also, why don't you use the .scrolIntoView() method?

Einstein47
(&quot;As a cure for worrying, work is better than whiskey.&quot; - Thomas Edison)

 

[jemminger]

if you're having problems with the screen scrolling back to the top, you probably need to add &quot;return false&quot; after the function call to cancel the normal link navigation behavior:

<a href=&quot;#&quot; onclick=&quot;find();return false;&quot;>find</a>


i don't use scrollIntoView() because it seems to be unnecessary in my experience...the screen scrolls automatically for me if the match is off screen.



=========================================================
try { succeed(); } catch(E) { tryAgain(); }
-jeff

http://www.jeffemminger.com

 

[Einstein47]

quite brilliant - the return false is what was needed, and I didn't even show you the link code that called the find().

Star for you!

Einstein47
(&quot;As a cure for worrying, work is better than whiskey.&quot; - Thomas Edison)