1

2つの入力フィールド、[次へ]ボタン、および[送信]ボタンがあるゲームを作成しました。このゲームは若い視聴者（6〜8歳）を対象としているため、ゲーム内のさまざまな機能をすべて視覚的に説明することは有益だと思います。ウィンドウが開いたときに画像をポップアップさせる簡単な方法はありますか？ただし、初めてのユーザーのみが対象です。

4

2 に答える 2

0

これは、Cookieの優れたユースケースです。サイトのロジックは次のようになります。

  • ページが読み込まれたら、Cookieが存在するかどうかを確認してください
  • Cookieが存在する場合は、指示を表示しないでください
  • Cookieが存在しない場合は、手順を示してCookieを作成します

以下は、ページに適合させることができる例です： http ://www.w3schools.com/js/js_cookies.asp

Cookieの作成と読み取りには、次の関数を使用します。

function setCookie(c_name,value,exdays)
{
var exdate=new Date();
exdate.setDate(exdate.getDate() + exdays);
var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
document.cookie=c_name + "=" + c_value;
}

function getCookie(c_name)
{
var i,x,y,ARRcookies=document.cookie.split(";");
for (i=0;i<ARRcookies.length;i++)
{
  x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));
  y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);
  x=x.replace(/^\s+|\s+$/g,"");
  if (x==c_name)
    {
    return unescape(y);
    }
  }
}

bodyタグにonload関数を含めます。

<body onload="checkCookie()">

この関数を使用して、Cookieが存在するかどうかを確認し、指示を表示するかどうかを選択します。

function checkCookie()
{
var return_visitor=getCookie("return_visitor");
if (return_visitor!=null && return_visitor!="")
  {
  // Don't show the instructions
  }
else 
  {
    alert("Instructions: This is how you play!");
    setCookie("return_visitor",1,365);
  }
}
于 2013-02-11T02:10:06.547 に答える
0

自分が望んでいたことと似たようなことをするための興味深い方法を1つ見つけました。リンクをクリックする必要がありますが、「指示」とだけ表示される場合があります。

http://designm.ag/previews/jquery-dialog-box/

于 2013-04-23T23:57:41.613 に答える