タグ

ブックマーク / www.koikikukan.com (4)

  • ページを移動(離脱)するときにjQueryで警告を出す方法

    Facebookなどでフォーム入力中にページを移動(離脱)しようとすると警告が表示されます。 この仕組みをjQueryで実装する方法を紹介します。jQueryは投稿時点の最新バージョン1.9.1を利用しています。 1.ページを移動するときに警告を出す ページを移動するときに警告を出すには、onイベントにbeforeunloadイベントを設定します。 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script> $(function(){ $(window).on('beforeunload', function() { return '投稿が完了していません。このまま移動しますか?'; }); }); </script> <form method="post" acti

  • Sitemaps 0.90 用テンプレート(MT4対応)

    「Sitemaps 0.90 用テンプレート(GoogleYahoo!・MSN サポート予定)」で公開していた Sitemaps 0.90 用テンプレートについて、ご要望を頂きましたので Movable Type 4 対応に修正しました。 Sitemaps 0.90 に対応した情報を公開することで、GoogleYahooMicrosoft の各検索エンジンにサイト情報を適切に通知できるようになります(検索エンジンのインデックスにウェブページのすべてを含むことを保証するものではありません。クロールを補完するための仕組みです)。 1.テンプレートの変更点 変更点は下記の通りです。 ウェブページに対応 全ての種類のアーカイブテンプレートに対応 ブログ記事アーカイブの全件出力にMTSetVarBlockタグを使用 アーカイブインデックス用のMTLinkタグのtemplate属性名を修正 以下

    Sitemaps 0.90 用テンプレート(MT4対応)
  • エントリーの中でMTタグを使う

    MTタグはテンプレートでの使用が前提となっており、エントリーの内容ではを使うことができません。例えば他のエントリーアーカイブページへのリンクや、画像を貼り付けてURLを記述する場合、メインページのテンプレートや各アーカイブテンプレートには、下記リストのように、 エントリーアーカイブページへのリンク <a href="<$MTLink entry_id="678"$>"> 画像のURL <img src="<$MTBlogURL$>images/hogehoge.gif" alt="hogehoge" /> とMTタグを使った記述が可能ですが、エントリーの内容には、 エントリーアーカイブページへのリンク <a href="http://www.koikikukan.com/archives/2005/10/24-011007.php"> 画像のURL <img src="//www.koik

    エントリーの中でMTタグを使う
  • 小粋空間: Litebox 1.0 をブログに適用する

    Lightbox JS v2.0 の後継版、Litebox が出ていました。ということで v2.0 はエントリーし損ないましたが、今回は Litebox をブログに適用するカスタマイズを紹介します。 Lightbox の時代からそうなのですが、このツールは画像を表示するページのパスが変化した場合のケースまで考慮されていません。つまりブログではインデックスページや各アーカイブページのパスがそれぞれ異なることため、提供されているファイルに対し、各ページから同様の振る舞いをさせるための修正が必要になります。 下記に修正を施したサンプルを作りました。トップページと、そこからリンクされている記事ページでも動作するようになっています。 Litebox のブログ適用サンプル サンプルでは Movable Type を利用していますが、他のブログでもカスタマイズのタグ部分を適宜読み替えて頂ければ適用可能と

  • 1