ベストアンサー

$の文法？

2009/03/01 22:14

Javascriptの勉強をしていると見慣れない$が出てきました、 $は何をしているものでしょうか？ $("result").innerHTML = "<b>テスト</b>"; Ajaxの中の１文ですが、Ajaxの勉強に役立つ本も紹介してほしいです。

nati_desu
お礼率3% (4/107)

JavaScript
回答数2
ありがとう数0

みんなの回答 （2）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

noname#98692

2009/03/01 22:23 回答No.1

prototype.js の $ 関数です。 getElementById を短く記述するためのものです。つまり、getElementById("result").innerHTML と同じ事です。 http://www.google.co.jp/search?q=prototype.js

その他の回答 (1)

noname#84373

2009/03/01 23:28 回答No.2

一時期、短くてすむので function $(n) { return document.getElementById(n); } なんて使ってた時期がありました。

関連するQ&A

jqueryの$.ajaxでPHPに値を渡したい

下記の様にjquery(ver1.4.x)の$.ajax関数を使って、 ajaxでPHPに値を渡したいと思っています。 ■Javascript （中略） $.ajax({ type:"POST", url:"test.php", data:{"check":check}, success:function(){ alert("OK"); } }); ■PHP（test.php） if ($_POST) { $_SESSION["data"][] = $_POST["check"]; } この時、普通の状態ならtest.phpで値が受け取れ、$_SESSION["data"]の配列内には$_POST["check"]の値が格納される事を確認しました。しかし、ブラウザのCookieを無効（ブロック）に設定した場合のみ、$_SESSION["data"]の中には$_POST["check"]の値が入らないのです。 session_start();はJavascriptのあるHTML、test.php両方に書かれています。クッキー無効の場合はJavascript(ajax)-PHP間でセッションは切断されてしまうのでしょうか？ php.iniの設定では session_use_cookiesもsession_use_only_cookiesもOnになっています。詳しい方おられましたらご教授宜しくお願いします。
プロパティに$をつける場合との違いについて

はじめまして、Javascriptの勉強を始めたばかりで調べても答えを得られなかったので質問させてください。 jQueryライブラリを学んでいるのですが ↓行数 1：　　　　　　$("Div").hover(function(){ 2：　　　　　　　　this.$old = this.innerHTML; 3：　　　　　　　　$(this).html("ホバー中"); 4：　　　　　　　},function(){ 5：　　　　　　　　$(this).html(this.$old); 6：　　　　　　　　}); このソースの2と5行目に$oldとありましたこのoldに$があってもなくても動作が変わらないのですが $をつける理由を教えてください。
$という文字が使えない？

フレームを使用したページで、左側フレームの文字をクリックすると、右側フレームの特定の文字が強調表示される、というJSがあります。だいぶ以前にどこかで教えていただいたものですが、 <script language="javascript">  </script> このようにhead部分に記述しておき、文中に <a href="#koko" onclick="change(this.innerHTML)">moji</a> とします。このmojiをクリックすると右フレームにあるmojiという文字がすべて強調されます。ところが、$mojiとすると、右フレームの$mojiという文字が強調表示しなくなります。原因は$という文字がJSで特殊文字だからのような気がするのですが、上記のような$を使った文字を強調させたい場合にはどのようにしたらいいでしょうか。よろしくお願いします。
innerHTMLで表示完了後に、Ajaxにて通信を実施

