how to call a nested function from a html as a Onclick function

Question

I am coding a project in the Phone Gap domain.I have to pass values from one HTML page to the other.i have done that using the following code.

 var searchString = window.location.search.substring(1),i, val, params = searchString.split("&");
    for (i=0;i<params.length;i++) 
    {
       val = params[i].split("=");
       if (val[0] == paramName) 
       {
        return unescape(val[1]);
       }
    }

i have used the value val[1] in the following format.

document.getElementById("desc").innerHTML  = results.rows.item(val[1]).desc;

now i have to images,when i click them it should go to a separate page.

so,i called the function in the following manner.

<div id="abc"> <img src="img/abc.png"  alt=""  onclick="abc()"/> </div>

i get an error

TypeError: Result of expression 'abc' [[object HTMLDivElement]] is not a function. at file:///android_asset/www/desc.html?var%20id=0:141

The entire function flow looks like this

    func A()
   {  
    Console.log("processsinggg parameter loop ");
    var searchString = window.location.search.substring(1),i, val, params = searchString.split("&");
    for (i=0;i<params.length;i++) 
     {
       val = params[i].split("=");
     if (val[0] == paramName) 
     {
       return unescape(val[1]);
     }
           console.log("valueeesss: "+val[1]);
    }
        document.getElementById("desc").innerHTML  = results.rows.item(val[1]).desc;

     function abc() 
     {
          console.log("processing abc!!");
          window.location.href=href='abc.html?var id=results.rows.item(val[1]).id';
     }
}

Yadav Chetan,here it is function abc() { console.log("processing abc!!"); window.location.href=href='abc.html?var id=results.rows.item(val[1]).id'; } — user
– user, Commented Apr 26, 2013 at 6:46

Rahul Kadukar · Accepted Answer · 2013-04-26 13:26:41Z

1

A very basic and simple solution using a JSON object to store all your data as key value pairs.The key here is the name of your ID and the value is the actual contents associated with your ID

<!DOCTYPE html>
<html>
 <head>
  <script type="text/javascript">
    var url = window.location.search.substring(1).split("&");
    var json_object = {};
    for (var i=0; i<url.length; i++) {
        var val = url[i].split("=");
        if (val[0]) 
            json_object[val[0]] = unescape(val[1]);
    }
    console.log(json_object);
   </script>
  </head>
</html>

At this point if you check the value inside json_object in your console you will see something like this

Object {param1: "132", param2: "3221"}

Here param1 is the name of your ID and 132 is the value similarly param2 is the name of your second ID and 3221 is the value. To reference these in your code. Suppose you want to assign the value of ssds to the variable param2_value you will use something like

var param2_value = json_object.param2;

answered Apr 26, 2013 at 13:26

Rahul Kadukar

9503 gold badges19 silver badges37 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

user Over a year ago

Rahul Kadukar,should i have to give this in the func A()?

Collectives™ on Stack Overflow

how to call a nested function from a html as a Onclick function

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related