التطبيق بشكل كامل ، لاحظو معي والفرق بين الكود في أول رد والذي تطور ليصبح على هذا الشكل
كود PHP:
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript">
<!--
window.onload = function() {
if (getCookie('display') == 'true') {
display(true);
} else {
display(false);
}
}
function tag(tag) {
var tags = document.getElementById('tags');
var flag = false;
var tags1 = tags.value.split(' ');
if (tags.value.charAt(tags.value.length - 1) != ' ' && tags.value != '') {
tags.value += ' ';
}
for (var i = 0; i < tags1.length; i++) {
if (tags1[i] == tag) {
flag = true;
break;
}
}
if (flag == true) {
tags.value = tags.value.replace(tag + ' ', '');
} else {
tags.value += tag + ' ';
}
setCursor(tags, tags.value.length, tags.value.length);
}
function setCursor(inputText, start, end) {
if (inputText.setSelectionRange) {
inputText.focus();
inputText.setSelectionRange(start, end);
} else {
if (inputText.createTextRange) {
range = inputText.createTextRange();
range.collapse(true);
range.moveEnd('character', end);
range.moveStart('character', start);
range.select();
}
}
}
function display(value) {
var site_tags = document.getElementById('site_tags');
var show_button = document.getElementById('show_button');
var hide_button = document.getElementById('hide_button');
if (value == true) {
site_tags.style.display = '';
show_button.style.display = 'none';
hide_button.style.display = '';
} else {
site_tags.style.display = 'none';
show_button.style.display = '';
hide_button.style.display = 'none';
}
setCookie('display', value, 10);
}
function setCookie(name, value, years) {
var date1 = new Date();
var expires = new Date(date1.getYear() + years, date1.getMonth(), date1.getDate(), date1.getHours(), date1.getMinutes(), date1.getSeconds()).toGMTString();
document.cookie = name + '=' + escape(value) + ';' + ((expires) ? ' expires=' + expires : '');
}
function getCookie(name) {
var dc = document.cookie;
var prefix = name + '=';
var begin = dc.indexOf('; ' + prefix);
if (begin == - 1) {
begin = dc.indexOf(prefix);
if (begin != 0) {
return null;
}
} else {
begin += 2;
}
var end = document.cookie.indexOf(';', begin);
if (end == - 1) {
end = dc.length;
}
return unescape(dc.substring(begin + prefix.length, end));
}
//-->
</script>
<title>tags</title>
<form method="get" action="">
<div>tags: <input type="text" id="tags" name="tags" size="50" /> <input type="reset" value="reset" /> <input type="submit" value="send" /> <input type="button" value="hide tags" id="hide_button" onclick="display(false)" style="display: none;" /> <input type="button" value="show tags" id="show_button" onclick="display(true)" /></div>
<div id="site_tags" style="display: none;">site tags : <a href="javascript:tag('php')">php</a> <a href="javascript:tag('php-code')">php-code</a> <a href="javascript:tag('javascript')">javascript</a> <a href="javascript:tag('mysql')">mysql</a> <a href="javascript:tag('howto')">howto</a></div>
</form>
أجدد شكري للأستاذ MohDesign .
أود سماع رأيكم في الطريقة التي قمت بإستخدام الـ cookies في هذا التطبيق .