jQueryでHTMLのIDやクラスのスタイルを取得・変更をする

jQuery最高です

jQueryでスタイルシートのスタイルの値を取得して

変更をさせたいときに、ちょっとはまったのでメモ

//取得 css(プロパティ)

var display = $('#box_id').css('display');

//設定 css(プロパティ, 値)

$('#box_id').css('display', 'none');

まえまでは、prototypeで作っていたのでやられました

301リダイレクトでSEO対策！.htaccessでwwwとindexのあり、なしを一緒にしよう

SEO対策でやっておいたほうがいいことで

301リダイレクトでWWWとindexのあり、なしを統一すること。

統一しないと検索エンジンは別ページ扱いになるのでもったいない。

サーバーでmod_rewriteが使えない場合があるので注意。

htaccessに以下を設定！

よく使うのでコピペできるようにメモ

Options +FollowSymLinks
RewriteEngine on
RewriteCond %{HTTP_HOST} ^hogehoge\.com
RewriteRule ^(.*)$ http://www.hogehoge.com/$1 [R=301,L]
RewriteCond %{THE_REQUEST} ^.*/index.html
RewriteRule ^(.*)index.html$ http://www.hogehoge.com/$1 [R=301,L]

mod_rewriteのメモ

Rewriteの使い方など分かりやすく説明がされています。

URLの書き換え Rewrite

prototypeとクッキーでHTMLボックスの開け閉めを実現したい

よくボックスを閉じたり開いたりできるサイトあるじゃないですか。

アメーバのトップにもついてるやつ

あれやりたいなぁって思って機会をうかがっていたんですが

ついに付けちゃいました

jQueryでやりたかったんですがいろいろ大人の事情で

prototypeで作りました。

どうせやるならやっぱクッキーとか使いたいじゃないですか！？

っでcookiemanager.js を使って実現させました。

使い方も簡単です。ちなみにjQueryだとjquery.cookie.js

また使うときがあると思うのでコピペできるようにメモ

完全に個人的なメモですすいません。

関数一個でよくね！！！！！！

とか突っ込まないでください（;´▽｀A``

<a href="#" onclick="open_close('my_box01'); return false"><span id="txt_my_box01">-閉じる</span></a>

<script language="javascript">
<!--
cookie_open_close('my_box01');

function open_close(box_id) {
var manager = new CookieManager({shelfLife:30});
var display = $(box_id).getStyle('display');

if (display != 'none' && display != null) {
$(box_id).style.display = "none";
$("txt_" + box_id).innerHTML = "+開く";
display = "block";
}
else {
$(box_id).style.display = "block";
$("txt_" + box_id).innerHTML = "-閉じる";
display = "none";
} manager.setCookie(box_id, display);
}

//クッキー

function cookie_open_close(box_id) {
var manager = new CookieManager({shelfLife:30});
var display = manager.getCookie(box_id);

if (display != 'none' && display != null) {
$(box_id).style.display = "none";
$("txt_" + box_id).innerHTML = "+開く";
}
else {
$(box_id).style.display = "block";
$("txt_" + box_id).innerHTML = "-閉じる";
}
}
//-->
</script>