1

Webブラウザコントロールに表示されるテキストの検索機能を実装しようとしています。私はテキストを強調表示するために正しく機能する検索機能を持っていますが、それは現在、ウェブブラウザのjavascriptで検索バーを作成することによってこれを達成しています。これに伴う問題は、ページのサイズに応じて、javascript検索バーが常に異なるサイズであるということです。これは非常に混乱します。WP7アプリケーションのテキストボックスにユーザーが入力した検索値をこのjavascript関数に渡して、値を強調表示できるようにしたいと思います。しかし、JavaScript関数に値を渡す方法がわかりません。また、これを機能させるのに非常に苦労しています。

Javascript検索機能（テキストファイル内）

javascript:(
function()
{
function G()
{
    var pf=doc.getElementById('pf');
    var qt=doc.getElementById('qt');
    if(null==pf)
    {
        pf=doc.createElement('div');
        pf.id='pf';
        var s=pf.style;
        s.position='absolute';
        s.zIndex='99';
        s.top=(scT||scBT)+'px';
        s.left=(scL||scBL)+'px';
        s.width='100%';
        s.backgroundColor='#FFFF00';
        pf.appendChild(doc.createTextNode('Search: '));
        qt=doc.createElement('input');
        qt.id='qt';
        qt.type='text';
        pf.appendChild(qt);
        var sb=doc.createElement('input');
        sb.type='button';
        sb.value='Find';
        sb.onclick=function()
        {
            P(qt.value)
        };
        pf.appendChild(sb);
        doc.body.appendChild(pf);
    }
    else
    {
        pf.style.display='inline';
        count=0;
    }
}
function P(s)
{
    document.getElementById('pf').style.display='none';
    if(s==='')
        return;
    var n=srchNode(document.body,s.toUpperCase(),s.length);
    alert("Found "+count+" occurrence"+(count==1?"":"s")+" of '"+s+"'.");
    pf.parentNode.removeChild(pf);
    return n;
}
function srchNode(node,te,len)
{
    var pos,skip,spannode,middlebit,endbit,middleclone;
    skip=0;
    if(node.nodeType==3)
    {
        pos=node.data.toUpperCase().indexOf(te);
        if(pos>=0)
        {
            spannode=document.createElement("SPAN");
            spannode.style.backgroundColor="red";
            middlebit=node.splitText(pos);
            endbit=middlebit.splitText(len);
            middleclone=middlebit.cloneNode(true);
            spannode.appendChild(middleclone);
            middlebit.parentNode.replaceChild(spannode,middlebit);
            ++count;
            skip=1;
            }
        }
        else
        {
            if(node.nodeType==1&&node.childNodes&&node.tagName.toUpperCase()!="SCRIPT"&&node.tagName.toUpperCase!="STYLE")
            {
                for(var child=0;child<node.childNodes.length;++child)
                {
                    child=child+srchNode(node.childNodes[child],te,len);
                }
            }
        }
        return skip;
    }
    var count=0,scL=0,scT=0,scBL=0,scBT=0;
    var w=window,doc=document;
    if(typeof doc.body!='undefined'&&typeof doc.body.scrollLeft!='undefined')
    {
        scBL=doc.body.scrollLeft;
        scBT=doc.body.scrollTop;
    }
    if(typeof doc.documentElement!='undefined'&&typeof doc.documentElement.scrollLeft!='undefined')
    {
        scL=doc.documentElement.scrollLeft;
        scT=doc.documentElement.scrollTop;
    }
    G();
})()

ページで検索メソッド

public void FindOnPage()
    {
        var resource = Application.GetResourceStream(new Uri("Resources/FindOnPage/FindOnPage.txt", UriKind.Relative));
        string text;
        StreamReader sr = new StreamReader(resource.Stream);

        //while((text = sr.ReadToEnd()) != null) 
        if ((text = sr.ReadToEnd()) != null)
        {
            TheWebBrowser.InvokeScript("eval", text);
        } 
    }

SearchBarという名前の検索バーがあるとすると、JavaScript関数を介してユーザー入力にテキストを渡し、テキストが強調表示されるようにするにはどうすればよいですか？私はjavascriptの経験がないので、この件に関してどんな支援も大歓迎です！

4

1 に答える 1

0

それを渡す直接的な方法はありません。evalを呼び出す前にパラメータを文字列で置き換えることができます。まず、次のようにJavaScriptを変更します。

javascript:(
function(searchString)
{
function P(s)
{
    if(s==='')
        return;
    var n=srchNode(document.body,s.toUpperCase(),s.length);
    alert("Found "+count+" occurrence"+(count==1?"":"s")+" of '"+s+"'.");
    return n;
}
function srchNode(node,te,len)
{
    var pos,skip,spannode,middlebit,endbit,middleclone;
    skip=0;
    if(node.nodeType==3)
    {
        pos=node.data.toUpperCase().indexOf(te);
        if(pos>=0)
        {
            spannode=document.createElement("SPAN");
            spannode.style.backgroundColor="red";
            middlebit=node.splitText(pos);
            endbit=middlebit.splitText(len);
            middleclone=middlebit.cloneNode(true);
            spannode.appendChild(middleclone);
            middlebit.parentNode.replaceChild(spannode,middlebit);
            ++count;
            skip=1;
            }
        }
        else
        {
            if(node.nodeType==1&&node.childNodes&&node.tagName.toUpperCase()!="SCRIPT"&&node.tagName.toUpperCase!="STYLE")
            {
                for(var child=0;child<node.childNodes.length;++child)
                {
                    child=child+srchNode(node.childNodes[child],te,len);
                }
            }
        }
        return skip;
    }
    var count=0,scL=0,scT=0,scBL=0,scBT=0;
    var w=window,doc=document;
    if(typeof doc.body!='undefined'&&typeof doc.body.scrollLeft!='undefined')
    {
        scBL=doc.body.scrollLeft;
        scBT=doc.body.scrollTop;
    }
    if(typeof doc.documentElement!='undefined'&&typeof doc.documentElement.scrollLeft!='undefined')
    {
        scL=doc.documentElement.scrollLeft;
        scT=doc.documentElement.scrollTop;
    }
    P(searchString);
})("#search#")

次に、C＃で＃search＃をSearchStringに置き換えます。

public void FindOnPage()
    {
        var resource = Application.GetResourceStream(new Uri("Resources/FindOnPage/FindOnPage.txt", UriKind.Relative));
        string text;
        StreamReader sr = new StreamReader(resource.Stream);

        //while((text = sr.ReadToEnd()) != null) 
        if ((text = sr.ReadToEnd()) != null)
        {
        text = text.Replace("#search#",SearchBar.Text); //Replace SearchBar.Text with the string you want to search    
        TheWebBrowser.InvokeScript("eval", text);
        } 
    }
于 2012-09-21T16:27:51.773 に答える