innerHTMLで表示完了後に、Ajaxにて通信を実施お世話になります。現在、PHP + Ajax + MySQLでWebアプリケーションを作成中です。読み込みが既に完了した画面から、あるイベントにてAjax + PHPにてMySQLからデータを取得し、その結果を受け取り、innerHTMLにて動的に結果を表示させています。問題となっているのは、 MySQLからデータを取得するのに時間がかかり、２、３秒ほど画面が固まった状態となるため、その対策を実施したいのですが思うように実現できておりません。実現したいことは、MySQLからデータを取得する前に、innerHTMLであらかじめ『しばらくお待ち下さい』のようなメッセージを表示したいのですが表示される前にMySQLからデータを取得する処理が開始され、『しばらくお待ち下さい』が表示されません。以下の方法では、表示されるようです。 (1)メッセージとデータ取得処理の間に確認ダイアログを表示させる。 (2)ウェイト処理を実施できれば、innerHTMLにて表示が完了されてから、すぐに Ajaxにて通信が開始されるような方法を探しているのですが、何か方法はありませんでしょうか。（そもそも、ＤＢからデータを取得する時間にかかりすぎている点は、今後もSQL文を見直すなど、対策はしたいと考えております。）少しでもご存知の方がいらっしゃいましたら、ご教授よろしくお願い致します。以下に、動作させているイベントを記載致します。 //呼び出されるイベント function test() { var result = document.getElementById("result"); result.innerHTML = "<p>しばらくお待ち下さい...</p>"; //↑↑これが表示されてから、以下の通信を実行させたいのですが、表示されません。 //ここにウェイトするような処理がある場合は、表示されます。 //XMLHttpRequestオブジェクト生成 var xmlhttp = createHttpRequest(); if (xmlhttp == null) { return null; } //サーバに要求 sendRequest(xmlhttp, "POST", "test.php", false, null, getResult); return; } //サーバからの応答をxmlhttpにて受信 function getResult(xmlhttp) { //サーバから出力された文字列をinnerHTMLにて出力 var result = document.getElementById("result"); result.innerHTML = xmlhttp.responseText; return; } 【環境】ブラウザ：IE8 PHP：5.2 以上、よろしくお願い致します。
google feed api

以下のようにブログのフィードを取得しようとしたのですが、何も出てきません。ＡＰＩキーは間違っていないです。二つのファイルは同階層です。余分なところは省略しています。 //test.html <title>Google AJAX Feed API テスト</title> <script type="text/javascript" src="http://www.google.com/jsapi?key=ABQIAAAABuy1BFnkBh8stkm....................................."> </script> <script type="text/javascript" src="test.js"> </script> </head> <body> <p>Google AJAX Feed API テスト</p> </body> </html> //test.js google.load("feeds", "1"); function initialize() { google.feeds.lookupFeed("http://feedblog.ameba.jp/rss/ameblo/blog/rss20.xml", getFeedUrl); } function getFeedUrl(result){ if (!result.error){ if (result.url != null) { var feed = new google.feeds.Feed(result.url); feed.load(dispfeed); } }else{ var container = document.getElementById("feed"); container.innerHTML = "フィードがありません"; } } function dispfeed(result){ if (!result.error){ var container = document.getElementById("feed"); var htmlstr = ""; htmlstr += '<h2><a href="' + result.feed.link + '">' + result.feed.title + '</a></h2>'; for (var i = 0; i < result.feed.entries.length; i++) { var entry = result.feed.entries[i]; htmlstr += '<h3><a href="' + entry.link + '">' + entry.title + '</a></h3>'; htmlstr += "<p>" + entry.publishedDate + "</p>"; htmlstr += "<p>" + entry.contentSnippet + "</p>"; htmlstr += "</p>"; } container.innerHTML = htmlstr; }else{ alert(result.error.code + ":" + result.error.message); } } google.setOnLoadCallback(initialize);
Ajax：FireFoxだと動作しない

