質問編集履歴

3 修正前のソースを追加

退会済みユーザー

退会済みユーザー

2017/11/16 23:27  投稿

cookieで保存された値を表示させる
cookieで保存した値を表示させたいのですが、
入れたい場所(strong.visitor)に表示されず、空タグとなってしまいます。
cookieで、値が保存されていることは確認しました。
```html
```html
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="Shift_JIS">
   <title>タイトル</title>
<script type="text/JavaScript" src="js/jquery.js"></script>
<script type="text/JavaScript">
       // クッキーの値を取得 getCookie(クッキー名); //
       function getCookie(c_name) {
           var st = "";
           var ed = "";
           if (document.cookie.length > 0) {
               // クッキーの値を取り出す
               st = document.cookie.indexOf(c_name + "=");
               if (st != -1) {
                   st = st + c_name.length + 1;
                   ed = document.cookie.indexOf(";", st);
                   if (ed == -1) ed = document.cookie.length;
                   // 値をデコードして返す
                   return unescape(document.cookie.substring(st, ed));
               }
           }
           return "";
       }
  // クッキー保存 setCookie(クッキー名, クッキーの値, クッキーの有効日数); //
       function setCookie(c_name, value, expiredays) {
           // pathの指定
           var path = location.pathname;
           // pathをフォルダ毎に指定する場合のIE対策
           var paths = new Array();
           paths = path.split("/");
           if (paths[paths.length - 1] != "") {
               paths[paths.length - 1] = "";
               path = paths.join("/");
           }
           // 有効期限の日付
           var extime = new Date().getTime();
           var cltime = new Date(extime + (60 * 60 * 24 * 1000 * expiredays));
           var exdate = cltime.toUTCString();
           // クッキーに保存する文字列を生成
           var s = "";
           s += c_name + "=" + escape(value);// 値はエンコードしておく
           s += "; path=" + path;
           if (expiredays) {
               s += "; expires=" + exdate + "; ";
           } else {
               s += "; ";
           }
           // クッキーに保存
           document.cookie = s;
       }
// ④クッキーに値がセットされていれば値を表示
function Title(){
   if(getCookie('vstitle1')){
       $("span.visit").text( getCookie('vstitle1') );
   }
else{
   echo , test;}
}
/*function Title(){  
   if(getCookie('vstitle1')){  
       var vstitle1 = getCookie('vstitle1');  
       $("strong.visit").text( getCookie('vstitle1') );  
   }  
else{  
   echo , test;}  
}*/  
//①空きチェック forループで そのクッキーが存在するかをチェック isset($_COOKIE["vstitle"]))
// 空いてたら中断する 一番が存在しなかったら、そのループ内にいれる、保存できる空き容量にメモリーカウントが4だったら終了する break
//②保存処理をする setCookie
//③ウィンドウで表示 window.alert
    function TitleWrite() {
        //初期値設定
       var breakcunt = 4;
       for( i=0; i<4; i++ ){
       if (getCookie('vstitle'+(i+1)) ==""){
       breakcunt = i;
       break ;
       }
       }
       
       if(breakcunt>3){
           window.alert('空きありません');
           return "";
       }
       
       else{
         var vstitle = document.getElementsByClassName('title');//jqueryだと短く済む
         setCookie('vstitle'+(breakcunt+1), $('.title').text(), 7);
         window.alert('保存しました');
       }
       
       
       
}
   
</script>
</head>
<body>
<h2 class="title">titleを記録</h2>
<p><strong class="visit"></strong></p>
<!--<ul><strong class="visit"></strong></ul>-->  
<button id="setButton" onclick="TitleWrite();">保存</button>
</body>
</html>
```
  • JavaScript

    38743 questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

  • Cookie

    432 questions

    HTTPにおけるCookieとは、クライアントのウェブブラウザ上に保存された一時的なデータを指します。クライアント側のJavaScriptでも、サーバー側のHTTPヘッダーでもクッキーの読み書き・修正・削除が可能です。

2 文法の修正

退会済みユーザー

退会済みユーザー

2017/11/16 22:48  投稿

cookieで保存された値を表示させる
cookieで保存した値を表示させたいのですが、
入れたい場所(strong.visitor)に表示されず、空タグとなってしまいます。
cookieで、値が保存されていることは確認しました。
```html
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="Shift_JIS">
   <title>タイトル</title>
<script type="text/JavaScript" src="js/jquery.js"></script>
<script type="text/JavaScript">
       // クッキーの値を取得 getCookie(クッキー名); //
       function getCookie(c_name) {
           var st = "";
           var ed = "";
           if (document.cookie.length > 0) {
               // クッキーの値を取り出す
               st = document.cookie.indexOf(c_name + "=");
               if (st != -1) {
                   st = st + c_name.length + 1;
                   ed = document.cookie.indexOf(";", st);
                   if (ed == -1) ed = document.cookie.length;
                   // 値をデコードして返す
                   return unescape(document.cookie.substring(st, ed));
               }
           }
           return "";
       }
  // クッキー保存 setCookie(クッキー名, クッキーの値, クッキーの有効日数); //
       function setCookie(c_name, value, expiredays) {
           // pathの指定
           var path = location.pathname;
           // pathをフォルダ毎に指定する場合のIE対策
           var paths = new Array();
           paths = path.split("/");
           if (paths[paths.length - 1] != "") {
               paths[paths.length - 1] = "";
               path = paths.join("/");
           }
           // 有効期限の日付
           var extime = new Date().getTime();
           var cltime = new Date(extime + (60 * 60 * 24 * 1000 * expiredays));
           var exdate = cltime.toUTCString();
           // クッキーに保存する文字列を生成
           var s = "";
           s += c_name + "=" + escape(value);// 値はエンコードしておく
           s += "; path=" + path;
           if (expiredays) {
               s += "; expires=" + exdate + "; ";
           } else {
               s += "; ";
           }
           // クッキーに保存
           document.cookie = s;
       }
