• 締切済み

変数の挿入の仕方を教えてください。

会社のホームページに下記のようにJavaScriptを書いて、ある機能を表示させたいと思っているのですが、変数を挿入することができなくて困っています。 JavaScriptなどプログラミングは初めてで、自分でもいろいろ調べたのですがわかりませんでした。どなたか教えていただけないでしょうか。 <div> <script type="text/javascript"> JAVASCRIPT.display.page(document, {page_id : "19" }); </script> </div> 「"19"」と入っているところに「pID」という変数を設定して、いろんな数字が入るようにしたいのですが、どのように記述すればいいのかわかりません。 ※上記のままWebページを表示することには成功しています。 よろしくお願いいたします。

みんなの回答

  • kotoby2003
  • ベストアンサー率15% (280/1755)
回答No.2

上記のような書き方で表示ができちゃうんですね。 (どうして?検索したけど、ヒットしない。その会社独自のライブラリがあるんでしょうか・・・) まあ、それはともかくとして。 質問の内容では、的確な回答はできませんよ。 「いろんな数字が入るようにしたいのですが」 ってありますが、それはどういうことですか?ランダムに数字が入るのでしょうか。それとも押したボタンに応じて値が変わるとかでしょうか。いずれにしろ、今の情報だけでアドバイスするなら、以下になります。 関数にします。 function setPageId(pID) { JAVASCRIPT.display.page(document, {page_id : pID }); }

bc_niki
質問者

お礼

未熟な質問にもかかわらず回答いただきありがとうございます。 実際にはページを表示するタイミングでページごとに違う値(「pID」)が入るような仕組みになっています。 教えていただいた記述で試してみます。 ありがとうございました。

  • yambejp
  • ベストアンサー率51% (3827/7415)
回答No.1

こういう質問はご利用になっているライブラリを表記すべきでは? 単純に考えると JAVASCRIPT.display.page(document, {page_id : pID }); だと想像できますが、そのpIDがどのタイミングで宣言されるか によって処理ができるかどうか変わってくるような気はします

bc_niki
質問者

お礼

未熟な質問にもかかわらず回答いただきありがとうございます。 ライブラリの意味もわからず、ある会社が提供している機能(掲示板みたいなもの)を自社のページに表示しようと思い悪戦苦闘しておりました。 この記述もその会社より、これを追加するように提供されたものなので、よく仕組みがわかりませんでした。 とりあえず教えていただいた記述で試してみます。 ありがとうございました。