既出でしたらすみません。 IEだとうまく動作するものが、FireFoxだと動作しません。原因をご存知の方がいらっしゃいましたら、ご教示願えますでしょうか。参考書籍などをお伝えいただくだけでも構いません。私はプログラミングの知識はありますが、 DOMについては初心者です。よろしくお願いします。 ----------HTML/JSソース <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Ajaxサンプル</title> <script type="text/JavaScript" src="../lib/prototype.js"></script> <script type="text/javascript">  </script> </head> <body> <div> <input type="button" value="データの読み込み" onClick="getFile()"/> </div> <div id="result" >ここにデータを読み込みます。</div> </body> </html> ----------XMLデータ（test_xml03.xml） <?xml version="1.0" encoding="UTF-8" ?> <result> <country>アメリカ</country> <kanji>米</kanji> </result> ----------状況「データの読み込み」ボタンをクリックすると、 IEでは"result"部分に「アメリカ」と出ますが、 FireFoxだと何も起こりません。 ----------環境 WindowsXP IE6.0 FireFox2.0 prototype.jsを使用 ----------補足使用しているJavaScriptは、自分で調べた限りでは IE/FF共に使用できるコードばかりのはずです。いろいろと試してみましたが、わかりません。どうかよろしくお願い申し上げます。
ドキュメントディレクトリィとは？

こんにちは。あまりにも簡単な質問だったらすみません。「PHPによるJavaScriptを書かないajax」という本で、ajaxのことを勉強しているのですが、指定されたものを・ドキュメントディレクトリィにおく・ドキュメントディレクトリィ以外の場所に置くと書かれているのですが、そもそもドキュメントディレクトリィとはどこの場所のことを示すのでしょうか？カテゴリー違いだったらすみません。。。よろしくお願いします。
ajaxでエラー処理

お世話になります。 prototype.jsを使ってajaxのエラー処理を考えております。そこで質問なのですが、以下のソースで OK.phpでは正常に処理が行われ、 NG.phpでは強制的にonFailure処理を行わせたいと考えております。 PHP側(NG.php)で、操作出来ませんでしょうか？よろしくお願いいたします。 <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <script type="text/javascript" src="prototype.js"></script> <script type="text/javascript">  </script> </head> <body> <input type="button" value="正常処理" onClick="ajax('OK.php')"><br> <input type="button" value="エラー処理" onClick="ajax('NG.php')"><br> <div id="result"></div> <div id="errMsg"></div> </body> </html>
HTTPハンドラでPOSTした値を受け取りたい。

