【Javascript】ファイルダウンロード後にページ遷移させる
エクセルファイルなど、ファイルをダウンロードさせた後にページ遷移や再読み込みを行うことがありました。 PHPの処理だけでは、ダウンロードの際にheaderを使用しているため、 ひとつの処理のなかでページ遷移を行うことができません。 javascript(今回はjQueryで記述)と Cookie を利用することでファイルダウンロード後に処理を行うことができます。 処理の順番としては、 ①クッキーの発行（ダウンロードフラグをたてる） ②ファイルダウンロード ③ダウンロードフラグがある場合、クッキー情報を削除してページ遷移 サンプルコードは以下。 PHPでクッキーを発行する setcookie ("downloaded","yes","","/"); // ファイルダウンロード処理 HTML <form> <input type="submit" value="ダウンロード" /> </for
フォームのselect要素内をインスタンス検索出来るようにし、美しいデザインにも変更できるjQueryプラグイン・Chosen - かちびと.net
結構便利そうだったのでご紹介。フォームの select要素内に羅列されたoptionから、入力 するだけで結果を表示するインスタンス検索 を可能にするスクリプト・Chosenです。表題 にはjQueryプラグインと書きましたが、この スクリプトにはjQueryプラグインとprototype の2つが用意されています。 optionの量が多くなってしまうことはよくあるので、この手のユーザビリティ向上系スクリプトは多く存在しますが、これはかなり便利ではないかなと思いました。似たようなのもうあるんですかね。 通常のselectボックスでプルダウンさせると検索窓も表示、キーワードを入れるだけでソートしてくれます。いわゆるインスタンス検索が可能になるので大量のoptionが存在してもユーザーの利便性を全く損ないません。 デモ見たほうが早いですね。※追記：日本語だとFirefoxのみ動かないみたい。英
Bridge Word
This shop will be powered by Are you the store owner? Log in here
１つのformで複数ボタンの配置 - masdoiの日記
１つのformで複数ボタンを作り、どのボタンが押されたのかをCGI側で判定したい場合があります。 まずこのようなJavaScriptを定義しておきます。 <script> function do_submit(target) { window.document.form1.target.value = target ; document.form1.submit(); } </script> formのHTMLはこのようになります。 <form action="/some_cgi" method="post" name="form1"> <input type=hidden name="target" value=""> <input type="button" name="button" value="ボタン１" onclick="do_submit('button1')"> <br>
入力を促す文字をフォームに表示するJavaScript「JQUERY.FIELDTAG.JS」
inputなどフォームのフィールドにうっすら文字を表示させておくと、ユーザーに入力を促すことが可能です。 JavaScriptライブラリのjQueryプラグイン「JQUERY.FIELDTAG.JS」を使用することで簡単に導入可能です。 sponsors 使用方法 JQUERY.FIELDTAG.JSからjquery.fieldtag.jsをjQueryからjquery.jsをダウンロードします。 <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="jquery.fieldtag.js"></script> <script type="text/javascript"> $(document).ready(function() { $("#id名
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
