Warning: Please do not give out any FTP or ssh credentials to anyone, unless you trust them completely. Giving out login details is dangerous.

If the asker does not get an answer then they have 10 days to request a refund.

tydende | 01/25/12 at 6:56pm Edit

(6) Possible Answers Submitted...

See a chronological view of answers?

Warning: Please do not give out any FTP or ssh credentials to anyone, unless you trust them completely. Giving out login details is dangerous.

• 
  Last edited:
  01/25/12
  7:10pm
  Fahd Murtaza says:

  Yes this can be done through cookies.

  • 01/25/12 7:11pm
    
    Fahd Murtaza says:

    or may be sessions.

• 
  Last edited:
  01/25/12
  7:50pm
  John Cotton says:

  You can do this with cookies - either on the client side with javascript or the server side with PHP. Since I can't see you server code completely, I'm going to walk you through doing it with javascript.
  
  Firstly, you need to add jquery.cookie.js to your project. You can get a copy here.
  
  Then you need some script like this:
  
  

  
  
  <script type="text/javascript">
  
  	$.fn.serializeObject = function()
  
  	{
  
  	    var o = {};
  
  	    var a = this.serializeArray();
  
  	    $.each(a, function() {
  
  		if (o[this.name] !== undefined) {
  
  		    if (!o[this.name].push) {
  
  			o[this.name] = [o[this.name]];
  
  		    }
  
  		    o[this.name].push(this.value || '');
  
  		} else {
  
  		    o[this.name] = this.value || '';
  
  		}
  
  	    });
  
  	    return o;
  
  	};
  
  
  
  	$('form').submit(function() {
  
  		$.cookie("search_settings", JSON.stringify($('#form').serializeObject()), { path: '/' });
  
  	});
  
  	 
  
  	var settings = $.parseJSON($.cookie("search_settings"));
  
  	$.each( settings, function( name, value){
  
  		// deserialize your settings
  
  		// In this case, it's all checkboxes, so it's simpler. Different form elements would need to be handle differently!
  
  		$('[name="'+name+'"]').prop('checked', true);
  
  	});
  
  </script>							
  
  

  Previous versions of this answer: 01/25/12 at 7:50pm

  • 01/25/12 8:11pm
    
    tydende says:

    Thanks John.
    
    I added the code and jquery.cookie.js as suggested
    http://www.lucalune.com/wordpress/wp-content/themes/simplest/js/jquery.cookie.js
    
    The sort search results still clear. Are there names or values that I need to change in the code you posted? Let me know if there's anything else from my files that you might need to see.
    
    Thanks!

  • 01/26/12 4:14am
    
    John Cotton says:

    The sort search results still clear. Are there names or values that I need to change in the code you posted? Let me know if there's anything else from my files that you might need to see.

    
    
    My code doesn't seem to be there...
    
    I guess you're trying another solution, but if you want me to help you get mine working, just let me know - but you should try to do just one at once!
    
    JC
    

