executing jquery code from php

Question

$("#bt-potrdi").click( function(e) {    
        e.stopPropagation();        
        $("#belina").css({"z-index":200}); $("body").addClass("ext");
        $("#vpisok_frame").css({"z-index":250}).fadeIn(200);        
    });

when i click on button this jquery code is executed and works fine. Can i execute this code without click event?

I want to execute this code from php when some data is executed successfully like for example

if ($ok) {
?>
//execude ajax code
e.stopPropagation();        
            $("#belina").css({"z-index":200}); $("body").addClass("ext");
            $("#vpisok_frame").css({"z-index":250}).fadeIn(200);    
<?php
}

is this possible? PHP is server side code so i didn't find any good example if this is possible

This is possible but bear in mind that because PHP is interpreted before the page is sent to the browser the PHP variables will be sent to the browser as literal values and will not be modified. — Darrrrrren
– Darrrrrren, Commented Nov 6, 2012 at 15:32
In short, no, you cant "execute jquery from php". What you can do is make use of jQuery's .load() function — SpYk3HH
– SpYk3HH, Commented Nov 6, 2012 at 15:32

Reinstate Monica Cellio · Accepted Answer · 2012-11-06 15:34:47Z

4

Similar to the other suggestions, but this doesn't rely on having 2 copies of the same code...

if ($ok) {
?>
<script type="text/javascript">
    $(function() {
        $("#bt-potrdi").trigger("click");
    });
</script>
<?php

If you ever change the click event handler, this will still work. This means that you won't need to make any future changes in 2 places.

answered Nov 6, 2012 at 15:34

Reinstate Monica Cellio

26.2k6 gold badges54 silver badges67 bronze badges

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

Comments

Joshua Dwire · Accepted Answer · 2012-11-06 15:41:11Z

2

If I understand the question, you want to execute some javascript on page load if $ok is true. To do that, you should be able to do something like:

if ($ok) {
?>
<script type="text/javascript">
   //execute ajax code
   $("#belina").css({"z-index":200}); $("body").addClass("ext");
   $("#vpisok_frame").css({"z-index":250}).fadeIn(200);    
</script>
<?php
}

EDIT: Also, e.stopPropagation(); is not going to work because e is not defined anywhere.

edited Nov 6, 2012 at 15:41

answered Nov 6, 2012 at 15:32

Joshua Dwire

5,4515 gold badges32 silver badges51 bronze badges

2 Comments

Joshua Dwire Over a year ago

@SalmanA Thanks for pointing that out. I have no idea what e is, I just copied the askers code and put it inside script tags since that executes the code at runtime like it seemed he wanted. Now that you mention it, I'll remove that line.

Joshua Dwire Over a year ago

@senzacionale Unless this code gets outputted inside that function, how is e, getting defined in this code?

vkhavin · Accepted Answer · 2012-11-06 15:37:37Z

1

What happens is when your PHP script is executed, if $ok evaluates to true, then your jquery code is included in the generated document, and is omitted if it doesn't. But at this point, there is no event, so the following line will not work.

e.stopPropagation();

However, as jdwire suggested, you can wrap your javascript in a script tag, and have it executed that way, without being triggered by an event. So... like this:

<?php
if ($ok) {
?>
<script type="text/javascript">
    $("#belina").css({"z-index":200}); $("body").addClass("ext");
    $("#vpisok_frame").css({"z-index":250}).fadeIn(200);    
</script>
<?php
}
?>

answered Nov 6, 2012 at 15:37

vkhavin

1112 bronze badges

1 Comment

vkhavin Over a year ago

Also, the answer given by @Archer is another great way to do it, if you want to maintain the behavior when someone clicks AND based on what's happening in PHP. You can manually trigger the click event when the document loads, if certain conditions are met in your PHP logic.

Tom · Accepted Answer · 2012-11-06 16:09:10Z

1

I would design my code so that i could add classes and set z-indexes straight up when html is rendered, but if you want to do those with jquery, jsut wrap them in <script> and $(document).ready(function({}); so they will be executed when dom is ready.

eg.

if ($ok) {
?>
//execude ajax code
<script>
$(document).ready(function{

    $("#belina").css({"z-index":200}); $("body").addClass("ext");
    $("#vpisok_frame").css({"z-index":250}).fadeIn(200);    
});
</Script>
<?php
}

edit Okay i assumed e.stopPropagation(); is set somewhere before since it was in questions example aswell. removed it for now.

edited Nov 6, 2012 at 16:09

answered Nov 6, 2012 at 15:35

Tom

3,0601 gold badge21 silver badges23 bronze badges

2 Comments

senzacionale Over a year ago

thank you. You suggest classes and set z-indexes straight up? can you give an example?

Tom Over a year ago

for quick example, you could echo style="z-index:200" class="ext" to that #belina item if $ok == 1

purpletree · Accepted Answer · 2012-11-06 15:30:45Z

0

You can echo out the code in <script/> tags and it will be run as JavaScript, or with the code you have, just place it between tags and it should be fine :)

But you cannot do this "live". Only when the page is requested ONCE.

answered Nov 6, 2012 at 15:30

purpletree

1,9633 gold badges20 silver badges32 bronze badges

Comments

trapper · Accepted Answer · 2012-11-06 15:45:34Z

0

You can also do it this way to pass PHP variables over to javaScript. I think it's a lot cleaner.

$check = 1;

?>

...

<script type="text/javascript">

    var check = <?= $check; ?>;

    ...

    if (check)
    {
        $("#bt-potrdi").trigger("click");
    }

answered Nov 6, 2012 at 15:45

trapper

12k7 gold badges40 silver badges83 bronze badges

Collectives™ on Stack Overflow

executing jquery code from php

6 Answers 6

Comments

2 Comments

1 Comment

2 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

2 Comments

1 Comment

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related