How to add JQuery into PHP file

Question

I have a problem to add JQuery in file this is my code:

        <html>
        <head>

        <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'>
        </script>

        <script> 


 $(document).ready(function(){
      $('#k1').click(function(){
            $('#k2').animate({marginLeft:'-50px'});
        $('#k3').animate({marginLeft:'-450px'});
        $('#k4').animate({marginLeft:'-450'});

      });



    });
        </script> 
            </head>
                <body>
                <div class='wrapper'>
                    <div class='mainKotak'>
                        <div class='wKotak'>

                                <div class='kotak' id='k1' ></div>

                        </div>
                    </div>
                </div>
                </body>
                 </html>

the code above is in

<?php 
echo" ";
?>

the jquery isn't work , please someone help me because i'm newbie in jquery thanks

SOLVED i'm just use jQuery with external javascript

when the div clicked the jquery isn't work but if i copy that code into a html file is work normally — Mamen
– Mamen, Commented Oct 27, 2013 at 8:34
Thank you for wanting to mark your question as solved. However, we don't edit questions to do that here - we tick answers. So, either tick one of the below answers, or make your own and tick that. Thanks! — halfer
– halfer, Commented Oct 27, 2013 at 9:45

Sanjay · Accepted Answer · 2013-10-27 08:34:14Z

3

don't use echo like that. You can write anything outside <?php ... ?>, in simple HTML

answered Oct 27, 2013 at 8:34

Sanjay

2,0482 gold badges19 silver badges26 bronze badges

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

2 Comments

Mamen Over a year ago

but i want to add switch case into <?php ..?> that change a title of web

Quentin Over a year ago

So switch into <?php ... ?> only when you want to deal with something that has to be determined programatically.

brandonscript · Accepted Answer · 2013-10-27 09:03:04Z

0

If I'm understanding you correctly, you need to echo out that jquery code via php? You can do this easily by escaping out any double quotes or backslashes (" , \) with a backslash. Since your code doesn't appear to have either, you should be fine.

You may also find that because javascript is particular about line breaks sometimes, adding the white-space line break character to the end of your echo is beneficial: \n

e.g.

echo "<html>\n";
echo "<head>\n";
echo "<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'>\n";
echo "</script>\n";
echo "<script>\n";

There is an online tool for easily wrapping raw HTML in php echo that may help you too: http://www.andrewdavidson.com/convert-html-to-php/

If it still doesn't work after doing that, you likely have a syntax error. Check the source of your php-generated code as well -- compare it to the code you've pasted above to ensure they match up.

@Sanjay's answer above also makes a lot more sense if you can do it that way instead. You can switch between php easily:

<?php 

include"db.php"; 
if(!isset($_GET['page'])) 
{ 
    header("location:index.php?page=home"); 
} 
switch($_GET['page'])
{
     case "home": $title = "TITLE WEB";
}
?>

<html>
<head>
<title><?php echo $titleVar; ?></title>
<link rel='stylesheet' href='css/style.css' type='text/css'>
<body>

...

<php echo "Other content"; ?>

</body>
</html>

edited Oct 27, 2013 at 9:03

answered Oct 27, 2013 at 8:34

brandonscript

73.7k35 gold badges178 silver badges240 bronze badges

5 Comments

ComFreek Over a year ago

The browser doesn't care about line breaks in JS if you insert your semicolons correctly.

brandonscript Over a year ago

@ComFreek no, it doesn't; sometimes though, even if just for debugging, it's handy to do. (Plus the online tool adds them automatically).

Mamen Over a year ago

is $titleVar in the switch case ?

Mamen Over a year ago

this is example <?php include"db.php"; if(!isset($_GET['page'])) { header("location:index.php?page=home"); } switch($_GET['page']){ case "home": echo" <head><title>TITLE WEB</title> <link rel='stylesheet' href='css/style.css' type='text/css'> </head>

brandonscript Over a year ago

Ah, OK, since you're setting the header in the PHP, you'd need to include some before <HTML>. See edited answer.

Imam Mubin · Accepted Answer · 2014-01-06 15:22:14Z

0

You need to add quotes character (') on css attribute and write correctly

$('#k2').animate({marginLeft:'-50px'});

become

$('#k2').animate({'margin-left':'-50px'});

answered Jan 6, 2014 at 15:22

Imam Mubin

2942 silver badges10 bronze badges

Collectives™ on Stack Overflow

How to add JQuery into PHP file

3 Answers 3

2 Comments

5 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related