• 
  Last edited:
  01/25/12
  8:44pm
  idt says:

  Hi,
  
  Please check this one: http://stackoverflow.com/questions/3313595/saving-checkbox-state-on-reload. I think that's exactly what you needed.
  
  Please let me know if you need help implementing this on your code. You can PM FTP login details if you want me to do it.
  
  Thanks,
  idt

  Previous versions of this answer: 01/25/12 at 8:18pm | 01/25/12 at 8:44pm

  • 01/25/12 8:53pm
    
    idt says:

    This code:
    

    
    
    function getStorage(key_prefix) {
    
        // this function will return us an object with a "set" and "get" method
    
        // using either localStorage if available, or defaulting to document.cookie
    
        if (window.localStorage) {
    
            // use localStorage:
    
            return {
    
                set: function(id, data) {
    
                    localStorage.setItem(key_prefix+id, data);
    
                },
    
                get: function(id) {
    
                    return localStorage.getItem(key_prefix+id);
    
                }
    
            };
    
        } else {
    
            // use document.cookie:
    
            return {
    
                set: function(id, data) {
    
                    document.cookie = key_prefix+id+'='+encodeURIComponent(data);
    
                },
    
                get: function(id, data) {
    
                    var cookies = document.cookie, parsed = {};
    
                    cookies.replace(/([^=]+)=([^;]*);?\s*/g, function(whole, key, value) {
    
                        parsed[key] = unescape(value);
    
                    });
    
                    return parsed[key_prefix+id];
    
                }
    
            };
    
        }
    
    }
    
    
    
    jQuery(function($) {
    
        // a key must is used for the cookie/storage
    
        var storedData = getStorage('com_mysite_checkboxes_');
    
        
    
        $('form#myForm input:checkbox').bind('change',function(){
    
            $('#'+this.id+'txt').toggle($(this).is(':checked'));
    
            // save the data on change
    
            storedData.set(this.id, $(this).is(':checked')?'checked':'not');
    
        }).each(function() {
    
            // on load, set the value to what we read from storage:
    
            var val = storedData.get(this.id);
    
            if (val == 'checked') $(this).attr('checked', 'checked');
    
            if (val == 'not') $(this).removeAttr('checked');
    
            if (val) $(this).trigger('change');
    
        });
    
        
    
    });
    
    

  • 01/25/12 9:00pm
    
    idt says:

    Basically, your code in the head of your HTML will be like this:
    

    
    
    <script type="text/javascript">
    
    function getStorage(key_prefix) {
    
        // this function will return us an object with a "set" and "get" method
    
        // using either localStorage if available, or defaulting to document.cookie
    
        if (window.localStorage) {
    
            // use localStorage:
    
            return {
    
                set: function(id, data) {
    
                    localStorage.setItem(key_prefix+id, data);
    
                },
    
                get: function(id) {
    
                    return localStorage.getItem(key_prefix+id);
    
                }
    
            };
    
        } else {
    
            // use document.cookie:
    
            return {
    
                set: function(id, data) {
    
                    document.cookie = key_prefix+id+'='+encodeURIComponent(data);
    
                },
    
                get: function(id, data) {
    
                    var cookies = document.cookie, parsed = {};
    
                    cookies.replace(/([^=]+)=([^;]*);?\s*/g, function(whole, key, value) {
    
                        parsed[key] = unescape(value);
    
                    });
    
                    return parsed[key_prefix+id];
    
                }
    
            };
    
        }
    
    }
    
    </script>
    
    

    
    Then insert this code:
    

    
    
        // a key must is used for the cookie/storage
    
        var storedData = getStorage('com_mysite_checkboxes_');
    
        
    
        $('form#myForm input:checkbox').bind('change',function(){
    
            $('#'+this.id+'txt').toggle($(this).is(':checked'));
    
            // save the data on change
    
            storedData.set(this.id, $(this).is(':checked')?'checked':'not');
    
        }).each(function() {
    
            // on load, set the value to what we read from storage:
    
            var val = storedData.get(this.id);
    
            if (val == 'checked') $(this).attr('checked', 'checked');
    
            if (val == 'not') $(this).removeAttr('checked');
    
            if (val) $(this).trigger('change');
    
        });
    
    

    
    inside

    jQuery(function($){

    that's already in your page, just above the last

    });

  • 01/25/12 9:28pm
    
    idt says:

    If that didn't work, please try adding this block

    
    
    // a key must is used for the cookie/storage
    
    
    
        var storedData = getStorage('com_mysite_checkboxes_');
    
    
    
        
    
    
    
        $('form#myForm input:checkbox').bind('change',function(){
    
    
    
            $('#'+this.id+'txt').toggle($(this).is(':checked'));
    
    
    
            // save the data on change
    
    
    
            storedData.set(this.id, $(this).is(':checked')?'checked':'not');
    
    
    
        }).each(function() {
    
    
    
            // on load, set the value to what we read from storage:
    
    
    
            var val = storedData.get(this.id);
    
    
    
            if (val == 'checked') $(this).attr('checked', 'checked');
    
    
    
            if (val == 'not') $(this).removeAttr('checked');
    
    
    
            if (val) $(this).trigger('change');
    
    
    
        });
    
    

    
    at the bottom of your searchform.php file. So your searchform.php becomes like this:
    

    
    
    <div class="searchform">
    
    <form id="myForm" action="<?php bloginfo('template_url') ?>/build_search.php" method="post" onsubmit="return false"> 
    
    
    
    <div style="display:none;"><select name="and-or" id="select-and-or">
    
    <option value="OR">Match ANY of the checkboxes (default)</option>
    
    <option value="AND">Match ALL of the checkboxes</option>
    
    </select></div>
    
    <div>
    
    <?php
    
    // The following will list all tags with a checkbox next to them.
    
    $tags = get_terms( 'post_tag' );
    
    $checkboxes = '';
    
    foreach($tags as $tag) :
    
    $checkboxes .='<input type="checkbox" name="tag[]" class="styled" value="'.$tag -> slug.'" id="tag-'.$tag->term_id.'" /><label for="tag-'.$tag->term_id.'" style="line-height:22px; clear:left;">'.$tag->name.'</label><br>';
    
    endforeach;
    
    print $checkboxes;
    
    ?>
    
    </div>
    
    <p><input type="image" onclick="dosubmit()" value="" src="<?php bloginfo('template_url') ?>/images/sort_button_grey.png"></p>
    
    
    
    </form>
    
    </div>
    
    <script type="text/javascript">
    
    jQuery(function($) {
    
        // a key must is used for the cookie/storage
    
        var storedData = getStorage('com_mysite_checkboxes_');
    
        
    
        $('form#myForm input:checkbox').bind('change',function(){
    
            $('#'+this.id+'txt').toggle($(this).is(':checked'));
    
            // save the data on change
    
            storedData.set(this.id, $(this).is(':checked')?'checked':'not');
    
        }).each(function() {
    
            // on load, set the value to what we read from storage:
    
            var val = storedData.get(this.id);
    
            if (val == 'checked') $(this).attr('checked', 'checked');
    
            if (val == 'not') $(this).removeAttr('checked');
    
            if (val) $(this).trigger('change');
    
        });
    
        
    
    });
    
    </script>
    
    

  • 01/25/12 9:32pm
    
    idt says:

    Sorry, I meant try moving this

    // a key must is used for the cookie/storage
    
        var storedData = getStorage('com_mysite_checkboxes_');
    
        
    
        $('form#myForm input:checkbox').bind('change',function(){
    
            $('#'+this.id+'txt').toggle($(this).is(':checked'));
    
            // save the data on change
    
            storedData.set(this.id, $(this).is(':checked')?'checked':'not');
    
        }).each(function() {
    
            // on load, set the value to what we read from storage:
    
            var val = storedData.get(this.id);
    
            if (val == 'checked') $(this).attr('checked', 'checked');
    
            if (val == 'not') $(this).removeAttr('checked');
    
            if (val) $(this).trigger('change');
    
        });

    
    from where I originally suggested it to your searchform.php.

  • 01/25/12 10:05pm
    
    idt says:

    Please remove this line from the code i gave you:
    
    

    $('#'+this.id+'txt').toggle($(this).is(':checked'));