C♯でASP.NET環境にて開発をしています。 htmlにボタン（submit）を置いて、postが来たら、ashx（HTTPハンドラ）のほうでリクエスト値を見てDBから値を取り、結果を返したいと思っています。結果については、JavaScriptのほうでinnerHTMLを使って反映させる予定です。オンロードでJavaScriptのメソッドを呼んでるんですが (body onload = "test();"）（input type hiddenでいくつかの値がpostされるようになっています） function test() { var ret = new Ajax.Request('GetValue.ashx'),{ method:'post' … } こんな感じでashxを呼んでるものの、htmlでpostした値が受け取れません。 context.Request.Querystringで取ろうとしてるんですが… htmlでリクエストした際に、JavaScriptを呼んで、そこでajaxリクエストをしているという作りがまずいのでしょうか？ HTTPハンドラを使うのが始めてなので、頓珍漢なことをしているかもしれませんが、ご教授いただけると助かります。宜しくお願いします。
innnerHTMLがうまくいきません

JavaScriptで、HTMLのbody内をinnerHTMLを使って書き換えをしたいのですが、うまくいきません。どなたかご教示くださると助かります。以下がJavascriptのソースです。 window.onload = focusline; function focusline() { var test = document.getElementsByTagName('body'); for (var i = 0; i < test.length; i++) { test[i].onclick = clicked; } } function clicked() { test.innerHTML = test.innerHTML + '<p>書き換えました</P>'; }
gooの簡単ホームページでの「置換」について

gooの簡単ホームページでＨＰを開設しているものです。ここでは、掲示板やログなどのページに、いたるところ他のメンバーのＨＰへのリンクがはられており、簡単にメンバー間の行き来ができて、たいへん便利なのですが、このリンクのターゲット指定が「_top」になっているので、リンク先が同一画面に上書きされてしまうことになり、自分のＨＰに戻るのが少々面倒です。そこで、ターゲット指定を「_blank」にして新しい画面を開くようにしたいと思いました。 javascript のことはなにもわかりませんでしたが、あちこちからいろいろ情報をかき集めて、以下のようなスクリプトをデタラメに作りました。 <script type=text/javascript>  </script> これで（不思議なことに）何の問題もなく、動作していますが、実のところ、なんのことやらさっぱりわかっていません！まずわからないのは、どうして<div>というタグが必要なのか、あと、innerHTML というのは IE しかサポートしていないとか、いろいろ問題もありそうです。今後 javascript をもう少し勉強しようかなと思っていますので、このスクリプトをスマートにする方法とか、別な方法とかありましたら、なんでもけっこうですので御教示よろしくお願いします。
JavaScriptの$は文字以外にも意味がある？

JavaScriptでは、$は、単なる文字として扱う。というのは調べてわかったのですが、以下のプログラムの意味がわかりません。 ◆疑問１「$を変数として宣言している」とすれば、以下のプログラムの始まりは var $ = ～～～のようになりますよね？ ◆疑問２ 3行目あたりに出てくる「$.ajax(」のような記述は、変数$の、下の階層のなんらかのオブジェクト？なのかと思いましたが、$が何かのクラスであったり構造像体である旨は、どこにも宣言されていないので、変数ではない何かかのでしょうか？？ ◆疑問３いろんなところに、function()とあるのは、なぜなのですか？無名関数？とかいうのがあるということはどこかで知りました。が、 (1)下のプログラムでは、何回もfunction()として、処理を記述していますが、何の意味があるのでしょうか？ function(){ 　処理内容; }, と書くくらいなら、最初から無名関数としてくくらなくても、良くないですか？むしろ、無駄な文字数が増えるし、しかもわかりにくいように思いますが、この記載にメリットはあるのでしょうか？ $( 　function(){ 　　$.ajax( 　　　{ 　　　　url: "doctors/data.xml", 　　　　dataType: 'xml', 　　　　timeout: 1000, 　　　　error: function(){ 　　　　　alert("xmlファイルの読み込みに失敗しました"); 　　　　}, 　　　　success: function (data){ 　　　　　$(data).find("item").each(function(){ 　　　　　　if($(this).attr("val") == "new"){ 　　　　　　　$("ul.column").append('value=test'); 　　　　　　} 　　　　　}); 　　　　} 　　　} 　　); 　　$("li.noJavaScript").remove(); 　} );
文字化け

FAQになっていますが、AJAXの文字化けで苦しんでいます。長文失礼します。よろしくお願いします。作成中の中心部分の抜き出し部分を添付します。ダイアログで日本語を入力しそのまま返すのですが、文字化けします。 Windows XP TOMCAT6.0.18 prototype.js(最新リリース) ソースはすべて、SJIS、dialogProc関数の処理の問題とは思いますが。以下はjavascript部分（test1.js） function dialogProc() { window.showModalDialog( "test1?mode=dialog", this, "dialogWidth:480px;dialogHeight:480px" ); } function clickAct() { var request = new Ajax.Request( 'test1', { method:'post', asynchronous:false, parameters: Form.serialize( 'form' ), onFailure: function( response, options ) { alert( 'error' ); return( false ); } } ); document.getElementById( 'SERVLET_RESULT').innerHTML = request.transport.responseText; return( true ); }
IEでAjax

現在、以下のソースをもとにAjaxのテストをしているのですが FireFoxだと正常に動作されますが、IE8だと無反応です。もちろんJavaScriptは有効にしています。この原因はどこにあるのでしょうか？ ■test.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitiona..."> <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"> <!-- var ajax = new XMLHttpRequest(); function makeTable(keyword) { 　ajax.onload = function() { 　　document.getElementById('layerTable').innerHTML = ajax.responseText; 　} 　ajax.open('GET', 'sample.php?keyword=' + keyword, true); 　ajax.send(null); } </script> </head> <body> <h1>Ajaxのテスト</h1> <form id="formMain" name="formMain" method="post" action=""> <p>キーワードを入力して、表示するボタンをクリックしてください。</p> <p> <input type="text" name="keyword" size="35"> <input name="buttonMake" type="button" id="buttonMake" value="表示する" onClick="makeTable(this.form.keyword.value)" /> </p> </form> <div id="layerTable">ここに応答が表示されます</div> </body> </html> ■sample.php <?php $keyword = $_GET['keyword']; $doc = "<b>Ajaxのテストです</b><br />"; $doc .= "キーワードは{$keyword}"; print($doc); ?>
複数スクリプトの読み込みでlightboxが動作しません

MT4.1でサイトを構築し、カレンダー、サイト内検索、画像表示（lightbox）をprototype.jsを用いたスクリプトを読み込む形で動かそうとしているのですが、画像表示（lightbox（最新版））のみを読み込ませた場合は動作するのですが、三種類とも読み込ませた場合画像表示（lightbox）が正常に動作せず、拡大画像のページに移動してしまいます。ヘッダ内に組み込んでいるソースは下記となります。 ---------------------------------------------------------  <script type="text/javascript" src="<$MTBlogURL$>_ajax/calendar/prototype.js"></script> <script type="text/javascript" src="<$MTBlogURL$>_ajax/calendar/ajaxCalendar.js"></script> <script type="text/javascript" src="<$MTBlogURL$>_ajax/calendar/dayChecker.js"></script>   <link rel="stylesheet" href="<$MTBlogURL$>_ajax/lightbox/css/lightbox.css" type="text/css" media="screen" /> <script src="<$MTBlogURL$>_ajax/lightbox/js/prototype.js" type="text/javascript"></script> <script src="<$MTBlogURL$>_ajax/lightbox/js/scriptaculous.js?load=effects,builder" type="text/javascript"></script> <script src="<$MTBlogURL$>_ajax/lightbox/js/lightbox.js" type="text/javascript"></script>   <script type="text/javascript" src="<$MTBlogURL$>_ajax/search/js/prototype.js"></script> <script type="text/javascript" src="<$MTBlogURL$>_ajax/search/js/blog_ajax_json_search.js"></script>  --------------------------------------------------------- 画像表示（lightbox）のみにすると動作するので、他のスクリプトと衝突しているのだとは思いますが読み込みの順番などを変更しても効果がありませんでした。解決策をご存知の方、ご教授をお願いいたします。
sendmailの$bodyの中にwhile文

php 初心者です sendmailでメール配信文を作っています。配信はできたのですが、発信者の「発信しました」通知メールに配信リストを掲載して送信したいと思っています。そこでmb_send_mailの$bodyの中にwhile文を書こうと思って下記のように書いてみたのですが当然ながら動きません。下記のように$body = <<<EOM　　EOM;の中にwhile文を書けるのでしょうか？書けるとしたらどのように書いたら宜しいのでしょうか？またはどのようにしたらwhile文で取得する配信リストをメールの中に入れることができますか？ご教授よろしくお願い致します。 $body = <<<EOM while ($i = mysql_fetch_array( $result)) { echo $i['name']; ;} EOM;
「(string)$i」のような変則な文

ＰＨＰのサンプルの中に「$num = (string)$i;」のような一文があります。この「(string)変数」というパターンはいままで見かけたことがないのですが「(string)」は関数扱いになっているのかなと思ってみたのですがよくわかりません。どのような意味合い、使い方になるのでしょうか？またこのような使い方は多いのでしょうか？もし簡単に説明してあるようなページがあれば紹介よろしくお願いいたします。
phpからget送信で持ってきたデータの改行

こんにちは。ｐｈｐから取得したデーターをjavascriptに渡して表示したいと考えています。しかしながらjavascriptで改行ができません。何が原因でしょうか？ <send.phpファイル> <?php $date_db="2012/12/03"; .$title_db="テスト"; $comment_db="送信可能"; echo "日時:".$date_db."\nタイトル:".$title_db."\nコメント:".$comment_db; ?> <htmlファイル（一部）> $.ajax({ type: "GET", url: "send.php", data: data, dataType: "text", success: function(data, dataType) { /** Ajax通信が成功した場合に呼び出される */ //初回アクセス時 if(result == null) { result = data; } //PHPより取得した値が違えばメッセージを<div id="text"></div>に出す if(result != data){ alert("情報が更新されました\n情報を確認してください"); $('#text').text(data); result = data; } }, <div id="text"></div> ブラウザ上で表示されると「日時:2012/12/03タイトル:テストコメント:送信可能」になってしまいます。お願いします。
iframeで開いたウィンドウからコントロール

javascriptを入門サイトなどを徘徊しながら勉強している者です。ブラウザでＡというウィンドウとiframeで後から開かれたＢというウィンドウがあります。 javascriptをＢから実行して、AのinnerＨＴＭＬをコントロールしたいのですが良い方法が見つかりません。この処理を行う為にはどういった方法がありますか？宜しくお願い致します。
AJAX?のような使い方をしたい

AJAX?のような使い方をしたいと思い、 javascriptで下記のような記述を行いました。 document.getElementById('id').innerHTML = "<script type='text/javascript' src='api'></script>"; あらかじめ<script type='text/javascript' src='api'></script>を記述しておけば、正常にapiにリクエストしてくれますが、無理やりjavascriptで書き換えると、ソースコードのみが書き換えられ、 apiにリスエスとしてくれません。何か記述が間違っているのでしょうか？それとも根本的に間違っているのでしょうか？

$の文法？

質問者が選んだベストアンサー

その他の回答 (1)

関連するQ&A

jqueryの$.ajaxでPHPに値を渡したい

プロパティに$をつける場合との違いについて

$という文字が使えない？

innerHTMLで表示完了後に、Ajaxにて通信を実施

google feed api

Ajax：FireFoxだと動作しない

ドキュメントディレクトリィとは？

ajaxでエラー処理

HTTPハンドラでPOSTした値を受け取りたい。

innnerHTMLがうまくいきません

gooの簡単ホームページでの「置換」について

JavaScriptの$は文字以外にも意味がある？

文字化け

IEでAjax

複数スクリプトの読み込みでlightboxが動作しません

sendmailの$bodyの中にwhile文

「(string)$i」のような変則な文

phpからget送信で持ってきたデータの改行

iframeで開いたウィンドウからコントロール

AJAX?のような使い方をしたい

注目のQ&A

カテゴリ
一覧

専門家に質問してみよう
専門家登録

あなたにピッタリな商品が見つかる！ OKWAVE セレクト

$の文法？

質問者が選んだベストアンサー

その他の回答 (1)

関連するQ&A

jqueryの$.ajaxでPHPに値を渡したい

プロパティに$をつける場合との違いについて

$という文字が使えない？

innerHTMLで表示完了後に、Ajaxにて通信を実施

google feed api

Ajax：FireFoxだと動作しない

ドキュメントディレクトリィとは？

ajaxでエラー処理

HTTPハンドラでPOSTした値を受け取りたい。

innnerHTMLがうまくいきません

gooの簡単ホームページでの「置換」について

JavaScriptの$は文字以外にも意味がある？

文字化け

IEでAjax

複数スクリプトの読み込みでlightboxが動作しません

sendmailの$bodyの中にwhile文

「(string)$i」のような変則な文

phpからget送信で持ってきたデータの改行

iframeで開いたウィンドウからコントロール

AJAX?のような使い方をしたい

注目のQ&A

カテゴリ 一覧

専門家に質問してみよう 専門家登録

あなたにピッタリな商品が見つかる！ OKWAVE セレクト

カテゴリ
一覧

専門家に質問してみよう
専門家登録