[jQuery] フローティングウィンドウ

実行結果 フローティングウィンドウその1の表示 jQueryによるフローティングウィンドウの作成【閉じる】フローティングウィンドウその1フローティングウィンドウその1フローティングウィンドウその1フローティングウィンドウその1 フローティングウィンドウ…

[jQuery] カルーセル(ページ内に複数設置可能バージョン)

JavaScript <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script type="text/javascript"> $(document).ready(function() { $('.carouselWrap').each(function() { // 初期設定 var wrap = $(this); var inner = wrap.find('div.carouselInner'); var col…

[jQuery] カルーセル(なるべく簡潔に)

JavaScript <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function() { // 初期設定 var inner = $('#carouselInner'); var column = inner.find('ul.column'); var marginL = '620'; var btnPrev = $…

[jQuery] 開きっぱなしもできるアコーディオン

実行結果 Item1some explanation here. some explanation here. some explanation here. some explanation here. some explanation here. some explanation here.Item2some explanation here. some explanation here. some explanation here. some explanati…

[jQuery] AjaxでのPager

JavaScript <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function() { var class_selected = 'selected'; var wrap = $('#wrap'); var loading = '<p class="loading"></p>

[jQuery] div要素をクリックしたら内包テキストを変更/もう一度クリックしたら元のテキストに戻す

JavaScript <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script type="text/javascript"> $(document).ready(function() { $('.clickTest').each(function() { var elements = $(this); var count = 0; var defaultText = elements.text(); elements…

[jQuery][twitter] 全世界の全ての公開tweetから、特定のキーワードをOR検索して表示。ただし公式RTは省く。(IE6対応済み)

例ではキーワード「競輪」or「KEIRIN」の最新のだいたい15件を取得しています。(だいたい15件なのは取得した15件から公式RTを省いているからです) 実行結果 読み込み中... ソースコード <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function() { // キーワード1 var $str_search0…

[秀丸] 標準のエンコードを日本語(Shift-JIS)からUnicode(UTF-8)に変更する方法

「自動判定できなかった場合と、新規作成時とASCⅡのファイルに適用」される標準のエンコードを、Shift-JISからUTF-8にする方法です。(Version 7.11を使っています。) その他 > 動作環境 > (上級者向け設定モードにした上で)ファイル > エンコード1 > 標…

[jQuery] 画像ロールオーバーの研究

何となくjQueryを使っている状況をどうにかしたい! jQureyを用いた画像ロールオーバーの最適解を模索しています。 このスクリプトは『WebデザイナーのためのjQuery入門』 http://www.amazon.co.jp/dp/4774148563 を参考に作成したものです。『Webデザイナー…

[jQuery] インラインスタイルシート(しかも、!importantも)を含むHTML要素が、document.writeで書き出されていたとしても、jQueryからスタイルを変更することができます。【追記】Firefox8.0ではNG

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function() { var cssObj = { background: '#ccffcc !important;', padding: '10px' } $('#test li:last').css(cssObj); }); </script>

[Movable Type] 正規表現置換(regex_replace)・繰り返しパターンマッチの書き方

<$MTEntryPermalink regex_replace="/http/g","https"$> 「regex_replace="/文字列/g","変換後の文字列"」です

[Google Map] ふきだしを消す

iframeのsrc属性内の「iwloc」の値をAからBへ変更すれば、吹き出しを消せます。 変更前 iwloc=A 大きな地図で見る 変更後 iwloc=B 大きな地図で見る

[HTML] ブラウザにキャッシュをさせないためのhttp-equiv属性

ブラウザにキャッシュをさせたくない場合は、metaタグのhttp-equiv属性を設定します。 <meta http-equiv="Pragma" content="no-cache" /> <meta http-equiv="cache-control" content="no-cache" /> <meta http-equiv="expires" content="0" /> Google Chromeにて、htmlから読み込んでいるxmlファイルのキャッシュが消えにくい現象がおきました。Chrome対策としてこの処置をしました。</meta></meta></meta>

[Movable Type] HTMLタグを書かずとも改行をイキにするグローバル・モディファイア「nl2br」

「nl2br」は、複数行のフィールドに入力した改行コード(\n)を、HTMLタグの<br>へ置換するグローバル・モディファイアです。nl2br="xhtml"と書けば<br />に置換します。複数行のフィールドであれば、カスタムフィールドでも適用されます。 参照 http://www.movabletyp…

[jQuery] alt属性をwindow.alertさせる超簡単なスクリプト

クリックした画像のalt属性がwindow.alertされます。ページ内の全ての画像に適用されます。画像とそのalt属性を、見比べながらチェックしたい場合に使います。 サンプル(画像をクリック) HTML <p> </p>