ansaurus

Question

Google AJAX Transliteration API :- How do i translate many elements in page to some language at one stretch?

Answer 1

+2 A:

Why don't you call the function to check the next h4 recursively from within the detect/translate completed callbacks. Send the next recursion the next h4 using something like JQuery's next() function. What you're doing is running the endless loop on the same thread as the outer loop.

ondesertverge 2010-05-02 16:44:52

Thanks a lot :). Your idea of recursion helped me and finally made it :). I wish i could give you 50 points from my account :)

Ankit Rathod 2010-05-02 17:47:18

Answer 2

+1 A:

I suggest you post a more complete question and code next time to prevent people who like to provide working answers from having to spend time guessing what you are trying to do.

Here is a working example using recursion. Unless you have thousands of items, the tail should be tolerable.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
<html xmlns="http://www.w3.org/1999/xhtml"&gt;
<head>
    <title></title>

    <script type="text/javascript" src="http://www.google.com/jsapi"&gt;
    </script>

    <script type="text/javascript">

        google.load("language", "1");

        function initialize() {

            var elemPostTitles = document.getElementsByTagName("h4");
            var index = elemPostTitles.length - 1;
            foo(index);

            function foo(index) {

                var postTitleElem = elemPostTitles[index];
                var postTitle = postTitleElem.innerHTML;

                var postContentElem = document.getElementById("postContent_" + index);
                var postContent = postContentElem.innerHTML;

                var languageCode = document.getElementById("languageCode_" + index).value;


                google.language.detect(postTitle, function(result) {
                    if (!result.error && result.language) {
                        google.language.translate(postTitle, result.language, languageCode,
                            function(result) {

                                if (result.translation) {
                                    postTitleElem.innerHTML = result.translation;
                                }

                                if (--index > -1) {
                                    foo(index);
                                }
                            });
                    }
                });
            };

        }



        google.setOnLoadCallback(initialize);
    </script>

</head>
<body>
    <h4>
        this is some text</h4>
    <h4>
        this is some text</h4>
    <h4>
        this is some text</h4>
    <h4>
        this is some text</h4>
    <h4>
        this is some text</h4>
    <input type="text" id="languageCode_0" value="en" />
    <div id="postContent_0">
    </div>
    <input type="text" id="languageCode_1" value="hi" />
    <div id="postContent_1">
    </div>
    <input type="text" id="languageCode_2" value="es" />
    <div id="postContent_2">
    </div>
    <input type="text" id="languageCode_3" value="fr" />
    <div id="postContent_3">
    </div>
    <input type="text" id="languageCode_4" value="ar" />
    <div id="postContent_4">
    </div>
</body>
</html>

Sky Sanders 2010-05-02 17:55:07

Thanks code poet! Will surely follow your suggestion next time

Ankit Rathod 2010-05-02 18:04:02

what do you mean, the tail should be tolerable?

Claudiu 2010-05-02 18:13:39

@Claudiu - while not strictly an example of tail recursion, http://c2.com/cgi-bin/wiki?TailRecursion, what I was alluding to is the depth of the call stack.

Sky Sanders 2010-05-02 18:23:32

@code poet: oh got it, didn't see the inner call to foo.

Claudiu 2010-05-03 16:00:52

Answer 3

A:

how should I implement this within wordpress?

privendo 2010-10-17 11:56:24

ansaurus

tags:

views:

answers:

Google AJAX Transliteration API :- How do i translate many elements in page to some language at one stretch?

related questions