2013年07月29日時点の最新版です。追記:「fancyBoxで装飾したフォームからPOSTを送信する」方法とサンプルコードを公開しました。イントロダクションデザイナ氏の要望により、コメント欄は、画像ボタンをクリックするとページ上に上書きする形で登場させることになりました。fancyboxに行き着きました。(この時点でLightboxをしっかり調べなかったことが悔やまれます...)早速これを使おうとしたのですが、Webの情報通りの方法では、使うことができませんでした。Web関連技術は変化が激しいようです。fancyboxには(ローカルで!)動作するサンプルが添付されています。今回は、サンプルを解体しつつ、fancyboxの組み込み方を調べていきます。最終的なソースは末尾に添付しますので、流れは流れとして雰囲気をお楽しみください。HTML文の切り出しコメント入力欄をボタンクリックでポップアップさせるのが目標です。そこで、サンプルからそれらしきものを探します。options」リンクが該当するようです。iframeによってCtrl+Uか、htmlファイルをテキストエディタで開いて、該当部分を探します。manually」以下の項目を切り出します。HEAD内のjavascriptは、今回必要な部分はごく一部でしょうが、最初なのでこの部分もそのままコピーします。JavaScript呼び出し部分はそのまま...のつもりだったのですが、ちょっとリンクを工夫しています。mods/ディレクトリに格納するつもりなので、fancyboxもこの下にしまい込みます。ディレクトリと繋げます。ヘッダとフッタはそれぞれ、リンクとJavaScript呼び出し部分と一緒にコピーしておきましたので、これでHTML文章としての体裁は整います。fancybox呼び出し部分の切り取り動作するようになったら、さらに要素を切り取っていきます。ヘッダでのfancyboxの呼び出しと条件分岐です。考えても、使わないidやタグが多いので、整理していきます。以外の属性に対するコードを削除します。削除して、また動作確認します。問題なく動くようなので、id名を変えてみようと思います。ついでにid要素ではなく、class要素に変更します。これは最終的に、ひとつのページに複数のfancyboxリンクを作るのが目的であるため、その下準備です。HEADにある関数内で、idを指定している部分をclassに書き換えます。{本当は、あまり汎用的な名前をつけないほうが良い気もしますが。(fancybox内部の指定と重複しそうで怖い。なく、内部に定義されていたほう)を削除しています。最終的にこんな感じになりました。要素を切り取りすぎても、あとで必要になって追加することになりそうだったので、これで私的用途に叶う最小版ということにします。(現状で、呼び出し小ページ本体には興味がないのでデモのまま。)ディレクトリ構造は以下のようになりました。(fancybox本体。リンク)呼び出し子ウィンドウでphpの実行、GET渡しと、複数のfancybox本来の目的はコメント投稿欄です。本来は、これまで手を入れてこなかった、子ウィンドウのiframe.phpには手を入れていくところだったのですが。上書き表示されるformの作成、Lightboxでできるそうです。調査不足が残念な感じではありますが、子ウィンドウ側でJavaScriptを試行しているうちに新しい知識が付きましたし、jQueryのプラグインを使う感覚も知ることができました。「Lightbox系プラグイン」というのは、ページ内でコンテンツの上に上書きの形でかぶせる機能を指すのでしょうか。(この動作はよく、「画像をポップアップさせる」と紹介されています。私は"ポップアップ"といえば、Windowsのダイアログのような、別ウィンドウが立ち上がってくる状態を想像してしまいますが。mini2を試験導入していてすごく便利で体感が良かったです。nijiflowをベースに、機械学習で艦これとアズールレーンの画像の分類器を作り、学習済みグラフ等を公開した。これのTwitterBotを作成し公開している。データセットはPixivのタグ付け済み画像情報を元に作成した。Web上にあまり開封写真等の詳細がなかったので残しておきます。モノが大きいためか、知らない運送会社でおくられてきた。...JavaScriptで、変数を使った正規表現マッチング例および失敗例は、自作のJavaScriptソースから抜粋。※例ごとにマッチする文字列が違いますがご容赦ください。(6)fancyboxを導入しようとしてみました。