PHP simulating a click on a div when the page loads

Question

I am trying to simulate a click on a div when the page loads and detects a 'settings' in the url using php. How come this does not work?

if(isset($_GET['settings'])){ ?>
       <script>
           $(function(){
              $('#3').trigger("click"); //tried .click();
           });
        </script>
<?php }

sorry yeah, my jquery is at the footer.. that makes sense now. — Gadgetster, Sep 25 '14 at 04:05
This is probably being triggered before the page loads. Try adding it within a $(document).ready(function(){} — Russell Bevan, Sep 25 '14 at 04:06
@RussellBevan That would imply jquery has been loaded though. — Mike, Sep 25 '14 at 04:07
@RussellBevan That's my point. So putting `$(document).ready(function(){}` would not work because jQuery hasn't been loaded yet. — Mike, Sep 25 '14 at 04:09
i put the coe at the bottom of the page so it's after jquery-1.11.0.min.js and still it's not working — Gadgetster, Sep 25 '14 at 04:09
jQuery may be loaded, but whatever `#3` is may not be. The other issue is that the ID starts with a number which is invalid. — Russell Bevan, Sep 25 '14 at 04:10
it supposed to click on that div and the div will slide out content. how come the #3 works for identifying which slider as i have 6 of them? — Gadgetster, Sep 25 '14 at 04:19
add an alert() inside your function and see if it pops up when you load the page. Also, where is the code for your click event? — Russell Bevan, Sep 25 '14 at 04:21
I think the problem is he triggered click before define it:) — Mad Angle, Sep 25 '14 at 04:23

score 1 · Accepted Answer · edited May 23 '17 at 10:30

1

Numeric IDs are invalid in Jquery.

For more info Goto this post

ID and NAME tokens must begin with a letter ([A-Za-z]) and may be followed by any number of letters, digits ([0-9]), hyphens ("-"), underscores ("_"), colons (":"), and periods (".").

So try to use $('.slide').trigger("click"); instead of $('#3').trigger("click"); or put some valid id and select using that.

Using this code will solve your problem

<html>
<head>
    <title>Click </title>
</head>
<body>
    <div class="slide">Show Target</div>
    <div style="display: none;" class="target">Target</div>
    <div class="hide-target">Hide Target</div>
<?php
    $_GET['settings'] = "some value";
    if(isset($_GET['settings'])){
?>      <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
        <script>
            $(document).ready(function(){
                $('.slide').click(function(){
                    alert("hi");
                    $(".target").show();
                });
                $('.hide-target').click(function(){
                    $(".target").hide();
                });
                $('.slide').trigger("click");
            });
        </script>
<?php
    }
?>    
</body>

edited May 23 '17 at 10:30

Community

1
1

answered Sep 25 '14 at 04:07

Mad Angle

2,347
1
15
33

i get the alert but the div won't slide out like it suppose to when i manually click it – Gadgetster Sep 25 '14 at 04:33
the alert worked. the div (#3 in this case) once clicked, supposed to slide out .target i tried toggeling it but it didn't work – Gadgetster Sep 25 '14 at 04:39
It was not in your question. U said just to alert. U have to post your rest of the code. Then only I can help you. – Mad Angle Sep 25 '14 at 04:41
This is the code
text..
– Gadgetster Sep 25 '14 at 04:45
Then whats your exact requirement? what is to be happen to this divs? – Mad Angle Sep 25 '14 at 04:46

PHP simulating a click on a div when the page loads

1 Answers1