2017-04-18 7 views
0

こんにちは私は初めてクッキーを作成するので、ブラウザでクッキーを読み込めないので、JavaScriptのクッキーを設定する際に助けが必要です。ここに私のHTMLとjQueryのコードは、私が示した列を作って、もう一度それを隠すことが列Betriebstelleと列Betriebellementであると私は再びそれが隠されているページを更新した後、私はの状態を保存する必要がいるページを更新した後に非表示と表示列を設定する方法

<html> 
<head> 
</head> 
<body> 
<table> 
    <tr> 
    <th><b class='show' style='cursor:pointer;font-weight: unset;'>Datum</b><b class='hide' style='display:none;cursor:pointer;font-weight: unset;'>Datum</b></th> 
    <th><b class='show1' style='cursor:pointer;font-weight: unset;'>Zeitfenster</b><b class='hide1' style='display:none;cursor:pointer;font-weight: unset;'>Zeitfenster</b></th> 
    <th class='orgaunit' style='display:none;'>Betriebstelle</th> 
    <th class='orgaitem' style='display:none;'>Betriebselemente</th> 
    <th>Zeit (von - bis)</th> 
    <th>Pause (von - bis)</th> 
    <th>Stunden</th> 
    <th>Details</th> 
    <th>Bemerkung</th> 
    </tr> 
    <tr> 
    <td> hello</td> 
    <td style='text-align:left;padding-left:4%;' >hello2</td> 
    <td class='orgaunit' style= 'display:none;'>hello3 </td> 
    <td class='orgaitem' style= 'display:none;'>hello4 </td> 
    <td> hello 5</td> 
    <td>"hello 6</td> 
    <td style="padding-right:15px;" >hello 7</td> 
    <td>hello 8</td> 
    <td>hello 9</td> 
    </tr></table> 
<script src="2.1.1.js"></script> 
<script> 
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); 
    } 
    } 
} 
$(document).ready(function(){ 
var theColumn = $(".show").click(function(){ 
$(".hide").css({display:"inline-block"}); 
$(".show").css({display:"none"}); 
$(".orgaunit").css({display:"table-cell"}); 
setCookie("selectedColumn", theColumn, 1); 

    }); 
    //setCookie("selectedColumn", theColumn, 3); 
}); 

$(document).ready(function() { 
$(".show").click(function(){ 
    getCookie("selectedColumn"); 
    }); 
}); 

$(document).ready(function(){ 
var theColumn2 = $(".hide").click(function(){ 
$(".show").css({display:"inline-block"}); 
$(".hide").css({display:"none"}); 
$(".orgaunit").css({display:"none"}); 
}); 
    setCookie("selectedColumn2", theColumn2, 3); 
}); 
$(document).ready(function(){ 
    var theColumn3 = $(".MainContent").ready(function(){ 
    $(".show").css({display:"inline-block"}); 
    $(".hide").css({display:"none"}); 
    $(".orgaunit").css({display:"none"}); 
    }); 
    setCookie("selectedColumn3", theColumn3, 3); 
}); 
$(document).ready(function() { 
    $(".hide").value = getCookie("selectedColumn"); 
}); 

$(".show1").click(function(){ 
    $(".hide1").css({display:"inline-block"}); 
    $(".show1").css({display:"none"}); 
    $(".orgaitem").css({display:"table-cell"}); 
}); 

$(".hide1").click(function(){ 
    $(".show1").css({display:"inline-block"}); 
    $(".hide1").css({display:"none"}); 
    $(".orgaitem").css({display:"none"}); 
}); 
</script> 
</body> 
</html> 

ですそれが示すか、ページを更新した後に、それは私がブラウザにsettedされていた

クッキーをchosedが、私は

+0

ここにphpコードがありません – Akintunde007

+0

私はPHPのコードを取り去りました。私はそれがJavaScriptのクッキーに関心があり、ブラウザに隠れているか、列を表示しているケースを覚えています。 – medo

+0

PHPのタグを削除します。それは他の専門家を誤解させるでしょう – Akintunde007

答えて

0

私に助けてくださいバック aaginそれを得ることができないのと同じであることを隠されている場合は、これらの列を保存しますなぜあなたはクッキーを使いたいのですか?あなたがサーバー側でクッキーを必要としないなら、私はlocalStorageでそれをやるでしょう。

+0

私はlocalStorageとクッキーを非常によく設定しましたが、その後、私はブラウザをリフレッシュするとき完全に忘れてください – medo

+0

お願いしますあなたが気にしないなら、フィドルで – medo

+0

誰もこの問題で助けることができません – medo

関連する問題