CODEWITHSUNDEEP
javascriptphp
Ds.109
Ds.109

Reputation: 730

direct user to php page with javascript + an id

I am very new to javascript - mainly only used it to go back a page or go to a link ..

I got it working on the example page, now I'm trying to get it to work on my website ... However nothing occurs when the link is pressed...

The files exist in their linked locations. The script is copied from the example.

HEADER: 

<script type="text/javascript" src="js/jquery-impromptu.min.js"></script>
<link rel="stylesheet" media="all" type="text/css" href="css/jquery-impromptu.css" />

<script type="text/javascript">
function removeUser(id){
                var txt = 'Are you sure you want to remove this user?<input type="hidden" id="userid" name="userid" value="'+ id +'" />';

                $.prompt(txt,{ 
                    buttons:{Delete:true, Cancel:false},
                    close: function(e,v,m,f){

                        if(v){
                            var uid = f.userid;

                            window.location = "deletemember.php?id=" + id;                                  

                        }
                        else{}

                    }
                });
            }
</script>

LINK : 

<a href='javascript:;' onclick='removeUser(544666);'>Delete</a>

Upvotes: 0

Views: 162

Answers (2)

douweegbertje
douweegbertje

Reputation: 86

Check this demo: https://github.com/trentrichardson/jQuery-Impromptu/blob/master/demos/user_manager.html

What you should do is make a function. This function is called when a user does something, but it should contain an ID. For example:

<a href="javascript:;" title="Edit User" class="edituser" onclick="editUser(4);">Edit</a>

So, as you can see you will call the function 'editUser(4)' where 4 is the ID.

Back to JS

 function editUser(id){


 }

In this function you add your part, and you end up with this:

    <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="../jquery-impromptu.js"></script>

    <script type="text/javascript">

        function removeUser(id){
            var user = $('#userid'+id)
            var fname = user.find('.fname').text();
            var lname = user.find('.lname').text();

            var txt = 'Are you sure you want to remove this user with id: '+id+'?';

            $.prompt(txt,{ 
                buttons:{Change:true, Cancel:false},
                submit: function(e,v,m,f){
                    var flag = true;
                    if (v) {

                        window.location = "deletemember.php?id=" + id; 

                    }
                    return flag;
                }
            });
        }

    </script>

    <a href='javascript:;' onclick='removeUser(544666);'>Delete</a>

Now the ID is useable for your window.location.

Upvotes: 1

NobleUplift
NobleUplift

Reputation: 6024

Use window.location.href or window.location.replace:

<script type="text/javascript">
function removeUser(id) {
    var txt = 'Are you sure you want to remove this user?<input type="hidden" id="userid" name="userid" value="' + id + '" />';

    $.prompt(txt, {
        buttons: {
            Delete: true,
            Cancel: false
        },
        close: function (e, v, m, f) {

            if (v) {
                var uid = f.userid;

                //window.location.href = "deletemember.php?id=" + uid;
                window.location.replace("deletemember.php?id=" + uid);

            } else {}

        }
    });
}
</script>

You can read about the difference here.

Upvotes: 0

Related Questions