// ④クッキーに値がセットされていれば値を表示
function Title(){
   if(getCookie('vstitle1') !==""){
       $("strong.visitor").$('.title').text();
   if(getCookie('vstitle1')){
       $("span.visit").text( getCookie('vstitle1') );
   }
else{}
else{
   echo , test;}
}
 
//①空きチェック forループで そのクッキーが存在するかをチェック isset($_COOKIE["vstitle"]))
// 空いてたら中断する 一番が存在しなかったら、そのループ内にいれる、保存できる空き容量にメモリーカウントが4だったら終了する break
//②保存処理をする setCookie
//③ウィンドウで表示 window.alert
    function TitleWrite() {
        //初期値設定
       var breakcunt = 4;
       for( i=0; i<4; i++ ){
       if (getCookie('vstitle'+(i+1)) ==""){
       breakcunt = i;
       break ;
       }
       }
       
       if(breakcunt>3){
           window.alert('空きありません');
           return "";
       }
       
       else{
         var vstitle = document.getElementsByClassName('title');//jqueryだと短く済む
         setCookie('vstitle'+(breakcunt+1), $('.title').text(), 7);
         window.alert('保存しました');
       }
       
       
       
}
     
</script>
</head>
<body>
<h2 class="title">titleを記録</h2>
<h2 class="title">title2を記録</h2>
<ul><strong class="visit"></strong></ul>
<p><strong class="visit"></strong></p>
<button id="setButton" onclick="TitleWrite();">保存</button>
</body>
</html>
```
  • JavaScript

    38743 questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

  • Cookie

    432 questions

    HTTPにおけるCookieとは、クライアントのウェブブラウザ上に保存された一時的なデータを指します。クライアント側のJavaScriptでも、サーバー側のHTTPヘッダーでもクッキーの読み書き・修正・削除が可能です。

1 ソース修正

退会済みユーザー

退会済みユーザー

2017/11/16 22:32  投稿

cookieで保存された値を表示させる
cookieで保存した値を表示させたいのですが、
入れたい場所(strong.visitor)に表示されず、空タグとなってしまいます。
cookieで、値が保存されていることは確認しました。
```html
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="Shift_JIS">
   <title>タイトル</title>
<script type="text/JavaScript" src="js/jquery.js"></script>
<script type="text/JavaScript">
       // クッキーの値を取得 getCookie(クッキー名); //
       function getCookie(c_name) {
           var st = "";
           var ed = "";
           if (document.cookie.length > 0) {
               // クッキーの値を取り出す
               st = document.cookie.indexOf(c_name + "=");
               if (st != -1) {
                   st = st + c_name.length + 1;
                   ed = document.cookie.indexOf(";", st);
                   if (ed == -1) ed = document.cookie.length;
                   // 値をデコードして返す
                   return unescape(document.cookie.substring(st, ed));
               }
           }
           return "";
       }
  // クッキー保存 setCookie(クッキー名, クッキーの値, クッキーの有効日数); //
       function setCookie(c_name, value, expiredays) {
           // pathの指定
           var path = location.pathname;
           // pathをフォルダ毎に指定する場合のIE対策
           var paths = new Array();
           paths = path.split("/");
           if (paths[paths.length - 1] != "") {
               paths[paths.length - 1] = "";
               path = paths.join("/");
           }
           // 有効期限の日付
           var extime = new Date().getTime();
           var cltime = new Date(extime + (60 * 60 * 24 * 1000 * expiredays));
           var exdate = cltime.toUTCString();
           // クッキーに保存する文字列を生成
           var s = "";
           s += c_name + "=" + escape(value);// 値はエンコードしておく
           s += "; path=" + path;
           if (expiredays) {
               s += "; expires=" + exdate + "; ";
           } else {
               s += "; ";
           }
           // クッキーに保存
           document.cookie = s;
       }
// ④クッキーに値がセットされていれば値を表示
function Title(){
   if(getCookie('vstitle1') !==""){
       $("strong.visitor").$('.title').text();
   }
else{}
}
//①空きチェック forループで そのクッキーが存在するかをチェック isset($_COOKIE["vstitle"]))
// 空いてたら中断する 一番が存在しなかったら、そのループ内にいれる、保存できる空き容量にメモリーカウントが4だったら終了する break
//②保存処理をする setCookie
//③ウィンドウで表示 window.alert
    function TitleWrite() {
        //初期値設定
       var breakcunt = 4;
       for( i=0; i<4; i++ ){
       if (getCookie('vstitle'+(i+1)) ==""){
       breakcunt = i;
       break ;
       }
       }
       
       if(breakcunt>3){
           window.alert('空きありません');
           return "";
       }
       
       else{
         var vstitle = document.getElementsByClassName('title');//jqueryだと短く済む
         setCookie('vstitle'+(breakcunt+1), $('.title').text(), 7);
         window.alert('保存しました');
       }
       
       
       
}
     
// ⑤閉じるボタンをクリックで削除  
</script>
</head>
<body>
<h2 class="title">titleを記録</h2>
<h2 class="title">title2を記録</h2>
<ul><strong class="visit"></strong></ul>
<button id="setButton" onclick="TitleWrite();">保存</button>
</body>
</html>
```
  • JavaScript

    38743 questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

  • Cookie

    432 questions

    HTTPにおけるCookieとは、クライアントのウェブブラウザ上に保存された一時的なデータを指します。クライアント側のJavaScriptでも、サーバー側のHTTPヘッダーでもクッキーの読み書き・修正・削除が可能です。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る