Finding the next occurrence of a word in a search using UIWebView poses a challenge

Question

Finding the next occurrence of a word in a search using UIWebView poses a challenge

I have developed a simple UIWEBVIEW app that showcases HTML content inside a UIWEBVIEW. Within the Webview, there is a JavaScript application integrated with my Xcode project that highlights selected words when a user inputs and clicks on a "Net" button. I am now working on implementing a "next" UIButton that will scroll down to the next highlighted word in the application. Below is the relevant JavaScript code:

UIWEBVIEWSEARCH.JS


        // JavaScript function for highlighting all occurrences of a keyword
        // Implementing functionality to navigate to the next highlighted word
        ...

A snippet from the XCODE file SearchWebView.M:


        // Implementation of methods to interact with JavaScript functions
        // Including highlighting occurrences and navigating to the next result
        ...

The issue I am facing is whether I have correctly declared the 'GoNext' function in my code. Currently, nothing happens when trying to go to the next highlighted word. Any assistance or guidance on this matter would be greatly appreciated. Thank you!

java javascript ios objective-c xcode

Answer 1

Answer №1

    //   The following code was implemented for Next and Previous functionality and it is working effectively
     //  function

 uiWebview_HighlightAllOccurencesOfNextStringForElement(element,keyword) {

        if (element) {
            if (element.nodeType == 3) {        // Text node
                while (true) {
                    //if (counter < 1) {
                    var value = element.nodeValue;  // Search for keyword in text node
                    var idx = value.toLowerCase().indexOf(keyword);

                    if (idx < 0) break;             // not found, abort

                    var span = document.createElement("span");
                    var text = document.createTextNode(value.substr(idx,keyword.length));
                    span.appendChild(text);
                    span.setAttribute("class","MyAppHighlight");
                    text = document.createTextNode(value.substr(idx+keyword.length));
                    element.deleteData(idx,value.length-idx);
                    var next = element.nextSibling;
                    element.parentNode.insertBefore(span,next);
                    element.parentNode.insertBefore(text,next);
                    element = text;
                    span.scrollIntoView();
                    span.style.backgroundColor = "yellow";

                    span.style.color = "black";
                    a.push(span);

                    uiWebview_SearchResultCount++;



                }
            } else if (element.nodeType == 1) { // Element node
                if (element.style.display != "none" && element.nodeName.toLowerCase() != 'select') {
                    for (var i=element.childNodes.length-1; i>=0; i--) {
                        uiWebview_HighlightAllOccurencesOfNextStringForElement(element.childNodes[i],keyword);
                    }
                }
            }
        }
    }

    // the main entry point to start the search
    function uiWebview_HighlightAllOccurencesOfNextString(keyword) 
    `enter code here`{
        uiWebview_RemoveAllHighlights();
        uiWebview_HighlightAllOccurencesOfNextStringForElement(document.body, keyword.toLowerCase());

    }






//In Your ViewContrlller, call this function on Next And Previous button method


    - (void)searchBarSearchButtonClicked:(UISearchBar *)searchBar
    {
        [self highlightAllOccurencesOfNextString:searchbar.text];
    }

    - (NSInteger)highlightAllOccurencesOfNextString:(NSString*)str
    {
        NSString *filePath = [[NSBundle mainBundle]pathForResource:@"UIWebViewSearch" ofType:@"js"];
        NSData *fileData = [NSData dataWithContentsOfFile:filePath];
        NSString *jsString = [[NSMutableString alloc] initWithData:fileData encoding:NSUTF8StringEncoding];
        [htmlWebView stringByEvaluatingJavaScriptFromString:jsString];

        NSString *startSearch = [NSString stringWithFormat:@"uiWebview_HighlightAllOccurencesOfNextString('%@')",str];
        [htmlWebView stringByEvaluatingJavaScriptFromString:startSearch];
        NSString *result = [htmlWebView stringByEvaluatingJavaScriptFromString:@"a.length"];
        currentPosition = [result intValue] - 1;
        return [result integerValue];

    }

    -(void)nextMethod
    {
        currentPosition -= 1;
        NSString *nextScrollPosition =  [NSString stringWithFormat:@"a[%d].scrollIntoView()", currentPosition];
        [htmlWebView stringByEvaluatingJavaScriptFromString:nextScrollPosition];
    }

    -(void)previousMethod
    {
        currentPosition += 1;
        NSString *previousScrollPosition =  [NSString stringWithFormat:@"a[%d].scrollIntoView()", currentPosition];
        [htmlWebView stringByEvaluatingJavaScriptFromString:previousScrollPosition];
    }

