条件 (三項) 演算子 - JavaScript | MDN
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. Learn moreSee full compatibilityReport feedback 条件 (三項) 演算子は JavaScript では唯一の、3 つのオペランドをとる演算子です。条件に続いて疑問符 (?)、そして条件が真値であった場合に実行する式、コロン (:) が続き、条件が偽値であった場合に実行する式が最後に来ます。この演算子は、 if 文の代替としてよく用いられます。 function getFee(isMember) { return isMember ? "$2.00" : "$10.00";
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入門
HOME JavaScript入門 今日の日付と現在時刻 ここからJavaScriptで日付と時間を扱う方法について解説していきます。 まず最初は、今日の日付と現在時刻を取得する方法について説明します。 今日の日付を取得する まずはHTMLのBODY内に以下のコードを記入してみてください。 <script> //今日の日付データを変数hidukeに格納 var hiduke=new Date(); //年・月・日・曜日を取得する var year = hiduke.getFullYear(); var month = hiduke.getMonth()+1; var week = hiduke.getDay(); var day = hiduke.getDate(); var yobi= new Array("日","月","火","水","木","金","土"); document.wr
隠れたフォームのバリデーションに失敗 - Qiita
とある入力フォームを作った時の話ですが、送信ボタンを押しても一向に送信されず、原因をあれこれ探っていくと、Chromeのエラーコンソールに何やら出力されていました。 An invalid form control with name='foobar' is not focusable. そして、この問題になったフォームオブジェクトは<div style='display:none'>の中、つまりユーザーからは知覚も操作も不能な場所に置かれていて、そしてHTML5のバリデーション属性がかかっていました。 対策法 もちろん最初からこんなフォームを作ることはないとは思いますが、JavaScriptで制御しているとこのように「見えないコントロールがinvalidとなる」ということは発生してしまいます。対策法を検討してみる過程で、いろいろなものがありました。 novalidate、formnoval
フォームからファイルを選択した際に、submitする前にプレビュー表示する方法(jQuery版) - Qiita
はじめに フォームの入力の際に、入力に間違いがないかプレビュー表示する この機能を実現するためにFileAPIを利用する JavaScriptのFileAPIは2016年3月現在ほぼすべてのブラウザに対応している(IEさえも) 本サンプルコードはjQueryで動作します。 jQueryを使っていないのが知りたい人はこちらのフォームからファイルを選択した際に、submitする前にプレビュー表示する方法(jQuery"無し"版) を参照のこと Demo 動作を確認できるデモはこちら Demo 対象のコード $(function(){ //画像ファイルプレビュー表示のイベント追加 fileを選択時に発火するイベントを登録 $('form').on('change', 'input[type="file"]', function(e) { var file = e.target.files[0],
HTML5ゲームに使えるローディング表示機能付きプレロード用JSライブラリ「PxLoader」:phpspot開発日誌
PxLoader | A Simple JavasScript Preloader#sample1 HTML5ゲームに使えるローディング表示機能付きプレロード用JSライブラリ「PxLoader」 時代はHTML5ですよ奥さん、と電車の中でも聞くようになった今日この頃ですが、HTML5ゲーム等で画像を大量に使う場合でもプレロードして読込状態等も取得できる機能を提供してくれるのがこのライブラリです。 画像に加えてサウンドの読込にも対応しています。 ローディング状態を表示するデモがサイト上で見れます メニュー、ゲーム、トータルといった感じで分割も出来ます。読込に時間がかかってもこういう進捗があれば落ち着きますね ブラウザが対応していないっていうのもあってPCだとまだまだFlashですが、スマホで使っちゃえるかもしれませんね 関連エントリ HTML5のcanvasを使ったアニメーションするタグクラ
window.open で開いた窓に対して Post する | バシャログ。
いやあ、もうすぐスーパーマリオ3Dワールドの発売日だねえ！って言ったら「もうマリオはいいでしょ…」って言われた kimoto です。 なんでだよ！すっげえ面白そうじゃんかよ！よくないよ！ さて、本日はちょっと小ネタで、window.open で開いた窓に対して Post でデータを渡す方法です。 利用場面としては、フォームの確認画面を小窓で開きたい時などですね。 URL にデータを乗っけて Get で開く方法も無くはないですが、データ量に制限もあったりなど、いろいろと問題があります。 ということで、開いた窓に対して Post でデータを投げる方法です。 function open_preview() { window.open("about:blank","preview","width=600,height=450,scrollbars=yes"); document.input_for
【ワレコの講座】JavaScript Promiseで同期処理と非同期処理のタイミングを制御【便利】
JavaScriptでWEBプログラミングをしていると、同期処理、非同期処理が混じるのでややこしい。 例えば、同期処理が三つ続く場合だと、順番に処理が進む。 これは普通の処理だ。 一方、非同期処理が混じると、処理1から実行された非同期処理2が実行中にもかかわらず同期処理3に行ってしまう。 まあ、これで問題ない場合もあるが、同期処理3が非同期処理2の結果を利用する場合には、これでは問題が起こる。 つまり、同期処理3を開始する時点で、非同期処理2が完了している事が保証されないからだ。 この記事ではJavaScriptのPromiseの機能を使って非同期処理の完了を待ってから次の同期処理を実行する手法を紹介したい。 同期処理が非同期処理の結果を使う典型的な例 例えば、以下のようなhtmlだと [クリック] ボタンが表示される。 <button onclick="func1()">クリック</bu
javascriptでalertを置き換える。 - イノベートな非日常
単純にalertを再定義してあげれば上書きできるが、alertの場合(windowsオブジェクト)に属するメソッドの場合delete alertで元のネィティブなメソッドを戻すことができない。 ※ chromeの場合 仕方ないので、元の関数はwindows.nativeAlert = window.alertみたいな感じでオリジナルのメソッドを退避しておく必要がある。 delete alert 参考 http://www.jeffreydoppke.com/labs/javascript-alert-override/js/scripts.js javascript - trying to override alert, it works, but executes twice - Stack Overflow
JavaScriptのエスケープあれこれ | TECHSCORE BLOG | TECHSCORE BLOG
お久しぶりです。寺岡です。 たまにはRuby以外の記事も書いてみようと思ったので、 知っておきたいJavaScriptのエスケープ処理に関する小ネタを紹介します。 encodeURI, decodeURI は使わない JavaScriptでURLエンコーディングを行う場合に、encodeURI, decodeURIを使用してはいけません。 これらの関数は「:」や「/」などの、URL上で意味を持つ記号は処理してくれません。 encodeURIComponent, decodeURIComponentを使いましょう。 実例で見てみます。 「あいうえお」という文字列を対象としている場合は結果は同じですが、 「http://」という文字列を対象とした場合、結果が異なることがわかります。 var value; // ------------------------- // ひらがなのURLエンコード
jQuery リファレンス：removeClass
索引 ├ リファレンス目次 ├ アルファベット順 └ 検索 Core：コアとなる仕組み ├ 目次 ├ jQuery(selector) ├ jQuery(html) ├ jQuery(function) ├ jQuery.holdReady() ├ jQuery.noConflict() └ jQuery.sub() 他ページ参照 └ jQuery.when() Selectors：セレクタ └ 目次 基礎 ├ *（すべて） ├ element（html要素） ├ #id名（ID属性） ├ .class名（clas属性） ├ 複数のセレクタ(and) └ 複数のセレクタ(or) 階層関連 ├ 先祖 子孫 ├ >（子要素） ├ +（直近の後要素） └ ~（後要素） 属性 ├ [属性名] ├ [属性名='値'] ├ [属性名!='値'] ├ [属性名^='値'] ├ [属性名$='値'] ├
window.parent - Web API | MDN
WindowインスタンスプロパティcachesclosedcookieStorecredentialless Experimental crossOriginIsolatedcryptocustomElementsdevicePixelRatiodocumentdocumentPictureInPicture Experimental event 非推奨; external 非推奨; fence Experimental frameElementframesfullScreen 非標準 historyindexedDBinnerHeightinnerWidthisSecureContextlaunchQueue Experimental lengthlocalStoragelocationlocationbarmenubarmozInnerScreenX 非標準 mozInnerScree
iframe 内のウィンドウから親ウィンドウの要素を操作するには！？ - Web.fla
iframe内への記述になります。 iframe内から親ウィンドウの要素にアクセスできるか実験のためのボタンを設置 Box1の背景色を変える iframe内にjavascriptを記述して、そこから親ウィンドウの要素を取得できるかどうかのコード。 今回は、直接htmlファイルに記述しましたが外部ファイル化してもいいです。 window.addEventListener("load",function(){ //iframe内のボタン var btn1=document.getElementById("btn"); //親ウィンドウにあるボタン! var btn2=window.parent.document.getElementById("btn2"); //親ウィンドウにあるbox1の要素 var box1=window.parent.document.getElementById("b
KUTE.js Core Engine Examples | Javascript Animation Engine
KUTE.js core engine can animate by itself a great deal of CSS properties as well as scroll. You can do it all with native Javascript without libraries like jQuery, but before we head over to the more advanced examples, let's have a quick look at these two basic examples here. Note: the examples are posted on codepen. Basic Native Javascript Example When developing with native Javascript, a very ba
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jsdo.it
Loading...
ES6-Promiseってどう読み込めばいい？polyfillの使い方
JavaScriptを使って、linkタグで外部cssを読み込みたい
jQueryでクリックされた要素が何番目か取得する - Qiita
サブウィンドウから親ウィンドウをリロードする