PG WORKS

PHPやLinuxサーバなどのノウハウや、便利なツールを紹介していきます。

HTML

【jQuery】プログラミングサンプル集

jQueryを書くときに忘れやすいコードをまとめて紹介していきます。 ※随時更新します。 最新のCDNは、前回アップした記事の「jQuery読み込み」を参照 zen6a.hateblo.jp セレクタ関係 zen6a.hateblo.jp イベント関係 zen6a.hateblo.jp チェックボックスの状態…

formのsubmitボタンを押したときにajaxでさらにPOSTしたときの動作について

WordPressのプラグインをカスタマイズすることがあり、 どうしてもフックができなくて致し方なく、submitボタンを押したときにajaxで追加でPOSTする処理を入れました。しかしPCだと正常に動作するのに、スマホだとエラー(undefinedエラー)になり更新されない…

【jQuery】notifIt!を使ってフローティングウインドウを表示させる

フローティングウインドウを簡単に実装できるサンプルを紹介したいと思います。もっとカッコイイデザインで表示させたい!と思った方は、モーダルダイアログの記事も参考にしてくださいね。 zen6a.hateblo.jp notifIt!のダウンロード先 http://naoxink.hol.e…

【jQuery】モーダルダイアログをコピペで作ろう

データの更新・削除する前に、必ず確認画面を表示させると思います。 表示させる理由として、データを誤って更新・削除させないようにするためです。お手軽に実装したい場合、JavaSprictの「Confirm」を使われると思います。 Java Sprict版Confirm <html> <head> <title>Java </title></head></html>…

【jQuery】よく使うイベント判定

イベント判定処理部分について記載します。 プログラム部分は、コピペで使えますので、良ければお使いください。 クリックイベント <script type="text/javascript"> $(document).ready(function(){ $("#zen6aadd").click(function() { // ここに処理を書く }); }); </script> <input type="button" id="zen6aadd" value="新規作成"> id名が「zen6aadd」を…

よく使うのに忘れてしまうHTMLタグ

よく使うタグは書けるものの、普段コピペで終わってしまうタグだったりすると、いざ使いたいときに、出てこないときがよくあります(汗なので、ブログに書き留めて、改めて勉強w metaタグ <meta name="description" content="サイト紹介文"> <meta name="robots" content="noindex"> CSSファイルの読み込みタグ <link rel="stylesheet" type="text/css" href="cssファイルのパス"> JSファイルの読み込みタグ </link></meta></meta>