約 2,903,255 件
https://w.atwiki.jp/knowledge_library/pages/80.html
インストール backbonejs本体 http //backbonejs.org/ 依存パッケージ undercorejs http //underscorejs.org/ json-js https //github.com/douglascrockford/JSON-js jquery http //jquery.com/ 読み込み script src="jquery-1.9.1.min.js" /script script src="JSON-js/json2.js" /script script src="underscore.js" /script script src="backbone.js" /script
https://w.atwiki.jp/kobapan/pages/288.html
スマートフォン対応でよく使われるような、画面サイズでの振り分けがダメでも、これならいけた。 navigator.userAgentの文字列中に、iPhone、Androidなどの文字がある場合、 headタグの最後にlinkタグを挿入、smart.cssを追加し、 style.cssの対応部分を上書くことでスマートフォン用の画面にする。 script type="text/javascript" src="https //ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" /script link rel="stylesheet" href="style.css" script $(function(){ var _UA = navigator.userAgent; if (_UA.indexOf( iPhone ) 0 || _UA.indexOf( iPad ) 0 || _UA.indexOf( iPod ) 0 || _UA.indexOf( android ) 0 || _UA.indexOf( Android ) 0 || _UA.indexOf( BlackBerry ) 0 || _UA.indexOf( windows Phone ) 0 || _UA.indexOf( NOKIA ) 0 || /Mobile.*Firefox/.test(_UA)) { $( head ).append( link ); $( head ).children( last ).attr({rel stylesheet ,href smart.css }); }}); /script 参考 jQueryでlinkタグを追加して外部CSSを読み込む POSTORO jQueryで動的に CSSファイルを追加する方法
https://w.atwiki.jp/guide/pages/421.html
以前導入させていただきましたjavascriptプラグインでは、 script タグを除いた形で入力していただくという仕様の都合上、アマゾンお任せリンクなど外部jsを読み込む形式が利用できませんでした。 この度ユーザ様より上記の場合正常に動作しないという問題をご連絡いただき、改善させていただきました。 新しい動作仕様では、 #javascript(){{ script type="text/javascript" !-- amazon_ad_tag = "atwiki-22"; amazon_ad_width = "468"; amazon_ad_height = "60";//-- /script script type="text/javascript" src="http //www.assoc-amazon.jp/s/ads.js" /script }} と入力すると、 と表示されます この改善に関して不都合・ご意見ございましたら大変お手数ですがメールにてお問い合わせください。 では今後ともよろしくお願いいたします。
https://w.atwiki.jp/suffix/pages/1247.html
ActiveXObjectを、Webで使う。 ObjectタグでActiveXコントロールをブラウザに渡す方法について。 html script type="text/javascript" language="javascript" var test = document.getElementById("test"); //≒var test = new ActiveXObject("classidで指定したオブジェクト[Wscript.shell等]"); /script body object id="test" classid="CLSID xxxxxx" /object /body /html Objectのclassidには、HKEY_LOCAL_MACHINE\SOFTWARE\Classes\の値を指定すると良いらしい。 Objectタグで扱えるメジャーなもの(java,Flash等)のclassidはググった方が早いかも。 ActiveXObjectの使用方法については、 本サイトのJScriptに色々書いているので参考にされたし。
https://w.atwiki.jp/sevenlives/pages/2041.html
prototype.js YUI Library jQuery JSAN?
https://w.atwiki.jp/suffix/pages/278.html
echo(" table \n"); echo(" tr td /td /tr n"); echo(" /table );・・・等 echo等でjavascriptの変数として利用することもできるが、 /*sample.php*/ html head ?php $a = "apple"; $t = "test"; ? script var a =" ?=$a? "; /script script src="sample.js" /head body /body /html /*sample.js*/ alert(a); //javascriptとしてvar aに値を入れているので成功する alert(" ?=$t? "); //PHP上の変数は外部読み込みのjavascriptでは使えない。よって ?=$t? と表示されたりする。 http //phpspot.net/php/man/php/faq.html.html
https://w.atwiki.jp/m_shige1979/pages/1041.html
Ajax処理(POSTメソッド) 概要 AjaxをPOSTメソッドで送信する ※setRequestHeaderでFormヘッダーを設定後、 sendパラメータを設定する クライアント Html !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http //www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" 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" src="./ajax_test.js" /script /head body form name="fm" label 名前: input type="text" name="name" value="" size="15" / /label br / label 年齢: input type="text" name="ago" value="" size="5" / /label input type="button" value="送信" onclick="asyncSend();" / /form br / div id="result" /div /body /html javascript // リクエストオブジェクトを取得 function getXHR(){ var req; try{ req = new XMLHttpRequest(); }catch(e){ try{ req = new ActiveXObject( Msxml2.XMLHTTP ); }catch(e){ req = new ActiveXObject( Microsoft.XMLHTTP ); } } // 返却 return req; } // Ajax送信処理 function asyncSend(){ // リクエストオブジェクトを取得 var req = getXHR(); // コールバック関数を定義 req.onreadystatechange = function(){ // オブジェクトエレメントを取得 var result = document.getElementById( result ); // 通信完了ステータスチェック if(req.readyState == 4){ // リクエストステータスチェック if(req.status == 200){ result.innerHTML = req.responseText; }else{ // 通信失敗 result.innerHTML = "サーバエラーが発生しました。"; } }else{ // 通信完了前 result.innerHTML = "通信中…"; } } var param_name = document.fm.name.value; if(param_name == ){ alert( 名前を設定してください ); return false; } var param_ago = document.fm.ago.value; if(param_ago == ){ alert( 年齢を設定してください ); return false; } // URIエンコードを行う param_name = encodeURIComponent(param_name); param_ago = encodeURIComponent(param_ago); // サーバとの非同期通信を開始 req.open( POST , http //localhost.testweb01/ajax_test.php , true); // ヘッダー送信 req.setRequestHeader( content-type , application/x-www-form-urlencoded;charset=UTF-8 ); req.send( name= + param_name + ago= + param_ago); } サーバ php ?php // パラメータ取得 $_name = $_POST[ name ]; $_ago = $_POST[ ago ]; // パラメータ出力 echo "こんにちは" . $_name . "(" . $_ago . ")" . "さん!"; ?
https://w.atwiki.jp/saicron/pages/82.html
JavaScriptとjQueryでデスクトップアプリに負けない操作性のWebアプリケーションを作る
https://w.atwiki.jp/hear_br0wn/pages/30.html
●インクリメント()とデクリメント(--) 「++」 :インクリメント(1増加する) 「--」 :デクリメント(1減少する) ●配列 1つの名前で複数のデータを扱える変数。 変数と同様に配列も宣言が必要 ※棚をイメージするとわかりやすいかも、配列名 = 棚の名前、変数の数 = 棚の数。 【配列の宣言】: var 配列名 = new Array(変数の数); 例: var a = new Array(5); ※この場合、「a」という配列名で,a[0],a[1],a[2],a[3],a[4]という5種類の変数が使えるようになる。 配列番号(キー)は「0」から始まるので注意! 【配列に値を代入】: 例①数値の代入: var a = new Array(3); a[0] = 5; a[1] = 7; a[2] = 9; 例②数値の代入: var a = new Array(5,7,9); ※例①と②の配列は全く同じ。変数のように代入する値を一括で指定することもできる。 例③文字の代入: var b = new Array(2); b[0] = "えんぴつ"; b[1] = 5; ※文字を代入する場合はクォーテーションでくくる必要がある。 ※文字と数値を一つの配列の中にいれることも可能。 【多次元配列】 JavaScriptでは、二次元の配列も作成できます。二次元の配列を宣言する場合は、まず一次元の配列を宣言します。 続いて、その配列内の各要素(変数)に対して再び配列の宣言を行います。 たとえば、以下のように配列の宣言を繰り返すと、2×3の二次元配列を作成できます。 なお、2回目以降の配列の宣言でvarを記述すると、エラーが発生してしまいます。 varは配列を初めて宣言すると気にだけ記述してください。 また、二次元配列に値を代入する際は、配列名[添字][添字]という具合に[]を二回記述する必要があります。 例: var a = new Array(2); a[0] = new Array(3); a[1] = new Array(3); a[0][1] = 10; a[0][2] = 20; a[0][3] = 30; a[1][1] = 100; a[1][2] = 200; a[1][3] = 300;
https://w.atwiki.jp/m_shige1979/pages/1044.html
AjaxでJsonデータで処理を行う 概要 AjaxをJsonデータの結果を取得して制御を行う クライアント Html !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http //www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" 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" src="./ajax_test.js" /script /head body form name="fm" input type="button" value="XML取得" onclick="asyncSend()" / /form br / div id="result" /div /body /html javascript // リクエストオブジェクトを取得 function getXHR(){ var req; try{ req = new XMLHttpRequest(); }catch(e){ try{ req = new ActiveXObject( Msxml2.XMLHTTP ); }catch(e){ req = new ActiveXObject( Microsoft.XMLHTTP ); } } // 返却 return req; } // Ajax送信処理 function asyncSend(){ // リクエストオブジェクトを取得 var req = getXHR(); // コールバック関数を定義 req.onreadystatechange = function(){ // オブジェクトエレメントを取得 var result = document.getElementById( result ); // 通信完了ステータスチェック if(req.readyState == 4){ // リクエストステータスチェック if(req.status == 200){ // テキストデータを取得 var data = eval( ( + req.responseText + ) ); // 要素を取得 var nodes = data.Result; var count = data.count; // データ数をチェック if(nodes.length = 0){ result.innerHTML = "合致するデータはありませんでした。"; }else{ // ULエレメントを作成 var ul = document.createElement( ul ); // ノードの数繰り返す for(var i = 0;i nodes.length;i++){ // 新規のLIエレメントを取得 var li = document.createElement( li ); // タイトルのテキストデータを取得 var name = nodes[i].name; var dob = nodes[i].dob; var price = nodes[i].price; var label = (i+1) + "/" + count + " [" + name + " " + dob + price + "]"; // テキストエレメントを取得 var title = document.createTextNode(label); // LIエレメントへ追加 li.appendChild(title); // ULエレメントへ追加 ul.appendChild(li); } // resultの値を変更 result.replaceChild(ul, result.firstChild); } }else{ // 通信失敗 result.innerHTML = "サーバエラーが発生しました。"; } }else{ // 通信完了前 result.innerHTML = "通信中…"; } } // サーバとの非同期通信を開始 req.open( GET , http //localhost.testweb01/ajax_json_test.php , true); req.send(null); } サーバ php ?php // 連想配列データを用意 $list = array( "count" = "3", "Result" = array( array( "name" = "hoge1", "dob" = "20", "price" = "19770203", ), array( "name" = "hoge2", "dob" = "21", "price" = "19770505", ), array( "name" = "hoge3", "dob" = "22", "price" = "19750601", ), ), ); // json形式に変換 $json_value = json_encode($list); // jsonデータを出力 header( Content-Type text/javascript; charset=utf-8 ); echo $json_value; ? 結果 初期表示 押下