javascript within php

Question

I am trying to do the following in jquery

<?php

    echo "<script>";
    echo "$(document).ready(function(){";
    echo "$('#mainbody-wrapper').removeClass('mainbody-wrapper')";
    echo ";";
    echo "$('#mainbody-wrapper').addClass('newStyle')";

    echo ";";
    echo "contentHeight=$('.content').css('height') + 20";
    echo ";";

    echo "alert(contentHeight)";
    echo ";";
    echo "$('#mainbody-wrapper').css('height',contentHeight)";
    echo ";";
    echo "$('#subcontent-wrapper').remove()";
    echo ";";
    echo "})";
    echo "</script>";

?>

But the variable contentHeight output 300px20. I want to do javascript addition, but its getting concatenated. How can this be achieved?

Your problem isn't because of PHP; it's a pure JavaScript + jQuery problem. — icktoofay
– icktoofay, Commented Jul 16, 2011 at 3:54

Dan F · Accepted Answer · 2011-07-16 03:56:44Z

3

If you just want to read the height, jquery has a height method

echo "contentHeight=$('.content').height() + 20";

From the doco:

The difference between .css('height') and .height() is that the latter returns a unit-less pixel value (for example, 400) while the former returns a value with units intact (for example, 400px). The .height() method is recommended when an element's height needs to be used in a mathematical calculation.

answered Jul 16, 2011 at 3:56

Dan F

12.1k3 gold badges52 silver badges75 bronze badges

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

Comments

Ibu · Accepted Answer · 2011-07-16 03:55:45Z

1

You can use parseInt():

 echo "contentHeight= parseInt($('.content').css('height')) + 20";

also to go to the next line, use line breaks \n.

example:

echo "contentHeight= parseInt($('.content').css('height')) + 20;\n";

answered Jul 16, 2011 at 3:55

Ibu

44k14 gold badges82 silver badges109 bronze badges

Comments

Senica Gonzalez · Accepted Answer · 2011-07-16 03:56:17Z

0

Do you need to echo everything? You know you can run php and javascript together in the same file.

for example:

<?php echo 'hello world'; ?>
<script>
jQuery("<?php echo $var; ?>").addClass("test");
</script>
<?php echo 'end'; ?>

answered Jul 16, 2011 at 3:56

Senica Gonzalez

8,22017 gold badges71 silver badges111 bronze badges

Collectives™ on Stack Overflow

javascript within php

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related