CODEWITHSUNDEEP
javascriptasp.net
ozzy_mra
ozzy_mra

Reputation: 597

How to bind JavaScript result to a div on my page?

i have a java script file that it's output is a table with some information. i want to show this result in one of my DIVs in my page but the result of function,placed at top of my page's Header! What can i do to fix this?

this is end of my java script file ,in fact this is its output ' document.write("") document.write(" اوقات شرعی کلیه شهر ها ") document.write("") document.write("      ") document.write("  اذان صبح  طلوع خورشید   اذان ظهر  غروب خورشید  اذان مغرب") document.write("
اوقات به افق :

انتخاب شهراراکاردبیلارومیهاصفهاناهوازایلامبجنورد بندرعباسبوشهربیرجندتبریزتهرانخرم آبادرشتزاهدانزنجانساریسمنانسنندجشهرکردشیرازقزوینقمکرمان کرمانشاهگرگانمشهدهمدانیاسوجیزد   

") document.write("") '' and this is its call at the and of my master page ' 

    $(document).ready(function ogh() {
        var CurrentDate = new Date();
        var JAT = 1;
        function pz() { };
        init(); document.getElementById("cities").selectedIndex = 12;
        coord(); main();
    });
    $(document).ready(function () {
        $("#oghatSharii").append(ogh());
    });

</script>
</form>

' if you could't understand top of my code,,its output is a table

Upvotes: 2

Views: 1601

Answers (3)

ozzy_mra
ozzy_mra

Reputation: 597

i use this

    function ogh()
    {
                     var CurrentDate = new Date();
                        var JAT = 1;
                        function pz() { };
                        init(); document.getElementById("cities").selectedIndex = 12;
                        coord(); main();
    }
    $(document).ready(function () {
        $("#oghatSharii").append(ogh());
    });

but i got an error : one of my functions could't access to oits data

Upvotes: 1

Jupaol
Jupaol

Reputation: 21365

You can set the HTML of the div using jquery in the ready event like follows:

     <script type="text/javascript" src="Scripts/jquery-1.7.2.min.js"></script>
     ....
     <script type="text/javascript">
        $(document).ready(function () {
            $("#myDiv").append(pz());
        });
        function pz() {
            // do here something useful and return the text you want to add to the div
            return "Hello there =) !!!";
        };
     </script>

 <div id="myDiv"></div>

Don't forget to install jquery:

https://nuget.org/packages/jQuery

Upvotes: 3

Umesh Aawte
Umesh Aawte

Reputation: 4690

Some steps

  1. Move your JavaScript code at the bottom of the page.
  2. Make use of innerHTML (basic JavaScript) or html() (jQuery) to add so.

Upvotes: 0

Related Questions