Answer 2

    //   The following code was implemented for Next and Previous functionality and it is working effectively
     //  function

 uiWebview_HighlightAllOccurencesOfNextStringForElement(element,keyword) {

        if (element) {
            if (element.nodeType == 3) {        // Text node
                while (true) {
                    //if (counter < 1) {
                    var value = element.nodeValue;  // Search for keyword in text node
                    var idx = value.toLowerCase().indexOf(keyword);

                    if (idx < 0) break;             // not found, abort

                    var span = document.createElement("span");
                    var text = document.createTextNode(value.substr(idx,keyword.length));
                    span.appendChild(text);
                    span.setAttribute("class","MyAppHighlight");
                    text = document.createTextNode(value.substr(idx+keyword.length));
                    element.deleteData(idx,value.length-idx);
                    var next = element.nextSibling;
                    element.parentNode.insertBefore(span,next);
                    element.parentNode.insertBefore(text,next);
                    element = text;
                    span.scrollIntoView();
                    span.style.backgroundColor = "yellow";

                    span.style.color = "black";
                    a.push(span);

                    uiWebview_SearchResultCount++;



                }
            } else if (element.nodeType == 1) { // Element node
                if (element.style.display != "none" && element.nodeName.toLowerCase() != 'select') {
                    for (var i=element.childNodes.length-1; i>=0; i--) {
                        uiWebview_HighlightAllOccurencesOfNextStringForElement(element.childNodes[i],keyword);
                    }
                }
            }
        }
    }

    // the main entry point to start the search
    function uiWebview_HighlightAllOccurencesOfNextString(keyword) 
    `enter code here`{
        uiWebview_RemoveAllHighlights();
        uiWebview_HighlightAllOccurencesOfNextStringForElement(document.body, keyword.toLowerCase());

    }






//In Your ViewContrlller, call this function on Next And Previous button method


    - (void)searchBarSearchButtonClicked:(UISearchBar *)searchBar
    {
        [self highlightAllOccurencesOfNextString:searchbar.text];
    }

    - (NSInteger)highlightAllOccurencesOfNextString:(NSString*)str
    {
        NSString *filePath = [[NSBundle mainBundle]pathForResource:@"UIWebViewSearch" ofType:@"js"];
        NSData *fileData = [NSData dataWithContentsOfFile:filePath];
        NSString *jsString = [[NSMutableString alloc] initWithData:fileData encoding:NSUTF8StringEncoding];
        [htmlWebView stringByEvaluatingJavaScriptFromString:jsString];

        NSString *startSearch = [NSString stringWithFormat:@"uiWebview_HighlightAllOccurencesOfNextString('%@')",str];
        [htmlWebView stringByEvaluatingJavaScriptFromString:startSearch];
        NSString *result = [htmlWebView stringByEvaluatingJavaScriptFromString:@"a.length"];
        currentPosition = [result intValue] - 1;
        return [result integerValue];

    }

    -(void)nextMethod
    {
        currentPosition -= 1;
        NSString *nextScrollPosition =  [NSString stringWithFormat:@"a[%d].scrollIntoView()", currentPosition];
        [htmlWebView stringByEvaluatingJavaScriptFromString:nextScrollPosition];
    }

    -(void)previousMethod
    {
        currentPosition += 1;
        NSString *previousScrollPosition =  [NSString stringWithFormat:@"a[%d].scrollIntoView()", currentPosition];
        [htmlWebView stringByEvaluatingJavaScriptFromString:previousScrollPosition];
    }

Answer 3

Answer №2

Instead of relying on the functions goNext and goPrev in your JavaScript file, consider utilizing the function "highlightAllOccurencesOfNextString." This function will meet your needs, and you can then implement the next and previous methods from my solution on the button actions.

Answer 4

Instead of relying on the functions goNext and goPrev in your JavaScript file, consider utilizing the function "highlightAllOccurencesOfNextString." This function will meet your needs, and you can then implement the next and previous methods from my solution on the button actions.

Finding the next occurrence of a word in a search using UIWebView poses a challenge

Answer №1

Answer №2

Similar questions

Is it possible to switch out all instances of "GET" methods with "POST" throughout the codebase?

The phenomenon of componentDidMount being triggered before the DOM is fully mounted arises when utilizing createPortal in React

JSF CommandLink malfunctions on Firefox when reRendering an entire form

The elements within my custom UITableViewCell (designed using Storyboard) are unexpectedly empty

Screen rendering can be a challenging task

When the enter key is pressed, the form will be submitted and the results will be displayed in a modal window without

Is there a way to determine if a browser's network activity is inactive?

Creating a dynamic form field using JavaScript

Adjust Position of Text on nvd3 Line Chart

Numerous instances of a specific custom directive in Angular2

Apply jQuery styling to new select box on page in order to maintain consistent styling throughout

Resolving JAR Dependencies in the /usr/share/java Directory

Encountering an error while attempting to launch an AngularJS application on Node.js? Let's

Transferring ExpressJS API scripts to the Server for Deployment

Only one bootstrap collapse is visible at a time

Converting a script.js document ready function wrapper and jquery plugin methods to be compatible with React (version 16.12.0)

Tips for handling errors when the ID parameter in the URL doesn't correspond to the ID in the database and redirecting to an error page

Ways to indicate the language of your website to the Chrome browser for the translate bar

After triggering the ClickAndHold action with the Action Class, how can I navigate to the second level of the bottom menu and successfully click on the

What steps do I need to take to retrieve my paginated data from FaunaDB in a React frontend application?