0

近くの工場を検索できるように、郵便番号を入力するページを作成しています。

私は、人々が郵便番号を入力して送信をクリックする必要があるjqueryモーダルダイアログを使用しました。次に、Cookie を設定して、ユーザーが 2 回目にサイトにアクセスしたときに、郵便番号が設定されたままになるようにします。工場を直接検索できるようにします。

私はこのポップアップを持っています: ダイアログ

人々はそこで郵便番号を入力し、opslaan (保存) をクリックする必要があります。

ここでは、検索機能を備えたメインページを見ることができます。人々はさまざまなキロで検索できます。

検索とメイン

人々が郵便番号で検索できるように、郵便番号が記入されたラベルか何かが欲しい.

編集：

私のjqueryダイアログコード:

$(function() {

$( "#dialog" ).dialog(
{ 
show: "slow",
modal: "true",
width: 600,
show: "fold",
hide: "fade",
resizable: false,
draggable: false,
buttons: [ { id: "go", text: "Opslaan", click: function() { $( this ).dialog( "close" ); } } ],
open: function(event, ui) { $(".ui-dialog-titlebar-close").hide();  }});
$(".ui-widget-overlay").css({background: "#000", opacity: 0.8});
});

このコードを入れると：

<input type="text" id="postcode" value="" name="search"/>
<button id="go">Opslaan</button>

jquery ダイアログの div 内。それは動作しません。

<div id="dialog" title="Welkom bij OostWestRegioBest.nl">
  <p>Vul hier uw postcode in en druk op opslaan:</p>
  <br />


</div>
4

2 に答える 2

0

ここで jquery cookie をお勧めします: https://github.com/carhartl/jquery-cookie

その後、あなたはするでしょう

$.cookie('postcode', $('#postcode').val());

それを設定し、これを読み取るには：

if(typeof $.cookie('postcode') !== 'undefined'){
    $('#postcode').val($.cookie('postcode'));
}

たとえば、次の HTML があるとします。

<input type="text" id="postcode">
<button id="go">Go!</button>

次に、JS は次のようになります。

$(document).ready(function(){
    //story the cookie on button press
    $('#go').click(function(){
            $.cookie('postcode', $('#postcode').val());        
    });

    //retrieve the cookie on load if it's not undefined
    if(typeof $.cookie('postcode') !== 'undefined'){
            $('#postcode').val($.cookie('postcode'));
    }
});

機能する例を次に示します: http://tinker.io/38617/4

于 2013-03-05T13:42:23.783 に答える
0 
function setCookie(sName, sValue) {

    if(getCookie(sName)==null) {
        if(isValidUsrURL(path)) {
            document.cookie = sName + "=" + escape(sValue) + "; " +
                "path=/; ";
        } else {
            domainname='.example.com';
            document.cookie = sName + "=" + escape(sValue) + "; " +
                "path=/; domain=" + domainname + "; ";
        }
    }


}

function getCookie(sName) {

    // cookies are separated by semicolons
    var aCookie = document.cookie.split("; ");
    for (var i=0; i < aCookie.length; i++) {
        // a name/value pair (a crumb) is separated by an equal sign
        var aCrumb = aCookie[i].split("=");
        if (sName == aCrumb[0]) {
            return unescape(aCrumb[1]);
        }
    }
    // a cookie with the requested name does not exist
    return null;

}

function deleteCookie(sName) {
    document.cookie = sName + "=; expires=Thu, 01-Jan-70 00:00:01 GMT";
}


//EG usage : 
//deleteCookie('brochTabURL', '/', '.example.com');
//setCookie('brochTabURL', document.location.href );
//setCookie("COOKIE_CHECK","YES");
//var loginId = getCookie("COOKIE_CHECK");
于 2013-03-05T13:50:08.337 に答える