• 
  Last edited:
  01/25/12
  9:16pm
  Christianto says:

  Hi,
  
  If you use jquery cookie that would be simple by storing all checked value and used it when page load...
  
  Try this code for your javascript on <head>:
  

  jQuery(function($){
  
  	
  
  	var sv = $.cookie("search_value");
  
  	if(sv){
  
  		var mycheckedoption = sv.split(',');
  
  		$.each(mycheckedoption, function(i,v){
  
  			$('input[value="'+v+'"]').prop("checked", true);
  
  		});
  
  		$('#myForm').submit();
  
  	}
  
  
  
  	$('form').submit(function(e){
  
  		
  
  		e.preventDefault();
  
  		
  
  		var cvalue = new Array(), $f = $(this);
  
  		$(':checked',this).each(function(i){
  
  			cvalue[i] = $(this).val();
  
  		});
  
  		$.cookie("search_value", cvalue.join(',') );
  
  		
  
  		$("#results").empty().html('<img src="http://www.lucalune.com/wordpress/wp-content/themes/simplest/images/ajax-loader.gif" />');
  
  		$.ajax({
  
  			url: $f.attr('action'),
  
  			type: 'post',
  
  			data: $f.serialize(),
  
  			success: function(data){
  
  				$('#results').replaceWith('<div id="results">' + data + '<\/div>');
  
  			}
  
  		});
  
  	});
  
  });

  
  
  Let me know if this doesn't work on your site..

  • 01/25/12 9:29pm
    
    tydende says:

    Cristianto,
    
    Here's a page with your code
    http://lucalune.com/wordpress/community-sculpture/the-moths/
    
    the search function doesn't seem to be working. let me know if you need to see any code you can't see

  • 01/25/12 9:30pm
    
    tydende says:

    idt, that didn't work at first. i'll try adding the second parts

  • 01/25/12 10:00pm
    
    tydende says:

    idt,
    
    i think i have the code as you suggested here http://lucalune.com/wordpress
    but the search results are still clearing.
    i added the first block of javscript code to the header.php file, and added the jQuery(function($) code to the bottom of searchform.php
    
    there's one other file that is used to build the search, and that's build_search.php (below), but i don't think that's a factor.
    
    Let me know if i missed something
    
    
    ---------------------------
    
    build_search.php
    
    
    <?php
    // Keyword search
    if (isset($_POST['keywordsearch'])) {
    $text_search = $_POST['keywordsearch'];
    $text = $text_search;
    }
    
    // If there is no keyword entered
    else {
    $text = '';
    }
    
    // If there's a category search
    if (isset($_POST["cat"])) {
    $cat = $_POST["cat"];
    }
    
    // If there's a tag search
    if (isset($_POST["tag"])){
    $tags_array = array();
    $tags_array = $_POST["tag"];
    
    foreach ($tags_array as $key => $value)
    {
    if ($_POST["and-or"] == "OR") {
    // tag1 OR tag2 is chosen, add a comma after the tags
    $string .= $value.'+';
    }
    
    elseif ($_POST["and-or"] == "AND") {
    // tag1 AND tag2 is chosen, add a plus after the tags.
    $string .= $value.'+';
    }
    }
    
    // Remove the last symbol in the string, in this case the comma or plus that is added after each tag. We don't want it to look like "tag1+tag2+".
    $tags_string = substr($string, 0, -1);
    
    $tag = $tags_string;
    }
    
    // If there's no search for tags, set it to 0
    else {
    $tag = 0;
    }
    
    // build the url with the variables
    $url = header("Location:/wordpress/?s=$text&cat=$cat&tag=$tag");
    ?>
    
    

  • 01/25/12 10:15pm
    
    Christianto says:

    I don't see my code there are you change it to test other code?

  • 01/25/12 10:45pm
    
    tydende says:

    idt,
    
    i notice that on refresh the checkbox states remain (do not clear)
    http://lucalune.com/wordpress/
    
    but the search results do not remain (they clear on refresh). the priority is for the search results to remain.
    
    just to clarify on that in case that was not clear.
    
    thanks again for all the help so far

  • 01/25/12 11:17pm
    
    Christianto says:

    I'm not idt.. :)
    
    Have you tried my code?
    I can't see my code on your site, so I can't see why it doesn't work..
    

  • 01/25/12 11:21pm
    
    tydende says:

    cristianto,
    
    i added your code to the header file on this page
    http://lucalune.com/wordpress/community-sculpture/the-moths/
    
    check and see if i added it correctly. the sort button does not work on the page for me

  • 01/25/12 11:32pm
    
    tydende says:

    cristianto,
    
    looking at your code it looks like you may also be trying to get the checkbox states to remain constant. just to clarify, the checkbox states are not the goal, but rather to have the search results (the links) remain on page refresh.
    
    thanks

  • 01/25/12 11:34pm
    
    Christianto says:

    On page
    http://lucalune.com/wordpress/community-sculpture/the-moths/
    
    you load jquery 1.4.2 above my code and jquery 1.6.1 below my function, can u place the code below <? wp_head() ?>
    
    it need jquery.prop() to work (included version 1.6 added)
    also there is dosubmit undefine function.

  • 01/26/12 1:03am
    
    Christianto says:

    I fix it by change place of jquery.cookie.js and swap my code place.
    jquery.cookie.js need to be define after loading jquery.js (ver 1.6)
    not between loading jquery1.4.2.js and jquery.js
    
    please change your header.php to :
    
    

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    
     <title>Jen Lewin Studio</title>
    
    <meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />
    
    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
    
    <link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
    
    <script type="text/javascript" src="http://www.lucalune.com/wordpress/wp-content/themes/simplest/js/jquery1.4.2.js"></script>
    
    <script type="text/javascript" src="http://www.lucalune.com/wordpress/wp-content/themes/simplest/js/custom_checkbox.js"></script>
    
    <script type="text/javascript" src="http://www.lucalune.com/wordpress/wp-content/themes/simplest/js/ddaccordion.js">
    
    /***********************************************
    
    * Accordion Content script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
    
    * Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
    
    * This notice must stay intact for legal use
    
    ***********************************************/
    
    </script>
    
    <script type="text/javascript">
    
    ddaccordion.init({
    
    	headerclass: "submenuheader", //Shared CSS class name of headers group
    
    contentclass: "submenu", //Shared CSS class name of contents group
    
    	revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
    
    	mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
    
    	collapseprev: true, //Collapse previous content (so only one open at any time)? true/false 
    
    	defaultexpanded: true, //index of content(s) open by default [index1, index2, etc] [] denotes no content
    
    	onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
    
    	animatedefault: false, //Should contents open by default be animated into view?
    
    	persiststate: true, //persist state of opened contents within browser session?
    
    	toggleclass: ["", ""], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
    
    	togglehtml: ["suffix", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
    
    	animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
    
    	oninit:function(headers, expandedindices){ //custom code to run when headers have initalized
    
    		//do nothing
    
    	},
    
    	onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
    
    		//do nothing
    
    	}
    
    })
    
    </script>
    
    <script type="text/javascript" src="http://www.lucalune.com/wordpress/wp-content/themes/simplest/js/menu.js"></script>
    
    
    
    <?php wp_head(); ?>
    
    <script type="text/javascript" src="http://www.lucalune.com/wordpress/wp-content/themes/simplest/js/jquery.cookie.js"></script>
    
    <script type="text/javascript">
    
    function dosubmit(){
    
    	jQuery('#myForm').submit();
    
    }
    
    jQuery(function($){
    
    	
    
    	$('form').submit(function(e){
    
    		e.preventDefault();
    
    		
    
    		var cvalue = new Array(), $f = $(this);
    
    		$(':checked',this).each(function(i){
    
    			cvalue[i] = $(this).val();
    
    		});
    
    		$.cookie("search_value", cvalue.join(',') );
    
    		
    
    		$("#results").empty().html('<img src="http://www.lucalune.com/wordpress/wp-content/themes/simplest/images/ajax-loader.gif" />');
    
    		$.ajax({
    
    			url: $f.attr('action'),
    
    			type: 'post',
    
    			data: $f.serialize(),
    
    			success: function(data){
    
    				$('#results').replaceWith('<div id="results">' + data + '<\/div>');
    
    			}
    
    		});
    
    	});
    
    	
    
    	var sv = $.cookie("search_value");
    
    	if(sv){
    
    		var mycheckedoption = sv.split(',');
    
    		$.each(mycheckedoption, function(i,v){
    
    			$('input[value="'+v+'"]').prop("checked", true);
    
    		});
    
    		$('#submit-search').click();
    
    		
    
    		/* 
    
    		uncomment this if you want to delete the checkbox statement
    
    		$.each(mycheckedoption, function(i,v){
    
    			$('input[value="'+v+'"]').prop("checked", false);
    
    		});
    
    		*/
    
    	}
    
    	
    
    });
    
    </script>
    
    </head>

  • 01/26/12 1:33am
    
    Christianto says:

    My bad, I forgot to change my example submit code $('#submit-search').click(); to dosubmit();
    
    This is your header.php
    
    

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    
     <title>Jen Lewin Studio</title>
    
    <meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />
    
    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
    
    <link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
    
    <script type="text/javascript" src="http://www.lucalune.com/wordpress/wp-content/themes/simplest/js/jquery1.4.2.js"></script>
    
    <script type="text/javascript" src="http://www.lucalune.com/wordpress/wp-content/themes/simplest/js/custom_checkbox.js"></script>
    
    <script type="text/javascript" src="http://www.lucalune.com/wordpress/wp-content/themes/simplest/js/ddaccordion.js">
    
    /***********************************************
    
    * Accordion Content script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
    
    * Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
    
    * This notice must stay intact for legal use
    
    ***********************************************/
    
    </script>
    
    <script type="text/javascript">
    
    ddaccordion.init({
    
    	headerclass: "submenuheader", //Shared CSS class name of headers group
    
    contentclass: "submenu", //Shared CSS class name of contents group
    
    	revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
    
    	mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
    
    	collapseprev: true, //Collapse previous content (so only one open at any time)? true/false 
    
    	defaultexpanded: true, //index of content(s) open by default [index1, index2, etc] [] denotes no content
    
    	onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
    
    	animatedefault: false, //Should contents open by default be animated into view?
    
    	persiststate: true, //persist state of opened contents within browser session?
    
    	toggleclass: ["", ""], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
    
    	togglehtml: ["suffix", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
    
    	animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
    
    	oninit:function(headers, expandedindices){ //custom code to run when headers have initalized
    
    		//do nothing
    
    	},
    
    	onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
    
    		//do nothing
    
    	}
    
    })
    
    </script>
    
    <script type="text/javascript" src="http://www.lucalune.com/wordpress/wp-content/themes/simplest/js/menu.js"></script>
    
    
    
    <?php wp_head(); ?>
    
    <script type="text/javascript" src="http://www.lucalune.com/wordpress/wp-content/themes/simplest/js/jquery.cookie.js"></script>
    
    <script type="text/javascript">
    
    function dosubmit(){
    
    	jQuery('#myForm').submit();
    
    }
    
    jQuery(function($){
    
    	
    
    	$('form').submit(function(e){
    
    		e.preventDefault();
    
    		
    
    		var cvalue = new Array(), $f = $(this);
    
    		$(':checked',this).each(function(i){
    
    			cvalue[i] = $(this).val();
    
    		});
    
    		$.cookie("search_value", cvalue.join(',') );
    
    		
    
    		$("#results").empty().html('<img src="http://www.lucalune.com/wordpress/wp-content/themes/simplest/images/ajax-loader.gif" />');
    
    		$.ajax({
    
    			url: $f.attr('action'),
    
    			type: 'post',
    
    			data: $f.serialize(),
    
    			success: function(data){
    
    				$('#results').replaceWith('<div id="results">' + data + '<\/div>');
    
    			}
    
    		});
    
    	});
    
    	
    
    	var sv = $.cookie("search_value");
    
    	if(sv){
    
    		var mycheckedoption = sv.split(',');
    
    		$.each(mycheckedoption, function(i,v){
    
    			$('input[value="'+v+'"]').prop("checked", true);
    
    		});
    
    		
    
    		dosubmit();
    
    		
    
    		/* 
    
    		uncomment this if you want to delete the checkbox statement
    
    		$.each(mycheckedoption, function(i,v){
    
    			$('input[value="'+v+'"]').prop("checked", false);
    
    		});
    
    		*/
    
    	}
    
    	
    
    });
    
    </script>
    
    </head>

• 
  Last edited:
  01/26/12
  12:33am
  Hai Bui says:

  Hi,
  
  First, please add jquery.cookie.js to your project.
  
  Second, change the javascript part in header.php:
  

  <script type="text/javascript">
  
  jQuery(function($){
  
  	$('form').submit(function(e){
  
  		e.preventDefault();
  
  		var $f = $(this);
  
  		$.cookie("search_data", $f.serialize(), { path: '/' });
  
  		$("#results").empty().html('<img src="http://www.lucalune.com/wordpress/wp-content/themes/simplest/images/ajax-loader.gif" />');
  
  		$.ajax({
  
  			url: $f.attr('action'),
  
  			type: 'post',
  
  			data: $f.serialize(),
  
  			success: function(data){
  
  				$('#results').replaceWith('<div id="results">' + data + '<\/div>');
  
  			}
  
  		});
  
  	});
  
  	if ($.cookie("search_data")) {
  
  		$(".searchform form").each(function(){
  
  			var $f = $(this);
  
  			$("#results").empty().html('<img src="http://www.lucalune.com/wordpress/wp-content/themes/simplest/images/ajax-loader.gif" />');
  
  			$.ajax({
  
  				url: $f.attr('action'),
  
  				type: 'post',
  
  				data: $.cookie("search_data"),
  
  				success: function(data){
  
  					$('#results').replaceWith('<div id="results">' + data + '<\/div>');
  
  				}
  
  			});
  
  		});
  
  	}
  
  });
  
  </script>

  
  
  Let me know if it doesn't work.

  • 01/26/12 9:14am
    
    tydende says:

    cristianto,
    
    this works. thank you!
    
    thank you tyo the others that posted solutions. i tried cristianto's solution first (in line) and that worked.
    
    thanks

• 
  Last edited:
  01/26/12
  1:39am
  Julio Potier says:

  Hello
  
  You can use cookies but this cookie can grow big or you can use wordpress transients, kind of temporary datas in database, like "options".
  
  I need the code from "http://lucalune.com/wordpress/wp-content/themes/simplest/build_search.php" to do this
  
  thank you.
  
  ps : if you can provide me FTP access, i'll do this directly for you ;)

This question has expired.

Julio Potier had additional discourse to offer.

Gabriel Reguly, Hai Bui, Julio Potier, Francisco Javier Carazo Gil, tydende voted on this question.

Current status of this question: Completed

Warning: Please do not give out any FTP or ssh credentials to anyone, unless you trust them completely. Giving out login details is dangerous.

If the asker does not get an answer then they have 10 days to request a refund.