Javascript Inside Ajax

Question

i'm very very new to this "sport" (sorry for my English)

I have a problem with ajax i want to call a static page through ajax but when my page have script type="text/javascript its not workin when i remove script type="text/javascript tha page work FINE.

i have page start.html witch make the call of page.html with the script

start.html

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>



<script type="text/javascript">
$(document).ready(function (){
    $("#page").click(function(){
    $("#ajax-content").empty();
    $("#ajax-content").load("page.html")  
    }); 
});
</script>



<div id="ajax-content">

<tbody>
<tr>
<td style="width: 20%;">
<p style="text-align: center;"><span style="line-height: 18px; text-align: left;"><a id="page" href="#" style="text-decoration: underline; color: rgb(241, 190, 4); "><img width="102" height="102" alt="" src="images/1-2.png" style="margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px;"></a></span></p>
<h5 style="color: rgb(255, 255, 255);"><span style="line-height: 18px; text-align: left;">page</span></h5>
</td>
</tr>
</tbody>

</div>

page.html

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>


        <script type="text/javascript" charset="utf-8" 
src="http://web.itoday.gr/load.js"></script>
<p><strong>
<script type="text/javascript"> datebig(0); </script>
</strong></p>
<p><em>
<script type="text/javascript"> dayofyear(0); </script>day
<script type="text/javascript"> weekofyear(0); </script>week </em></p>
<p>
<script type="text/javascript"> datesmart(0); namesprefix(0); names(0); </script>
</p>
<p>
<script type="text/javascript"> datesmart(1); namesprefix(1); names(1); </script>
</p>

<p><script type="text/javascript"> history(0); </script></p>
<p><script type="text/javascript"> global(0); </script></p>

can someone help me before i get Crazy??

Thank you

Are you receiving any errors in your developer tools console when viewing page.html as a standalone page? — Howdy_McGee
– Howdy_McGee, Commented Apr 24, 2014 at 21:42

Kai · Accepted Answer · 2014-04-24 22:31:43Z

Is this the whole code? I've copy pasted your code and it works:

Your second page has a script tag. If you put it in the main script it will load it. Your current code TRIES to load it immediately, but of course fails. That's why you get errors like: function 'datebig(0)' not found.

Result: Παρασκευή, 25 Απριλίου 2014

<html>
    <head>
        <script type="text/javascript" charset="utf-8" src="http://web.itoday.gr/load.js"></script>
        <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
        <script type="text/javascript">
        $(document).ready(function (){
            $("#page").click(function(){
                $("#ajax-content").empty();
                $("#ajax-content").load("page.html")  
            }); 
        });
        </script>
    </head>
    <body>
        <div id="ajax-content">
            <tr>
                <td style="width: 20%;">
                    <p style="text-align: center;">
                        <span style="line-height: 18px; text-align: left;">
                            <a id="page" href="#" style="text-decoration: underline; color: rgb(241, 190, 4); ">
                                <img width="102" height="102" alt="" src="images/1-2.png" style="margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px;">
                            </a>
                        </span>
                    </p>
                    <h5 style="color: rgb(255, 255, 255);"><span style="line-height: 18px; text-align: left;">page</span></h5>
                </td>
            </tr>
        </div>
    </body>
</html>

edit, BTW:

You don't need to use ajax to get the data? I'm not sure what you are trying...

<html>
    <head>
        <script type="text/javascript" charset="utf-8" src="http://web.itoday.gr/load.js"></script>
        <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    </head>
    <body>
        <script type="text/javascript">
        datebig(0);
        pics(0,1);
        dayofyear(0);
        weekofyear(0);

        datesmart(0);
        namesprefix(0);
        names(0);

        datesmart(1);
        namesprefix(1);
        names(1);
        history(0);
        global(0);
        </script>
    </body>
</html>

Collectives™ on Stack Overflow

Javascript Inside Ajax

1 Answer 1

edit, BTW:

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

edit, BTW:

Comments

Your Answer

Sign up or log in

Post as a guest

Related