CakePHP JavaScriptの外部ファイルを使いたい - ひとりまとめ
JavaScriptを外部に記述した、jsファイル。これをcakePHPでも使いたいところです。 で、普通のHTMLなら という感じに、src部分に該当ファイルへのパスを書くのですが、cakePHPではそのままパスを書いても「Controllerにこういうアクションないんですけど。」と怒られてしまうのが関の山。jsファイルはその置き場やViewでの記述方法が決まっているみたいです step1 ファイルの置き場所-------------------- /app/webroot/js以下に置くようです。 step2 Controllerに記述---------------------- jsファイルを呼び出すViewを使うControllerに var $helpers = array('Javascript'); という1行を追加します。JavaScript用のヘルパーを使うことにより、V
js で利用する DOM の名前をどうやってつけたらよいのか - おもしろwebサービス開発日記
js で DOM をゴニョゴニョしたい時、きっと皆さんは id や class で DOM に名前を付けて、その名前を利用して js の処理を書いていると思います。 例えば<input type="button" class="update" value="更新" />のようなボタンがあったとして、 js 側で更新処理を書くときには下記のように書きます。 $('.update').on('click', function () { // update 処理 }) でもこれだと問題になるケースがあります。よくあるのが、マークアッパーとフロントエンジニアが分業していて、マークアッパーがデザインのために class 名を変えてしまい js が動かなくなるパターン。分業せずに一人で全部やってたとしても、時間が経つにつれ使っている class 名が js だけで使っているのか、css でも使っている
ページ遷移前に確認ダイアログを出す onbeforeunload - xykの日記
編集中に別のページに遷移しようとした時に確認ダイアログを出したい。 以下のように onbeforeunload イベントを使えばOK。 window.onbeforeunload = function (e) { var e = e || window.event; // For IE and Firefox prior to version 4 if (e) { e.returnValue = 'Any string'; } // For Safari return 'Any string'; }; jQueryの場合 $(window).bind('beforeunload', function(event) { return 'Any string'; }); ただし、IEの場合は以下のような遷移しないaタグでもonbeforeunloadが発生してしまう。 <a href="jav
JavaScriptでCSSのプロパティを削除する（IEのfilterでClearTypeが無効になるバグ対策）｜TechRacho by BPS株式会社
baba 高校時代から趣味でプログラミングを始め，そのままずっとコードを書いています。2010年SFC卒業，在学中にBPS入社。ゲームなどの趣味プログラミング，Webシステム，スマホアプリ，超縦書エンジン(C++/Chromium)，Webフロントエンド(TypeScript/React)などを主にやってきました。最近は自社製品(超シリーズ，くんシリーズ)の開発に関わるお仕事が中心です。管理業務もしますが，ゆとりプログラマーなので気楽にPCに向かっているのが好きです。 情報処理技術者試験(16区分 + 情報処理安全確保支援士試験)，技術士(情報工学部門)，中小企業診断士、Ruby Programmer Gold，AWS Certified Solutions Architect - Professional，日商簿記2級，漢検準1級。情報処理技術者試験 試験委員(2021-)。 babaの
LocalStorageがおもいのほか便利すぎたのでまとめ - それマグで！
localStorageを使って見た．食わず嫌いでした．すごく便利ですね cookieで保存するより相当便利です． cookie VS localstorage 比較 Cookieの特長 ドメイン毎にデータが保存される．(SameOriginの原則) Stringが保存される． HTTPリクエストで毎回サーバーに送られる JavaScriptからアクセス可能 有効期限がある LocalStorageの特長 ドメイン毎にデータが保存される．(SameOriginの原則) Stringが保存される． HTTPリクエストで毎回サーバーに送られない JavaScriptからアクセス可能 有効期限が特にない 比較まとめ Cookieの特質から、HTTP通信で送る特性を省いたものHTTP通信で送る必要がないので，Expires（期限）も省略される localStorageの保存方法 js> local
[javascript]*iframeからの値の受け渡し - 現在、メインページに対してiframeをもたせているページがあります。... - Yahoo!知恵袋
質問の意味をよく理解してないかも知れませんが取りあえず・・・・ test.html として保存 --------------------------------------- <html> <body> <form> <input name="txt1" type="text" /> </form> <iframe src="iframe.html"></iframe> </body> </html> --------------------------------------- iframe.html として保存 --------------------------------------- <html> <head> <script type="text/javascript"> function send_data(){ window.parent.document.forms[0]
![[javascript]*iframeからの値の受け渡し - 現在、メインページに対してiframeをもたせているページがあります。... - Yahoo!知恵袋](https://cdn-ak-scissors.b.st-hatena.com/image/square/1d07bee2b75b182ba712690f3a3464c29972e28b/height=288;version=1;width=512/https%3A%2F%2Fs.yimg.jp%2Fimages%2Fks%2Fclap%2Fimage%2Fogp%2Fogp.png)
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
全角/半角 MS-IMEの入力モードの切り替え imeMode
サイトやブログをJavaScriptを使って動きのあるページに、スタイルシートで見栄え良く装飾してみませんか？ コピーしてご自由にご利用ください。 フォーカスを当てると入力モードが自動で変わります。 住所： 日本語入力 電話番号： 日本語入力無効 メールアドレス： 半角英数 感想： auto 月額263円からのレンタルサーバー、ミニバード 月額たったの263円から2GB(ギガバイト)という余裕の 大容量スペースをご提供いたしています！ サンプルソース <html> <head> <title>全角/半角 MS-IMEの入力モードの切り替え</title> <script language="Javascript"> <!-- function jpon(tbox){ tbox.style.imeMode="active"; } function jpoff(tbox){ tbox.styl
JavaScriptで特定のクラス名を持つ要素全てに変更を適用する - SRC遊んだり書いたり。時々プログラミング
jQueryのセレクタを用いることで、非常に簡単に記述する事ができます。 参考 jQueryのセレクタについては、次のサイトで網羅的に紹介されています。 jQuery – いろんなセレクタ指定方法＋αを覚えて、目的の要素をさくっと取得する | 1：n – DETELU Blog
いろんなセレクタ指定方法＋α
ずいぶん以前にセレクタについて書いたのですが、今回はセレクタの種類を抜粋して、記述例と説明書きにまとめてました。「セレクタとは？」という方は、まず下記記事を読んでみて下さい。 jQueryを使ってみよう。(基本編 セレクタ１) ＋αというのはトラバース(走査)系のメソッドです。「この要素を抜き出したい！」と思ったときにセレクタだけでは抜き出しにくい場合があります。そういうときにトラバース(走査)系のメソッドを使うと、簡単にできたりするので覚えておくと便利なものです。 「こういう書き方をすると、こういう要素が選択される」という例で説明を添えていますが、数が多いので説明書きは、ほんとうに添えた程度です。説明だけではわかりにくいと思うので動作サンプルを用意しました。動作サンプルを眺めながら、ちらっと説明書きをチェックしてもらえれば「なるほど！」となるはず。。。ご利用ください。 jQuery セレ
enchant.jsで文字入力する方法と、キャレット移動への対応の要点まとめ - SRC遊んだり書いたり。時々プログラミング
先日予告していた、下記コードの要点を解説、まとめました。 キーの押下を確かめる var keyState = []; document.onkeydown = function (e) { keyState[e.keyCode] = true; return true; }; document.onkeyup = function (e) { keyState[e.keyCode] = false; return true; }; 通常、キーが押された時にイベントが呼び出されますが（document.onkeydown = hoge）、あるタイミングで 「今、キーが押されているか」 を確かめるには、この方法が有効です。 キーが押されている間だけ、変数keyState[(キーコード)]がtrueになります。 enchant.jsで文字入力 //入力フォームを作成 var input = ne
Camp Vermont
Add to Cart Produk ini tidak dapat dibeli karena bermasalah. Silahkan hubungi kami. Dalam dunia perjudian online, slot gacor menjadi salah satu permainan paling populer yang digemari oleh berbagai kalangan. Dengan mekanisme sederhana dan peluang menang besar, slot kerap menjadi pilihan utama bagi pemain baru maupun berpengalaman. Salah satu platform yang sedang naik daun dan menarik perhatian para
Javascriptの変数をPHPの変数に渡したいのですが、どのような方法があるでしょうか?…
Javascriptの変数をPHPの変数に渡したいのですが、どのような方法があるでしょうか? http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1045993005 実際にやりたいことは、この質問に近いのですが、Ajaxを使う方法でなくても良いです。 どのようにすればいいでしょうか？いくつかやり方を示していただけるとより嬉しいです。
JavaScript の継承についての質問です。 JavaScript の継承で親クラスのメソッドをオーバーライドした場合、子クラスのメソッドから親クラスのメソッドを呼び出…
JavaScript の継承についての質問です。 JavaScript の継承で親クラスのメソッドをオーバーライドした場合、子クラスのメソッドから親クラスのメソッドを呼び出す事は出来ますか？ 例えば、Java で言うsuperを使ったアクセスのような機構です。
テキストボックス内のカーソル（キャレット）位置や選択範囲を，JavaScriptで取得・設定する方法 - 主に言語とシステム開発に関して
JavaScriptプログラミングのTOPへ input や textarea などのテキストボックスをフォーカスした際に表示される，「｜」の形をしたカーソルの事をキャレットという。 また，Shiftキーを押しながらキャレットを移動させると，文字列が選択状態になる。 キャレットや選択文字列の情報は，JavaScriptで取得・設定できる。 下記は，IEで・・・ カーソル（キャレット）の位置を 取得する方法。 設定する方法。つまり，カーソルの移動。 選択状態になった文字列の範囲を 取得する方法。 設定する方法。つまり，指定した範囲を選択する。 のサンプルコード。 また，これらを応用して テキストボックスで，クリックした文字を取得する方法 についても述べる。 （１）IEで，カーソル位置を取得するサンプル （２）IEで，カーソル位置を設定するサンプル （３）IEで，選択範囲の取得をするサンプル
現在フォーカス(focus)しているテキストフォームのidと値を取得するコード(JavaScript)を教えてもらえれば幸いです。
現在フォーカス(focus)しているテキストフォームのidと値を取得するコード(JavaScript)を教えてもらえれば幸いです。
【Javascript】ブラウザの表示領域サイズ取得について - すたら日記
最終更新: 2018年8月2日 目次 結論 実験 実験結果一覧表 古いブラウザでの実験結果 結論 以下のように求められます。 ※ IE6, 7, 8は対象外です。 1. 表示領域の幅 (スクロールバー含まず) = document.documentElement.clientWidth; $(window).width(); // jQuery 2. 表示領域の高さ (スクロールバー含まず) = document.documentElement.clientHeight; $(window).height(); // jQuery 3. 表示領域左上のX座標 (文書左端から表示領域左端までの距離) = window.pageXOffset; window.scrollX; // pageXOffsetと同等(エイリアス) $(window).scrollLeft(); // jQuery
enchant.js使い方辞典 (v0.4.3)
このページはenchant.jsの用例/サンプルを扱っています。ここではenchant.js ver 0.4.3を使用しています。 ＊勉強用に作成したページなので間違いや勘違いがあるかもしれません。これはまずい／間違っているというサンプルがありましたらopenspc@alpha.ocn.ne.jpまでメールをください。 ちなみにHTML5 (Canvas)を使ったゲームのプログラムについて解説付きで読んでみたい人は拙著「10日でおぼえるHTML5入門教室」の10章およびダウンロードファイル内の補習講義にて以下のゲームプログラムの解説と実際のコードが入っていますので参考にしてみてください。 ※収録されているもの スカッシュ、ブロック崩し、侵略イカゲーム（インベーダーゲームのようなもの）、集金ゲーム（パックマンのようなドットイートタイプ）、レーダー表示タイプのゲーム（ラリーXやボスコニアンのよ
JavaScript 配列 (Array) の反復的なメソッド : Serendip – Webデザイン・プログラミング
JavaScript1.6、 1.8 で追加された、配列 (Array) の反復メソッドについて。 filter 配列を、引数として渡された関数でフィルタリングして、結果が真(true)となる要素からなる配列を作る。 filter に渡される関数は、要素の値、インデックス、配列の3つの引数を取る。 function(val, index, array) 配列内の偶数要素からなる配列を作る例。 var ary = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]; var retAry = ary.filter(function(x) { return x % 2 === 0 }); 参考：filter – MDC map 配列の各要素に、引数として渡された関数を適用した配列を作る。 map に渡される関数は、要素の値、インデックス、配列の3つの引数を取る。 function(v
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
goo
