jquery.bxslider.jsの使い方やオプションなどのまとめ
スライダーを簡単に実装できるjQueryのプラグイン「jquery.bxslider.js」の使い方をメモ。 下記からダウンロードできます。 jQuery Content Slider | Responsive jQuery Slider | bxSlider ダウンロード後、必要なファイルを読み込みます。 <link rel="stylesheet" href="jquery.bxslider.css" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="jquery.bxslider.min.js"></script> 使用するオプションによっては、下記ファイルの読み込みも必要になります。 jQuery本体とjquery.bxsl
管理画面にメディアアップローダを組み込む
1から解析していたら大変なことになりそうだったが、http://firegoby.jp/archives/2261ここを見て、あっけなく実装出来た。 少しばかり解析しようとjavascript部分のみ抜き出す <script> jQuery('document').ready(function(){ jQuery('.media-upload').each(function(){//aタグの画像編集ボタンのそれぞれについて var rel = jQuery(this).attr("rel");//rel属性（すなわちid,nameと同じ） jQuery(this).click(function(){//クリックイベントをバインド window.send_to_editor = function(html) {//send_to_editor(html)定義 imgurl = jQuery(
自作WordPressプラグインやテーマ内でメディアアップローダーを使用する | Firegoby
いま開発しているプラグインで、テキストフィールドに画像のURLを入力する必要があって、メディアアップローダーからファイルを選択できるようにしました。 以下は、そのための手順です。 HTMLの準備 自作プラグインの管理画面に以下のようなHTMLを記述してください。 ポイントは以下のとおりです。 ファイル名を挿入するinput要素とメディアアップローダーを開くためのa要素を用意する。 a要素のrel属性の値にinput要素のid属性を指定する。 a要素のclass属性に”media-upload”を指定する。 これらの組み合わせは1ページ内に複数あってもOKです。 JavaScriptの準備 上述のHTMLを出力する<head>内などに以下のJavaScriptを設置してください。 JavaScriptのカスタマイズは不要です。
JavaScriptで日付をフォーマットする（和暦対応） - Qiita
はじめに JavaScriptで日付を操作するライブラリとして「Moment.js」や「XDate」等ありますが、和暦の取得や祝祭日の取得等には別のロジックが必要となることが不満で「UltraDate.js」というものを作ってみました。 Date.prototypeを汚さない形で日付の操作を行いたかったので ライブラリの中にDateオブジェクトを保持 Date.prototypeには無い関数を作成 Date.prototypeの関数をapplyで呼び出す といった形で作成しています。内部でDate.prototypeの関数をapplyで呼び出していますので、単純に「new Date()」としている所を「new UltraDate()」と置き換えるだけで現在のプロジェクトにも適用できるようになっています。 その中からいくつかDateオブジェクトのみでも使用できるように関数を切り出して、簡易版
JavaScript初心者を一気に上級者へ導く海外の無料動画ベスト6を一挙公開！ - paiza times
どうも、まさとらん（@0310lan）です。 みなさんは、「JavaScript」をどのような方法で学習されているでしょうか？ お手軽な方法としては…、 ・書籍やブログ記事を読む ・勉強会・セミナーへ参加する ・友人や先輩に直接聞く ・学習向けのWebサービスを利用する ・etc... などが一般的でしょうか。 今回は、上記のリストに加えて、もう１つ有効な方法である「海外の無料動画」についてご紹介しようと思います！ 「どうせ、英語だから…」と、つい敬遠しがちですが、海外ユーザーが作るプログラミング学習動画は、国内に比べて圧倒的に「質」が高いのが特徴です。 なかでも、特に解説が丁寧で理解しやすい動画だけを厳選しましたので、ぜひチェックしてみてください！ ■「JavaScript」の基本を徹底的に学ぶ！ まずは、JavaScriptを「どのように書いたら良いのか？」を丁寧に教えてくれる動画のご
テキストボックスに入力された値を取得する (JavaScript プログラミング)
記述例 var TextValue = document.id_form1.id_textBox1.value; 実装例 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <script type="text/javascript" language="javascript"> function onButtonClick() { target = document.getElementById("output"); target.innerText = document.forms.id_form1.id_textBox1.value;
3/6 テキスト入力欄の文字数をリアルタイム表示 [ホームページ作成] All About
1-2. カウントして表示するJavaScriptを書く 次に、文字数をカウントして表示するためのJavaScriptを記述します。 これは、以下のソースをそのままコピー＆ペーストするだけで構いません。（修正不要です。） <script type="text/javascript"><!-- function ShowLength( idn, str ) { document.getElementById(idn).innerHTML = str.length + "文字"; } // --></script> 上記では、先ほどのonkeyupイベントハンドラで呼び出される「ShowLength」関数を作っています。 処理内容は非常に簡単で、第2引数（str）で渡された文字列の長さ（length）を数えて、 第1引数（idn）で渡された名称でidが振られている要素の内容(innerHTML
![3/6 テキスト入力欄の文字数をリアルタイム表示 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
Numberオブジェクト
Number オブジェクトは数値のラッパークラスです。 Number オブジェクトのインスタンスだけでなく、数値からも Number オブジェクトのメソッドを呼び出したりプロパティを参照することができます。ここでは JavaScript の Number オブジェクトについて解説します。 Numberオブジェクトのコンストラクタ Number オブジェクトは数値のラッパーオブジェクトです。数値に対して Number オブジェクトのメソッドを呼び出すと、数値が自動的に Number オブジェクトに変換されてメソッドが呼び出されます。(ラッパーオブジェクトとはなにかについては「ラッパーオブジェクトとプリミティブ型」を参照されてください)。 通常 Number オブジェクトを直接作成する必要はあまりありませんが、オブジェクトを作成するには Number オブジェクトのコンストラクタを使用します。
parseInt関数(文字列を整数に変換する)
JavaScript のグローバル関数のひとつである parseInt は文字列を整数に変換した値を返します。対象の値が文字列でない場合は文字列に変換したあとで整数に変換されます。ここでは parseInt 関数の使い方について解説します。 ※ Number オブジェクトにグローバル関数の parseInt 関数と同じ動作をする Number.parseInt メソッドが用意されています。 Number.parseInt メソッドについては「文字列を整数に変換する(Number.parseInt)」を参照されてください。
isNaN関数(値がNaNかどうかを調べる)
JavaScript のグローバル関数のひとつである isNaN は対象の値が NaN (Not a Number) かどうかを調べ、 true または false を返します。ここでは isNaN 関数の使い方について解説します。 ※ グローバル関数の isNaN と似たものとして Number オブジェクトで Number.isNaN メソッドが用意されており、より厳格に NaN かどうかを調べます。詳しくは「値がNaNかつ数値型であるかどうかを調べる(Number.isNaN)」を参照されてください。
株式会社ALBERT（レコメンドエンジン）
データ分析から導き出されたインサイト無しにAI（人工知能）の活用は始まりません。私たちは、各業界知識とデータ・アナリティクス技術を駆使しデータドリブン経営を強力に支援します。 データ、アナリティクス、AIは企業にとって競合他社との差別化を図るかつてないほど大きな要因になっています。今日の経営幹部が効率を向上しながら新たな収益源を開拓し、新しいビジネスモデルをタイムリーに構築する方法を模索する中、価値を生み出し成長を続ける企業には「データ活用」という共通項があります。私たちは、無数のデータから企業にとって本当に必要なデータを活用するための方法を知っています。 将来を見据えたオペレーション体制を備えている企業の半数以上（52％）は、すでにデータとアナリティクスを大規模に活用しています。データとAIに関する取り組みをビジネス戦略に沿って実施することで投資利益率を迅速に最大化し、最終的にはAIをビ
【Javascript】配列の値の中から、最大値、最小値を求める（配列を引数に展開する） at softelメモ
問題 Javascriptで、数値の配列から、最大値、最小値を求めよ。 答え var a = [3, 1, 4, 1, 5, 9, 2, 6]; Math.max.apply(null, a); // → 9 Math.min.apply(null, a); // → 1 補足 何が起きているのか。 Math.max(5, 7) // → 7 Math.max(5, 7, 4, 9, 1) // → 9 Math.max は可変長の引数をとります Math.max([5, 7, 4, 9, 1]) // → NaN そもそもダメです Math.max.apply(null, [5, 7, 4, 9, 1]) // → 9 OKです applyの第一引数は何でもよい。結果は変わらない。 Math.max.apply({}, [5, 7, 4, 9, 1]) // → 9 OKです Math.
プレースホルダとHTML5のplaceholder属性
プレースホルダとHTML5のplaceholder属性 HTML5で導入されたplaceholder属性によって、フォームの入力欄にプレースホルダを設定できるようになりました。さて、この「プレースホルダ」とはそもそもなんなのでしょうか。また、プレースホルダにはどのようなテキストを書けばよいのでしょうか。 プレースホルダってなに? フォームの入力欄に、薄い灰色のテキストが表示されているものを見かけます。あのテキストや、テキストを提供する仕組みは、プレースホルダと呼ばれています。 Safariではアドレスバーに“Go to this address”、検索バーに“Google”というプレースホルダが設定されている。 「プレースホルダ (“placeholder”)」 とは、「実際のものに代わって現れるもの」を意味します。たとえば、Webサイトのテンプレートを作る際に、実際のページにはないテキス
非エンジニアに贈る「具体例でさらっと学ぶJSON」 | DevelopersIO
よく訓練されたアップル信者、都元です。「JSONってなんとなくわかるけど、構造を読み取れる自信はないし、ましてや書ける気はまったくしない。」そんな人に贈るエントリーです。残念ながら、「13日の金曜日」や「Why Japanese people!!」しか思い浮かばない人は、想定読者対象外ですのでお引き取りください。逆に、正確な定義が欲しい人はRFC 4627RFC 7159（アップデートされてました）をご確認ください。 「JSON」とは。 JSONとは JavaScript Object Notation の略で、要するに「JavaScriptの中でオブジェクトを記述する書式」のことです。と言われてもなんのことだか分からない人向けの説明なので安心してください。 JSONというのは「データを表現するための記法（≒文法）」です。シンプルなデータであれば、文法など気にせずにただ書けば問題ありません
連想配列のループ処理 - マンガで分かる JavaScriptプログラミング講座
【1Page】 守：先生 前回習った 『連想配列』ですが どうやってループ させるんですか？ 先生：よい質問だ 今日は『連想配列』 のループについて 説明するぞ 連想配列では 『for』文ではなく 『for in』文を 利用する 実例を 見てもらおう var tensuuHash = {"足立" : 65, "安藤" : 78, …}; var goukeiTen = 0; var ninnzuu = 0; for (var key in tensuuHash) { goukeiTen += tensuuHash[key]; ninnzuu ++; } var heikinTen = goukeiTen / ninnzuu; alert(heikinTen); 『連想配列』を作る際に 指定した文字列は 『キー』と呼ばれる ここでは 『tensuuHash』に入れた 『足立』『安藤』 といっ
PHPと異なり，JavaScriptの連想配列とfor in構文には順序の概念がないので注意すること - モバイル通信とIT技術をコツコツ勉強するブログ
JavaScriptの連想配列（＝オブジェクト）には，順序がない。 なので，連想配列専用の構文である「for in」文で要素を取り出すときにも，順序が決まっていない。 配列（Arrayオブジェクト）ではないから。 JavaScriptの連想配列でソート | You Look Too Cool http://stabucky.com/wp/archives/4598 JavaScriptでは正式には連想配列の順番はあてにしてはいけない JavaScriptの連想配列に格納した順序 - ヒルズで働く@robarioの技ログ http://d.hatena.ne.jp/holidays-l/2006... 仕様書によると追加した順序が保証されない for..in文 - 繰り返し処理 - JavaScript入門 http://www.ajaxtower.jp/js/for/index8... ど
jQueryにおけるフォーム値の取得と設定 : JavaScript好き
スポンサードリンク 概要 フォーム(form)の値を取得する場合、jQueryではval()メソッドやprop()メソッドを使う。 ただし、inputの種類によって癖があるので、各typeにおける｢値取得｣｢値設定｣などをメモする。 また、prop()を利用するのでjQueryのバージョンには注意が必要。 このコードを試したときのバージョンは｢1.10.1｣。 テキスト val()メソッドを使だけ。未入力の場合は、｢""｣(空文字)なので安全。 HTML <input type="text" name="animalText"> 値取得 var newText = 'トラ';$(':text[name="animalText"]').val(newText); 値設定 var animal = $(':text[name="animalText"]').val(); ラジオ val()メソ
javascriptでPHPファイルを実行してそれを出力する方法 – ysklog
javascriptでPHPファイルを実行して、その内容を出力する方法をまとめています。 PHPが使えない環境のサイトに動的なコンテンツを出力させたり、javascriptでは取得できないIPアドレスを渡したりできるようになります。 PHPファイルの読み込み 通常、スクリプトファイルを読み込む際 <script type="text/javascript" src="http://○○○.com/△△△.js"></script> のようにjsファイルをsrc属性に指定しますが、下記のようにPHPファイルも指定できます。 <script type="text/javascript" src="http://○○○.com/△△△.php"></script> すなわち、PHPファイルを内部サーバーもしくは外部サーバーに用意し、上のようにPHPファイルを呼び込んであげるだけでPHPが実行され
jQuery.ajaxで簡単に非同期通信 - 背負い投げとENTER_FRAME
なんちゃってWebクリエイターがFlashやらActionScriptやらを淡々と書く。ときとき柔道の話しもする。 やっばりイマドキっぽく、jQuery.ajaxで非同期通信しよう。結構簡単にできたけど、PHPから配列をJavaScriptに戻す作法でつまずいた。普通にPHPでゲットした配列（多次元連想）をそのままechoで返すと、jQueryの方がどうしても解析できなかった。 $result = json_encode($result); echo $result; 配列をエンコードしておけば、問題解決。 ローカルのMAMP環境だとajaxのパラメータに「dataType: ‘json’」が必要だったけど、ロリポップのサーバーだと消さないといけない。そのかわりに取得してきた配列をJSON.parse()を掛ける必要がある。 デモページ 「送信」を押すと「getAr.php」を読み込んで、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
BIGLOBEなんでも相談室サービス終了のお知らせ