jQuery .load() function stops me from calling a script in HTML-file

Question

My login.html file:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="lv">
<head>
<?php require_once 'inc/metahead.php'; ?>
<title>Logg inn</title>
<script type="text/javascript"      src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js">
</script>
<script type="text/Javascript" src="functions.js">
</script> 

</head>
<body>
    <div id="content">
        <center>
            <form>
                <label for="epost"></label> <input type="text"   name="epost" id="epost"
                    placeholder="Epost/Bruker" /></br> </br> <label
                    for="passord"></label> <input type="password"   name="passord" id="passord"
                    placeholder="Passord" /></br> </br> <input
                    type="button" onclick="login()" value="Logg inn">
            </form>
            <br /> <a href="forgot_pass.php">Glemt passord?</a>
        </center>
    </div>
</body>
</html>

This piece of code is from my header.php file:

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
function loginNow(){
    $(document).ready(function() {
         $("#content").load("login.html");
    });
}
</script>

If i go directly in login.html - It calls the function without problems. BUT, if I go through my index-file and click "Logg inn", so the script above run, the script in login.html never gets called.

I have tried to alert something out instead of calling my script - That works. Any help would be greatly appreciated!

bipen · Accepted Answer · 2013-04-19 12:05:12Z

3

what i think is you have two jquery files with different version loaded there which is creating the conflict

 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js">

in login.html

and other is

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

in header.php

so either you use noConflict().. or remove one of them

edited Apr 19, 2013 at 12:05

answered Apr 19, 2013 at 11:56

bipen

36.6k9 gold badges51 silver badges62 bronze badges

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

1 Comment

Nilzone- Over a year ago

That was it. I would've never catched that X)

Yogesh Suthar · Accepted Answer · 2013-04-19 12:11:05Z

1

The function name is different here

 onclick="login()" // you are calling login()

 function loginNow(){ // but declaring loginNow()

edited Apr 19, 2013 at 12:11

answered Apr 19, 2013 at 11:52

Yogesh Suthar

30.5k18 gold badges75 silver badges100 bronze badges

1 Comment

bipen Over a year ago

i think this is not right... i don't thik OP wants to call that function there.. since if you look inside the function you will notice it is loading login.html.. which is the same page... :)

Mysteryos · Accepted Answer · 2013-04-19 11:53:07Z

0

Your HTML code: ...

<input type="password"   name="passord" id="passord"
                    placeholder="Passord" /></br> </br> <input
                    type="button" **onclick="login()"** value="Logg inn">

...

Your Javascript Code:

function **loginNow()**{
    $(document).ready(function() {
         $("#content").load("login.html");
    });
}

Check the enclosed parts - Different function names ;)

answered Apr 19, 2013 at 11:53

Mysteryos

5,8013 gold badges35 silver badges54 bronze badges

3 Comments

bipen Over a year ago

i think this is not right... i don't thik OP wants to call that function there.. since if you look inside the function you will it will load login.html.. which is the same page... :)

Nilzone- Over a year ago

Thank you! I guess I was a little unclear: The loginNow script loads the login.hmtl file. My html file will THEN load my login-script. loginNow and login are two different scripts

Mysteryos Over a year ago

Indeed, you got me confused on this part. On the other hand, check out bipen's answer.

pmayer · Accepted Answer · 2013-04-19 11:58:38Z

0

Don't use onlick="". Since you are using jQuery, hook an event to your input element:

 $(document).ready(function(){
     $('input[type=button]').click(loginNow);
 });

Eventually give the button an id or a name and use this as the selector in jQuery.

answered Apr 19, 2013 at 11:58

pmayer

3513 silver badges13 bronze badges

Collectives™ on Stack Overflow

jQuery .load() function stops me from calling a script in HTML-file

4 Answers 4

1 Comment

1 Comment

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

1 Comment

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related