関連するQ&A

  • javascript 初心者です 変数について

    javascript 初心者です 変数について html内のbodyに次のように記述しています。 <script type="text/javascript"> <!-- var hensu1=7; var hensu2=2; var hensu3=5; var hensu4=4; for(i=1;i<=4;i++){ document.write("<div>"); for(j=1;j<="hensu"+i;j++){ document.write("<img src='sample.png'/>"); } document.write("</div>"); } --> </script> for(i=1;i<=4;i++)でdivを4つ並べ、 その中にそれぞれsample.pngをhensu分だけ並べ対のですが、 for(j=1;j<="hensu"+i;j++)の部分で "hensu"+i の記述の仕方が分からず、 上記の書き方だと表示されません。 正しい書き方を教えていただけないでしょうか?

  • Javascriptの変数の中に変数を代入するには

    Google chart というAPIがあります。これを利用して株価Chartを作ります。 https://google-developers.appspot.com/chart/interactive/docs/gallery/candlestickchart 末尾にGoogle Chartのソースを記載していますが このvar data内の ['Mon', 20, 28, 38, 45], ['Tue', 31, 38, 55, 66], ['Wed', 50, 55, 77, 80], ['Thu', 77, 77, 66, 50], ['Fri', 68, 66, 22, 15] の部分を変更することによりローソクチャートが引けます。 一方、 <script type="text/javascript"> var chart; chart = "<div id='chart'></div>"; document.write("" + chart + ""); </script> と記載すると ['Mon', 20, 28, 38, 45], ['Tue', 31, 38, 55, 66], ['Wed', 50, 55, 77, 80], ['Thu', 77, 77, 66, 50], ['Fri', 68, 66, 22, 15] のような株価変数が取得できるjavascriptを作成しました。 この2つを組み合わせると、株価チャートが引けることとなります。 ************************ 現在の苦境状況 ************************ Google chart APIに、下記のように「document.write("" + chart + ""); または "" + chart + "";または  + chart + ;」を代入してみたのですが、チャートは表示されません。 変数の中に変数を入れたことが原因と思いますが、どのようにすればいいかアドバイス願います。 <script type="text/javascript" src="https://www.google.com/jsapi"></script> <script type="text/javascript"> var chart; chart = "<div id='chart'></div>"; google.load("visualization", "1", {packages:["corechart"]}); google.setOnLoadCallback(drawChart); function drawChart() { var data = google.visualization.arrayToDataTable([ document.write("" + chart + ""); ], true); var options = { legend:'none' }; var chart = new google.visualization.CandlestickChart(document.getElementById('chart_div')); chart.draw(data, options); } </script> </head> <body> <div id="chart_div" style="width: 900px; height: 500px;"></div> ************************ GoogleChart ************************ <script type="text/javascript" src="https://www.google.com/jsapi"></script> <script type="text/javascript"> google.load("visualization", "1", {packages:["corechart"]}); google.setOnLoadCallback(drawChart); function drawChart() { var data = google.visualization.arrayToDataTable([ ['Mon', 20, 28, 38, 45], ['Tue', 31, 38, 55, 66], ['Wed', 50, 55, 77, 80], ['Thu', 77, 77, 66, 50], ['Fri', 68, 66, 22, 15] ], true); var options = { legend:'none' }; var chart = new google.visualization.CandlestickChart(document.getElementById('chart_div')); chart.draw(data, options); } </script> </head> <body> <div id="chart_div" style="width: 900px; height: 500px;"></div>

  • 変数について

    htmlのソース上に変数をセットして外部javascriptでその変数を使いたいと考えています。 if(f[i].name.match(/変数を入れる/) ↑外部javascriptの//の間に変数を入れたいのですが、 外部ファイルと、htmlソースにはどのように書けばいいのでしょうか。 一応、講座等をみながら適当に以下のようにしてみましたが、駄目でした。 htmlソース <script type="text/javascript"> <!-- var myWord = "Hello"; // --> </script> <script type="text/javascript" src="name.js"> ↑の外部スクリプトには以下のように記述 if(f[i].name.match(/myWord/) javascriptはほとんど知識がないため、うまく説明できていないかもしれませんが、よろしくお願いいたします。

  • 変数の中にjavascript文を入れたい

    どうにも、うまく動作しないので教えてください。 バナーやブログパーツなどを切り替えて表示したくて、やってみているのですが、変数にjavascriptを使ったタグ(ブログスイッチ等)を入れると動作しません。 リンクバナー等はうまく表示できるんですが。 <DIV>を使った表示の切替方法だと、音声とか裏で動いちゃってるようなので、 innerHTMLで切り替えてみようとしたのです。 変数にjavascript文は入れられないのでしょうか。 <script type="text/javascript"> tagu = new Array(4); tagu[0]='aaa'; tagu[1]='bbb'; tagu[2]='ccc'; tagu[3]='ddd'; n=0 function taguclick() { n=n+1; if (n>3) n=0; document.getElementById('taguimgview').innerHTML = tagu[n]; }; </script> <div id='taguimgview' >aaa</div> <button onClick="taguclick()">CHANGE</button>

  • 関数内のグローバル変数の参照について

    はじめまして。 質問があります。 まずは以下のコードを見てください。 ---------------------------------------------------------------- <html> <head> <title>関数内のグローバル変数について</title> <script type="text/javascript"> <!-- function func1() { a = "あああ"; } //--> </script> </head> <body> <script type="text/javascript"> <!-- func1(); // ---(1) document.write("a="+a+"<br>"); // ---(2) //--> </script> </body> </html> ---------------------------------------------------------------- 上記の(1)と(2)について、上記の順番で記述すると、文字列がブラウザに 出力されるのですが、(1)と(2)の記述順を入れ替えるとIE6.0もNetscape 7.1も「aは宣言されていません。」という内容のエラーが発生して ブラウザに文字列が表示されません。なぜこのようなエラーが発生する のでしょうか?ご教授お願いします。

  • 変数をテキストボックスに入れるには?

    javascriptでゲームを作っています。 <dlv class='userinfo' style='display:none;'><span class='alias'></span></dlv> でユーザー名が拾えます。 <script type="text/javascript"> document.write("<dlv class='userinfo' style='display:none;'><span class='alias'></span>さん。ようこそ</dlv>"); </script> これで、「高橋さん。ようこそ」と表示されます。 次に、この「高橋」をフォームに入れることを考えました。 そこで下記のように作ったのですが、フォームの中は「undefined」になってしまいます。 <script type="text/javascript"> var abk; abk = document.write("<dlv class='userinfo' style='display:none;'><span class='alias'></span></dlv>"); document.getElementById('cla2').value = abk; </script> <input typy="text" id="cla2" value=“"> 次に下記のように作ったのですが、フォームの中は空です。 <script type="text/javascript"> var abk; abk = document.write("<dlv class='userinfo' style='display:none;'><span class='alias'></span></dlv>"); $("#text44").val(abk); </script> <input typy="text" id="text44" value=“"> どうすれば、 document.write("<dlv class='userinfo' style='display:none;'><span class='alias'></span></dlv>"); で表示される文字をフォームの中に記載することが可能になるでしようか?

  • Smarty変数の値をJavascript変数代入

    よろしくお願いします。 SmartyのテンプレートにPHPファイルからassignされた変数を、 Javascriptの変数に割り当てたいと思います。 Smartyのテンプレート内では、デフォルトの設定だと、 {$hoge} として、値をHTMLとして書き出す仕様ですが、 色々な諸事情から、このデフォルト設定を、 {{$hoge}} として、{ を二度重ねないと機能しないように設定変更しています。 そこで、下記のようなJavascriptを実行しても上手くいかず、かなりはまってしまってます。 お助けください。 ※ダメな例 <script type="text/javascript"> var balloonA = {{$hoge}}; document.writeln (balloonA); </script> ※↓これだと当然出力されます。 ※aaaaa と表示される。 <script type="text/javascript"> var balloonA = "aaaaa"; document.writeln (balloonA); </script> なぜ、上の書き方だと変数内の値を取得できないのでしょうか? "{{$hoge}}"や'{{$hoge}}' として試しました。でもだめです。 色々ネットで探しましたが、 {literal} を使って・・・・というのもやりましたが、ダメでした。 そもそも、Smartyのデフォルト設定を {{ に変更しているので関係ないと思います。 ん~~何卒お力をおかしください。

    • 締切済み
    • PHP
  • グローバル変数とローカル変数について

    今JavaScriptを勉強している初心者です。 実は、ある本に書かれているソースコードでグローバル変数とローカル変数の違いがよく分からなくなりましてここに質問させて頂く次第です。 まずは、ソースコードを書きます。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Script-Type" content="text/javascript"> <meta http-equiv="Content-type" content="text/html; charset=UTF-8"> <title>変数のスコープ</title> <script type="text/javascript"> function testFunc(){ var num; num=5; } </script> </head> <body bgcolor="#FFFFFF"> <p style="font-size:200%"> <script type="text/javascript"> var num=3; testFunc(); document.write(num, "<br>") </script> </p> </body> </html> このままだとブラウザに表示されるのはグローバル変数「3」になるというのも今一分からないのですが。 この次に<head>部分の var num; をコメントにします。 すると、何故かローカル変数「5」がグローバル変数になり、<body>部分のtestFunc()メソッドの結果ブラウザに表示される値が「5」になるというものです。 var num; をコメントとする事はnumは変数宣言されていないことになります。 なのに num = 5; が成り立つのもよく分かりません。 そこでアドバイスを頂きたくここに書き込む事にしました。 是非とも宜しくお願い致します。

  • ツリーメニューの作成

    ツリーメニューの表示ができません。 記述は以下のとおりです (ヘッダー内) メタタグで標準スクリプト指定 <meta http-equiv="Content-Script-Style" content="text/javascript"> ツリーメニューの記述(某サイトよりコピペ) <script language="JavaScript"> <!-- function ok(id){if(document.all(id).style.display == "none"){document.all(id).style.display="block";}else{document.all(id).style.display="none";}} //--> </SCRIPT> ボディ内 (実際にツリーメニューを表示させる箇所) <A HREF="JavaScript:ok('tree1');"> ■メニュー </A> <div id="tree1" style="display:none;"> ツリー1<br> ツリー2<br> ツリー3<br> </div> ///////////////////////////////////////////////////////////// こんな感じです。 以前別のHTMLファイルで、ツリーメニューをつくったときには 正常に表示(クリックすると、ずらずらと出てくる)のに、今回同じソース(というのですか?)で記述してみたら、ダメでした。 「このページは表示できません」とかなります。

  • CSSのID名に配列を使えませんか?

    以下のようなソースで、項目ごとにサブメニューの開閉をしようとしているのですが、サンプルの#a1~に該当するID名を、配列として定義することってできませんか? <style type="text/css"><!-- #a1 { display:none; } #a2 { display:none; } #a3 { display:none; } // --></style> <script type="text/javascript"><!-- function disp(aaa) { obj = document.getElementById(aaa); if( obj.style.display =="block" ){ obj.style.display ="none"; }else{ obj.style.display ="block"; } } function create(bbb){ document.write(bbb); } // --></script> <body> ああああ<a href="javascript:void(disp('a1'))">◎</a><div id="a1"><script type="text/javascript">create("アアアア");</script></div><br> いいいい<a href="javascript:void(disp('a2'))">◎</a><div id="a2"><script type="text/javascript">create("イイイイ");</script></div><br> うううう<a href="javascript:void(disp('a3'))">◎</a><div id="a3"><script type="text/javascript">create("ウウウウ");</script></div><br>

専門家に質問してみよう