Question

I am working on one project where I am doing html and jquery work and there was cgi at server side. Now we want to implement login/logout feature into it, but problem is we did not use any scripting language like php.
I want to use jquery.cookie.js to generate cookie and send it along with each request to server. My problem is how can I generate only one cookie for all pages for particular browser, so same cookie can send to server.If user knows the page name then he can access it directly like (http://www.mydomain.com/page.html). I have only use html so I have to include all js and css on each page.

If any other alternative for the same purpose then acceptable.

Answer 1

jquery.cookies.js simply helps you to set/modify/remove/get cookies in browser (default built in interface is not very handy for this)

Once you set it – each next request will contain that cookie automatically. Cookies have multiple settings like available for some path only (for instance, you may tell browser to send cookies only if it page has path like http://www.example.com/path_with_cookie/* ) or when it should expire. Just open docs for of your plugin and read how you can set different options with your script. Once cookie is set – it will be sent with any request which meats requirements like domain and path until it is not removed or expired.

But I do not see how you can create login/logout thing without any server side codding. Well, you may hide/show some elements in browser with js/css but without server being involved into that (usually server will check if user is logged in using cookie and make decision based on that if some content should be shown to user or not) it will be useless. Once some content delivered to browser anyone who knows how JS/HTML works can see hidden content. Plus – you need to check somehow if login/password is correct – have no idea how that could be done without server side coding and still being secure.

UPD:

If you still have to put cookies into form, you can add code like that:

$(document).ready(function() {
    $('form').live("submit", function(){
       $(this).append($("<input type=\"hidden\" name=\"auth_cookie\">").val($.cookie('auth_cookie')));
    });
});

Another way (for newer version of jquery, live is now deprecated):

$(document).on("submit", 'form', function(){...});

This code will catch submit event and add hidden field to any form which is submitted. Of course, it should be added on any page where form is available.