height() - jQuery 日本語リファレンス
最初の要素の高さをピクセル単位で取得します。 jQuery1.2からは、このメソッドでwindowやdocumentの高さも取得できるようになりました。 ボタンをクリックすると、高さを表示します。 サンプルプログラムはiframe内で動いているので、windowの高さは黄色い部分の値になります。予期したよりも小さい値が表示されているかもしれません。その場合は、単独で開いて確認してみて下さい。 <button id="getp">Get Paragraph Height</button> <button id="getd">Get Document Height</button> <button id="getw">Get Window Height</button> <div> </div> <p> Sample paragraph to test height </p> function
Js/Cssファイルの読み込みや出力する方法
CakePHPのHTMLヘルパーにはjsファイルやcssファイルを読み込むためのメソッドが用意されています。ファイルを読み込むのに加えて、出力先を複数指定できるようになっています。 また、インラインに出力する関数も用意されており、動的に出力する際にも便利なようにつくられているようです。 javascriptファイルの読み込み javascriptファイルの読み込みを行うには以下のようにHtmlヘルパーのscriptにパスを指定します。 echo $this->Html->script( 'jsファイル(パス)'); // パスに//が含まれている場合は、CDNから取得される。 echo $this->Html->script( '//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'); // App.jsBaseUrl(J
jQueryでradioボタンが変更された時のイベント処理
jQueryでradioボタンが変更された時のイベント処理 html <input name="test" type="radio" value="on" />on <input name="test" type="radio" value="off" />off jquery $( 'input[name="test"]:radio' ).change( function() { alert( $( this ).val()); // valueを表示 });
制御フローとエラー処理 - JavaScript | MDN
このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。 �FR�View in English 03U�Always switch to English 前のページ 次のページ JavaScript は、特に制御フロー文についてはコンパクトな文のセットに対応しており、アプリケーションに多様な対話的機能を組み込むために利用することができます。この節ではこれらの文の概要を説明します。 JavaScript リファレンスには、この章で紹介する文についての完全な詳細が載っています。また、JavaScript のコードではセミコロン (;) 文字で文を区切ります。 あらゆる JavaScript の式は、文でもあります。 式に関する詳細については式と演算子を参照してください。
React・Reduxはじめました - 弥生開発者ブログ
こんにちは！ Misoca開発チームのめろたん(@renyamizuno_)です！ 暖かくなってきて眠いですね。 最近は、「0.8秒と衝撃。」というバンドが活動を終了するってことを聞いて、まじかーとなってます。 はい。 今回はMisocaでReactを使い始めたことについて書きたいと思います。 React 詳しく書かないですが、ReactはFacebookで作られたユーザインタフェースを構築するためのライブラリです。 github.com 仮想DOMでJS界隈を賑わせていましたね。 class HelloMessage extends React.Component { render() { return <div>Hello {this.props.name}</div>; } } ReactDOM.render( <HelloMessage name="John" />, docume
JavaScriptファイルの動的読み込みと完了状態を取得する
外部JSファイルの動的読み込み 外部JSファイルを任意のタイミングで読み込みたいとき、scriptタグを生成してdocumentに追加すればロードしてくれます。 function loadScript(src, callback) { var head = document.getElementsByTagName('head')[0]; var script = document.createElement('script'); script.src = src; head.appendChild(script); callback(); } loadScript("path/to/script.js", function() { console.log('script loaded'); }); ただし、読込みが終わった順に実行されるため、 上記の様にコールバック関数を設定しても追加し
DOMで要素の先頭に追加する - それマグで！
appendChildの逆 をやりたい e = document.querySelector('.main') e.insertBefore(div, e.firstChild) appendChildの逆をするにはinsertBefore をfirstChildに対して適用する。 でも面倒なのです。 Node.prototype.prependChild = function(e){ this.insertBefore(e,this.firstChild); } などと書いておけば便利っぽい なんだかんだいって、jQueryって foreachを上手に隠蔽してるよねぇ。
複数のCanvasを結合し、1つの画像として保存したい | teratail
1var createImage= function(context){ 2 var image= new Image 3 image.src= context.canvas.toDataURL() 4 return image 5} 6 7var context1= document.createElement('canvas').getContext('2d') 8context1.fillText('foo',0,10) 9 10var context2= document.createElement('canvas').getContext('2d') 11context2.fillText('bar',0,20) 12 13var context3= document.createElement('canvas').getContext('2d') 14context3.fill
数値と、Excel の列番号風のアルファベット表記の相互変換 in JavaScript - penultの日記
こんな感じでいいんだろうか。 var ExcelUtils = (function() { var RADIX = 26; var A = 'A'.charCodeAt(0); return { to_numeric_col_index: function(string_col_index) { var s = string_col_index.toUpperCase(); var n = 0; for (var i=0,len=s.length; i<len; i++) { n = (n * RADIX) + (s.charCodeAt(i) - A + 1); } return n; }, to_string_col_index: function(numeric_col_index) { var n = numeric_col_index; var s = ""; while (n
ブレークポイントを使ったJavaScriptデバッグを整理してみた【再入門】 - Qiita
はじめに プログラミングの上達において、デバッグスキルを上げることはとても重要で近道の1つだと考えています。 私自身、勉強し始めた頃に知っていれば（理解できていれば）とよく思います。 今回、JavaScriptデバッグについてChromeDevtoolsとブレークポイントを使った基本パターンを整理しました。 自身の復習かつ、あまり馴染みの無い方でも、以下おおよそ理解できるようになれば良いなぁ、というのが本稿の目的です。 どのようなものにブレークポイントが貼れるのか どういった時にブレークポイントが発動されるのか ブレークポイントが発動されると何ができるのか ご存知の方には特に目新しいことはないかと思いますが、何かのお役に立てば幸いです。 表示・動作はChrome 50.0.2661.87mで確認したものになります(2016-05-11) タブやパネルの位置は環境によって異なる可能性がありま
save(), restore() メソッド - Canvasリファレンス - HTML5.JP
構文 context . save() 現在の状態をスタックの最後に加えます。 context . restore() スタックの最後の状態を抜き出し、その状態をコンテキストに復元します。 仕様 コンテキストは描画状態のスタックを維持します。描画状態は次の要素から構成されます： 現在の変換マトリックス 現在のクリップ領域 次の属性の現在の値： strokeStyle, fillStyle, globalAlpha, lineWidth, lineCap, lineJoin, miterLimit, shadowOffsetX, shadowOffsetY, shadowBlur, shadowColor, globalCompositeOperation, font, textAlign, textBaseline. 現在のパスと現在のビットマップは描画状態に含まれません。現在のパスは、b
JavaScriptにもクラスがやってきた！JavaScriptの新しいclass構文をマスターしよう
JavaScriptにもクラスがやってきた！JavaScriptの新しいclass構文をマスターしよう 高津戸壮（株式会社ピクセルグリッド） ECMAScript 2015（ECMAScript 6）で新たに追加された待望のclass構文について、その概要をサンプルコードを交えて紹介します。 これまでのJavaScriptにおけるクラス 多くのプログラミング言語はクラスを作れる機能を持っていますが、JavaScriptにその機能は用意されていませんでした。しかし、JavaScriptにはprototypeという柔軟な仕組みが存在しており、このprototypeを利用することで、他の言語で表現されている「クラス」と似たような振る舞いを再現することが可能でした。 それは例えば、こんなふうにです。 /* Cat雛形の作成 */ function Cat(name) { this.setName(
変数を宣言する
JavaScript で変数を利用するには最初に変数の宣言を行う必要があります。ここでは JavaScript で変数を宣言する方法について解説します。 (Last modified: 2024-10-02) 変数の宣言方法 以前は変数の宣言を行うときに var を使用していましたが、 ECMAScript 2015 (ES6) 以降では var に加えて let と const を使用することができるようになりました。よって変数の宣言は次のいずれかを使用します。
条件（三項）演算子 - JavaScript | MDN
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015年7月. Learn more See full compatibility Report feedback 条件（三項）演算子は JavaScript では唯一の、 3 つのオペランドをとる演算子です。 条件に続いて疑問符 (?)、そして条件が真値であった場合に実行する式、コロン (:) が続き、条件が偽値であった場合に実行する式が最後に来ます。 この演算子は、 if...else 文の代替としてよく用いられます。
jQueryに独自の関数を追加 - Toro_Unit
jQueryを使っているとやっぱり独自の関数を作りたくなってきますよね。 hoge()とhogehoge()というjQueryで使える関数を作ります。 [js] jQuery.fn.extend({ hoge:function(vars){ jQuery(this).addClass("hoge").css({color:"#FFF"}); return this; }, hogehoge:function(){ var $this = jQuery(this); $this.html("hogehoge"); return this; } }); [/js] こんな感じで独自の関数を定義できます。コードの再利用が簡単になるので、覚えておいて損はないです。 return thisを返しておくと、メソッドチェーンができるようになるので、忘れずに入れましょう。
【脱初心者JavaScript】名前空間のイロハ - Qiita
名前空間は、中規模以上のアプリを書くにあたって必須のパターンです。 JavaScriptでは、グローバルスコープを汚染することを防ぐ代わりに、 唯一のアプリケーションのグローバルオブジェクトを作成することが主流です。 また、プロトタイプチェーンを用いることによって、 モジュールコンテナを作成することもできます。 var MYAPP = {}; MYAPP.name = "My First SPA"; MYAPP.data = "2015/06/25"; MYAPP.Update = function(){ ... }; MYAPP.Delete = function(){ ... }; // オブジェクトのコンテナ MYAPP.modules = {}; MYAPP.modules.name = "My First SPA's first module"; MYAPP.modules.da
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【jQuery】チェックされたチェックボックスを取得する - Qiita
javascriptで文字列の描画幅を取得する方法 - Qiita
Loading...
input type = 'date' に初期値を設定したいときの日付フォーマット - Qiita
