Ogre7077 の回答履歴

JS初心者です。 YouTubeの動画をJavascriptでカスタマイズ（ミュート、自動再生）したのですが、2つ以上の動画に適用させることができません。 ２つめの動画は自動再生はされるのですが、ミュートにならず苦戦しています。 <script type="text/javascript"> function onYouTubePlayerReady(playerId) { if(playerId == "player1"){ player1 = document.getElementById("myplayer1"); play(); } } function play() { if (player1) { player1.setVolume(0); //ミュート } } </script> player1の名前をplayer2,3...として複数の動画にそれぞれのカスタムを適用させたいのですが、どのようにプログラムを組めばよいのでしょうか。 プログラム元↓ http://blog.digital-assist.net/?p=90

昨日、Ajax通信で受け取ったデータをチェックボックスに反映する方法を教わった者です。 今度は送信で悩んでいます。 表のデータをPOSTで送るんですが、テキストのところ（「td」に書かれたものや input type="text" の部分） は問題なく渡せました。 でもまたまたチェックボックスでつまずいています。 ★☆★☆★☆★☆の部分ですが、プログラムは通るのですが、チェックボックスの内容（チェックか否か）を 拾ってくれません。 また、rows[i].getElementByTagName("sendF[]") などとやってみたんですが、エラー（not a function）が出てしまいます。 どなたかご指導下さい。 よろしくお願いします。 $.ajax({ type: "POST", url: "../SendList.php", data: {"condition":condition}, // Webサーバに送信するデータ dataType: 'text', // Webサーバか受信するデータの形式 success: function(request){ // ajax通信が成功したときの処理 var json = JSON.parse(request); var res = ''; for (var i = 0; i < json.length; i++){ res += '<tr>' + '<td style="text-align: center;">' + json[i].personId + '</td>' + '<td style="text-align: center;">' + json[i].personName + '</td>' + '<td style="text-align: center;">'; // 値を checkbox のチェックに差し込む if(json[i].sendF == 1){ res += '<input type="checkbox" id="sendF[' + i + ']" name="sendF[]" checked />'; } else { res += '<input type="checkbox" id="sendF[' + i + ']" name="sendF[]" />'; } res += '</td >' + '<td style="text-align: left;">' + '<input type="text" id="memo" name="memo" value="' + json[i].memo + '" />' + '</td >' + '</tr>'; } var obj = document.getElementById("datatable"); obj.innerHTML ='<table id="tbl_correspondUpdate" class="customerlist"><tr><th>担当者ID</th><th>担当者名</th><th>送信F</th><th>メモ</th></tr>' + res + '</table>' + '<br />' +'<p class="condition_submit">' + '<input id="btnUpdate" type="button" onclick="doActionUpdate();" value="更新" />' + '</p>'; }, error: function(msg){ // ajax通信が失敗したときの処理 alert( "Data Saved: " + msg ); } }); } // 「更新」ボタンクリック function doActionUpdate(){ var tbl = document.getElementById("tbl_correspondUpdate"); var cols = tbl.rows[0].cells.length;// 列数 //var rows = tbl.rows.length; // 行数 var rows = tbl.rows; // 行に対するループ for (var i=1; i<rows.length; i++) { var sendF; if(rows[i].cells[6].checked){ ★☆★☆★☆★☆// →　通るものの拾わない //var elm = rows[i].getElementByTagName("sendF[]"); // →　not a function //if(elm.checked){ sendF = 1; }else{ sendF = 0; } // dataセット var data = "personId=" + rows[i].cells[0].innerHTML + "&sendF=" + sendF + "&memo=" + rows[i].cells[3].firstChild.value updateRecord(data); } } // 更新処理 function updateRecord(data){ // 更新Ajax処理 // 更新したIDを返す $.ajax({ type: "POST",

昨日、Ajax通信で受け取ったデータをチェックボックスに反映する方法を教わった者です。 今度は送信で悩んでいます。 表のデータをPOSTで送るんですが、テキストのところ（「td」に書かれたものや input type="text" の部分） は問題なく渡せました。 でもまたまたチェックボックスでつまずいています。 ★☆★☆★☆★☆の部分ですが、プログラムは通るのですが、チェックボックスの内容（チェックか否か）を 拾ってくれません。 また、rows[i].getElementByTagName("sendF[]") などとやってみたんですが、エラー（not a function）が出てしまいます。 どなたかご指導下さい。 よろしくお願いします。 $.ajax({ type: "POST", url: "../SendList.php", data: {"condition":condition}, // Webサーバに送信するデータ dataType: 'text', // Webサーバか受信するデータの形式 success: function(request){ // ajax通信が成功したときの処理 var json = JSON.parse(request); var res = ''; for (var i = 0; i < json.length; i++){ res += '<tr>' + '<td style="text-align: center;">' + json[i].personId + '</td>' + '<td style="text-align: center;">' + json[i].personName + '</td>' + '<td style="text-align: center;">'; // 値を checkbox のチェックに差し込む if(json[i].sendF == 1){ res += '<input type="checkbox" id="sendF[' + i + ']" name="sendF[]" checked />'; } else { res += '<input type="checkbox" id="sendF[' + i + ']" name="sendF[]" />'; } res += '</td >' + '<td style="text-align: left;">' + '<input type="text" id="memo" name="memo" value="' + json[i].memo + '" />' + '</td >' + '</tr>'; } var obj = document.getElementById("datatable"); obj.innerHTML ='<table id="tbl_correspondUpdate" class="customerlist"><tr><th>担当者ID</th><th>担当者名</th><th>送信F</th><th>メモ</th></tr>' + res + '</table>' + '<br />' +'<p class="condition_submit">' + '<input id="btnUpdate" type="button" onclick="doActionUpdate();" value="更新" />' + '</p>'; }, error: function(msg){ // ajax通信が失敗したときの処理 alert( "Data Saved: " + msg ); } }); } // 「更新」ボタンクリック function doActionUpdate(){ var tbl = document.getElementById("tbl_correspondUpdate"); var cols = tbl.rows[0].cells.length;// 列数 //var rows = tbl.rows.length; // 行数 var rows = tbl.rows; // 行に対するループ for (var i=1; i<rows.length; i++) { var sendF; if(rows[i].cells[6].checked){ ★☆★☆★☆★☆// →　通るものの拾わない //var elm = rows[i].getElementByTagName("sendF[]"); // →　not a function //if(elm.checked){ sendF = 1; }else{ sendF = 0; } // dataセット var data = "personId=" + rows[i].cells[0].innerHTML + "&sendF=" + sendF + "&memo=" + rows[i].cells[3].firstChild.value updateRecord(data); } } // 更新処理 function updateRecord(data){ // 更新Ajax処理 // 更新したIDを返す $.ajax({ type: "POST",

HTML5, CSS3をベースに、添付画像(2)のような状態で作成したいなと思っております。 <ul> <li><a href="#"><img src="XXX.gif" alt="#" width="60" height="60">○○○○○</a></li> <li><a href="#"><img src="XXX.gif" alt="#" width="60" height="60">○○○○○○○○○○</a></li> <li><a href="#"><img src="XXX.gif" alt="#" width="60" height="60">○○○○○</a></li> </ul> HTMLはこんな感じでシンプルに。 特に何もしなければ、 (1)のように画像のベースラインとテキストのベースラインが同じ位置に配置されます。 テキストが2行になると画像の下にずれ込みます。 しかし(2)のようにテキストをセンターに配置したいなと。 テキストは多くても2行でとどめるつもりなので、 1行でも2行でもセンターになるようにしたい。 ではと思ってまず思い浮かんだのが画像を「float: left」すること。 でもそうするとテキストがベースラインから回避できますが、 センターにはいかず、画像のトップと同じ位置に配置されます。 テキストが1行なら、反強制でPタグでくくって 「margin: top」で調整することもできるかと思いましたが、 2行分は設定したいのです。 ちなみに画像のサイズは指定しておりますが、 li自体には横幅の設定はしていますが高さ設定はしていません。 実質画像の高さが高さになることになります。 簡単にできることかと思っていたのですが、思いのほか苦戦しております。 ご存知の方いらっしゃいましたら、ご教授いただければ幸いです。 よろしくお願いいたします。

document.body.style.backgroundColorで、値を取得できないことがあるのですが、どういう原因が考えられるでしょうか？ ■状況 ・document.body.style.backgroundColorで値を取得できず ・調べたら、「サーバサイドスクリプトでincludeしたファイル元」でCSS設定をしていた ・includeを止め、普通にCSS設定したら、取得できた ■質問 ・なんでこうなるのでしょうか？ ・JavaScriptはクライアントサイドなので、includeしようがしまいが関係ないと思うのですが… ・何か勘違いしてる？

jQueryでの配列の渡し方についてご質問です。 jQueryではなくjavascriptでも良いのですが、不慣れなのでjQueryで試行しています。 ---------------------------------------------- targettab = targettab.split( ',' ); jQuery.each(targettab, function(i, val) { var livetab = "<li id='" + i + "'>" + val + "</li>"; jQuery(livetab).appendTo(jQuery("ul#tab")); }); ---------------------------------------------- ※変数 targettab に「あああ,いいい,うううう]という値が入っています。 こう↑書きますと、ul#tabの内部に <li id='1'>あああ</li> <li id='2'>いいい</li> <li id='3'>ううう</li> と入り、リストが生成されます。 ここまでは良いのですが、このそれぞれのidに入っている数字を任意の文字列にしたいです。 例えば、 targetstrings = "hoge,foo,dummy"; targetstrings = targetstrings.split( ',' ); という配列を差し込んで、最終的に <li id='hoge'>あああ</li> <li id='foo'>いいい</li> <li id='dummy'>ううう</li> という形で整形したいです。 jQuery.eachでは、そもそもできないような気がしていますが、 お知恵を拝借できましたら、大変ありがたいです。 拙い説明で恐縮ですが、どうぞよろしくお願いします。 不明点などあれば、何なりとお知らせください。

アンケート項目を複数のページで作成したいのですが、 私の知識では、何十もの質問欄の文字入力の結果を とても長い一つのページに詰め込む以外に 方法を考え付きません。 無料のサイトでホームページを作る予定ですので 自前で特別なソフトを走らせることは無理と思います。 Javascript であれば、何とか理解できると思います。 ７０項目程度の文字入力の結果を メールで送信するようにしたいのですが、 どのような方法を用いれば 複数のページに入力された文字データーを １通のメールとして送信できるのでしょうか。 よろしくお願いします。

jQueryでの配列の渡し方についてご質問です。 jQueryではなくjavascriptでも良いのですが、不慣れなのでjQueryで試行しています。 ---------------------------------------------- targettab = targettab.split( ',' ); jQuery.each(targettab, function(i, val) { var livetab = "<li id='" + i + "'>" + val + "</li>"; jQuery(livetab).appendTo(jQuery("ul#tab")); }); ---------------------------------------------- ※変数 targettab に「あああ,いいい,うううう]という値が入っています。 こう↑書きますと、ul#tabの内部に <li id='1'>あああ</li> <li id='2'>いいい</li> <li id='3'>ううう</li> と入り、リストが生成されます。 ここまでは良いのですが、このそれぞれのidに入っている数字を任意の文字列にしたいです。 例えば、 targetstrings = "hoge,foo,dummy"; targetstrings = targetstrings.split( ',' ); という配列を差し込んで、最終的に <li id='hoge'>あああ</li> <li id='foo'>いいい</li> <li id='dummy'>ううう</li> という形で整形したいです。 jQuery.eachでは、そもそもできないような気がしていますが、 お知恵を拝借できましたら、大変ありがたいです。 拙い説明で恐縮ですが、どうぞよろしくお願いします。 不明点などあれば、何なりとお知らせください。

通常はクリックして、マウスを押してボタンから指を放すときにリンク先にジャンプする と思いますが、 放す時ではなく、押した瞬間にリンク先の別ページに移動させたいと思うのですが、 JavaScript を使うことになるかと思いますが、何か方法がありますでしょうか？ onMouseDown を使うのかなっというところまでは、 調べてみたのですが、分かりませんでした。 別の方法でも構いません、何か方法があれば教えてください。 よろしくお願いします。

データベースからメール送信履歴を検索し、結果をリスト表示しようとしています。 Ajax通信をして結果をJsonで受け取っています。 送ったか否かは「sendF」に書かれており、「0」なら未送信、「1」なら送信済みです。 「sendF」が「1」ならチェックボックスにチェックを入れようと思って 以下のコードを書きました。 でも、テーブル上のチェックボックスにはチェックが入りません。 console.logで数値が「1」を確認していますが、表示がされません。 どこが悪いか教えて頂けるとうれしいです。 よろしくお願いします。 $.ajax({ type: "POST", url: "../SendList.php", data: {"condition":condition}, // Webサーバに送信するデータ dataType: 'text', // Webサーバか受信するデータの形式 success: function(request){ // ajax通信が成功したときの処理 var json = JSON.parse(request); var res = ''; for (var i = 0; i < json.length; i++){ res += '<tr>' + '<td style="text-align: center;">' + json[i].personId + '</td>' + '<td style="text-align: center;">' + json[i].personName + '</td>' + '<td style="text-align: center;">' + '<input type="checkbox" id="sendF[' + i + ']" name="sendF" />' + '</td >' + '<td style="text-align: left;>' + '<input type="text" id="memo" name="memo" value="' + json[i].memo + '" />' + '</td >' + '</tr>'; if(json[i].sendF == 1){ $('#sendF[' + i + ']').prop('checked', true); console.log("１でした"); } } var obj = document.getElementById("datatable"); obj.innerHTML ='<tr><th>担当者ID</th><th>担当者名</th><th>送信F</th><th>メモ</th></tr>' + res; }, error: function(msg){ // ajax通信が失敗したときの処理 alert( "Data Saved: " + msg ); } });

HTML5, CSS3をベースに、添付画像(2)のような状態で作成したいなと思っております。 <ul> <li><a href="#"><img src="XXX.gif" alt="#" width="60" height="60">○○○○○</a></li> <li><a href="#"><img src="XXX.gif" alt="#" width="60" height="60">○○○○○○○○○○</a></li> <li><a href="#"><img src="XXX.gif" alt="#" width="60" height="60">○○○○○</a></li> </ul> HTMLはこんな感じでシンプルに。 特に何もしなければ、 (1)のように画像のベースラインとテキストのベースラインが同じ位置に配置されます。 テキストが2行になると画像の下にずれ込みます。 しかし(2)のようにテキストをセンターに配置したいなと。 テキストは多くても2行でとどめるつもりなので、 1行でも2行でもセンターになるようにしたい。 ではと思ってまず思い浮かんだのが画像を「float: left」すること。 でもそうするとテキストがベースラインから回避できますが、 センターにはいかず、画像のトップと同じ位置に配置されます。 テキストが1行なら、反強制でPタグでくくって 「margin: top」で調整することもできるかと思いましたが、 2行分は設定したいのです。 ちなみに画像のサイズは指定しておりますが、 li自体には横幅の設定はしていますが高さ設定はしていません。 実質画像の高さが高さになることになります。 簡単にできることかと思っていたのですが、思いのほか苦戦しております。 ご存知の方いらっしゃいましたら、ご教授いただければ幸いです。 よろしくお願いいたします。

初めて質問させていただきます。 ビルダー（バージョン16）使いショップのトップページを作成している者です。 楽天ゴールドで、ビルダーのプレビュー内ではちゃんと動いてくれているのですが、 いざサーバにアップしたものを確認すると、文字だけの表示になっていて、 機能していませんっ。 WEBデザイナーさんのような知識があるわけではなく、 「jquery」というものを利用させていただいての製作です。 サーバに必要ファイルをアップする際も、 階層に気をつけて行ったつもりではいますので、 他に考えられる理由すら浮かべられない状況です…。 どなたか、原因や解決策など教えていただけないでしょうか？ よろしくお願いします…！

javascriptを勉強し始めた初心者です。 『名前空間』の意味が分からずインターネットで調べてみましたが 自分にはぼんやりとしか理解できませんでした。 対象（言語）ごとに少し解釈が異なったりするのですか？ javascriptに限ってではなく、プログラムにおける名前空間とは何か、 という事をなんとなくでも理解したいです。 名前空間とは何かをわかりやすく説明していただける方、どうかご回答ください。 できれば小学生でもわかるような簡単な例え話と併せて、 実際のサンプル等も用いて説明してくださると非常に助かります。 よろしくお願いいたします。

下記に、Object.definePropertyの簡略化が掲載されているのですが、 「ReferenceError: config is not defined」になります。 http://qiita.com/tak0303/items/6c5cd59827e5398bcc22 ・config.valueって何ですか？ ・どうやって動かすのでしょうか？ var defineProp = function(obj, key, value){ 　　config.value = value; 　　Object.defineProperty(obj, key, config); } var person = Object.create(null); defineProp(person, "car", "Delorean");

javascriptでCookieを取得し、閲覧回数と、閲覧した日付で、 1日3回しかページを閲覧することが出来ないコンテンツを作りたいと思っています。 以前のどなたかの質問にあったのを見つけたのですが、 解決をしていましたが、私がいざ行ってもまったくできなかったため、 改めて、間違っている部分と正確なソースをどなた様かご教授いただけませんでしょうか？ ※名前の保存はなしにできればしたいです…。 どうかよろしくお願いいたします。 ---------------------------------- <script language="JavaScript"><!-- /* クッキーに登録する汎用関数 　　　 */ /* 書式 : mySetCookie(クッキー名,値,有効期限日数) */ /* 戻り値 : なし(void) */ function mySetCookie(myCookie,myValue,myDay){ myExp = new Date(); myExp.setTime(myExp.getTime()+(myDay*24*60*60*1000)); myItem = "@" + myCookie + "=" + escape(myValue) + ";"; myExpires = "expires="+myExp.toGMTString(); document.cookie = myItem + myExpires; } /* クッキーを取り込む汎用関数 */ /* 書式 : myGetCookie(クッキー名) */ /* 戻り値 : 値(string) null:該当なし */ function myGetCookie(myCookie){ myCookie = "@" + myCookie + "="; myValue = null; myStr = document.cookie + ";" ; myOfst = myStr.indexOf(myCookie); if (myOfst != -1){ myStart = myOfst + myCookie.length; myEnd = myStr.indexOf(";" , myStart); myValue = unescape(myStr.substring(myStart,myEnd)); } return myValue; } // --></script> <script language="JavaScript"><!-- myD = new Date(); myYear = myD.getYear(); myYear4 = (myYear < 2000) ? myYear+1900 : myYear; myMonth = myD.getMonth() + 1; myDate = myD.getDate(); myYMD = myYear4 + "/" + myMonth + "/" + myDate; myUser = myGetCookie("USER_NAME"); // 名前読込 if (myUser == null){ // 初めての訪問 myUser = "匿名";　　　　　　　　 mySetCookie("USER_NAME",myUser,365); // 名前保存 mySetCookie("USER_DATE",myYMD,365); // 訪問日保存 myLast = myYMD; // 前回訪問日とする myCount = 1; // 訪問回数→初回 } else { // ２度以上の訪問 myCount = eval(myGetCookie("USER_COUNTER")); // カウンター読込 myLast = myGetCookie("USER_DATE"); // 前回訪問日読込 　 if ( myYMD == myLast){ // 前回訪問日が今日だったら 　 window.location = "sorry.html"; 　　 // 1日1回しか閲覧出来ないことを伝えるページに飛ばす } } myLast = myYMD; // 前回訪問日を更新する myCount = myCount +1; // 閲覧回数を追加する mySetCookie("USER_COUNTER",myCount,365); // カウンター更新 mySetCookie("USER_NAME",myUser,365); // 名前の賞味期間を更新 // --></script> ----------------------------------

スマホ用にゲームの攻略サイトを作りたいと思っています。 ■やりたいこと■ 値段はわかっているが名前がわからないアイテムの判別。 まずラジオボタンで「武器」か「防具」を選びます。 そして値段を入れると 「武器・600」＝勇者の剣 「防具・600」＝盾 といったように選んだラジオボタンによって同じ数字でも 表示結果を変えたいと考えています。 ラジオボタン「武器」を選ぶと検索用ボタン「button_1」が表示される。 ラジオボタン「防具」を選ぶと検索用ボタン「button_2」が表示される。 button_1と2の切り分けによってfunctionの切り分けを行っている状態です。 ■問題点■ 「防具」を押す→600を入力→「盾」が表示される→「武器」を押す→「勇者の剣」が表示されてしまう。 チェックボックスの選択を変えても表示結果は再度検索するまでそのまま、 もしくはチェックボックスを選び直した際は前回入力した数値は消えるなど対策を取りたいです。 そもそも他にもっといいやり方があるなど改善案をご教授いただきたいです。 よろしくお願いします。 【HTML】 <body> <div class="top_form"> <form name="test"> <label><input type="radio" name="radio_btn" value="buki" onclick="func();" checked="checked" />武器</label> <label><input type="radio" name="radio_btn" value="bougu" onclick="func();" />防具</label><br> <input id="test_form" type="tel" name="num"> <input id="button_1" type="button" value="button_1" onClick="func()"> <input id="button_2" type="button" value="button_2" onClick="func2()"> </form> </div> <div id="result"></div> </body> 【CSS】 <style> .top_form { width:300px; margin:0 auto; margin-top:30px; } #test_form { width:250px; height:30px; font-size:14px; margin-top:14px; } #button_1 { text-decoration: none; -moz-appearance: none; -webkit-appearance: none; appearance: none; width:90px; height:44px; margin-top:15px; } #button_2 { text-decoration: none; -moz-appearance: none; -webkit-appearance: none; appearance: none; width:90px; height:44px; margin-top:15px; background-color:#36C; } #result { border:solid 1px #666666; margin:0 auto; height:50px; width:200px; font-size:20px; line-height:50px; text-align:center; margin-top:30px; } </style> 【javascript】 <script> function func() { radio = document.getElementsByName('radio_btn'); if (radio[0].checked) { //button_1が出る document.getElementById('button_1').style.display = ""; document.getElementById('button_2').style.display = "none"; } else if (radio[1].checked) { //button_2が出る document.getElementById('button_1').style.display = "none"; document.getElementById('button_2').style.display = ""; } var url = ""; if (document.test.num.value == "600") { url = "勇者の剣"; } document.getElementById('result').innerHTML = url; } window.onload = func; function func2() { radio = document.getElementsByName('radio_btn'); var url = ""; if (document.test.num.value == "600") { url = "盾"; } document.getElementById('result').innerHTML = url; } </script>

こんにちは。JavaScriptの関数の受け渡しで悩んでいます。 FileBからFileAへコールバックのような関数を渡し,その 関数にデータをセットして返して欲しいのですが,上手く 動きません。まず,下記ソースのファンクション：Registration にて, CallBackFunctionへ,FileBから送った関数が 上手く登録できていない気がします。 どのようにすれば良いのでしょうか？ よろしくお願いいたします。 ------------------------------------------------- FileA.js ; var CallBackFunction; Registration = function( registrationFunction ){ CallBackFunction = registrationFunction; }, ; ; -----Do something ; ; SendData=function(data) { CallBackFunction( data ); } ------------------------------------------------- FileB.js ; document.onload(){ registration( myCallbackFunction ); }, myCallbackFunction( data ){ Alert( data ); } -------------------------------------------------

Opera14.14 Win7sp1です ＰＤＦの場合 ツール＞＞設定＞＞詳細設定＞＞ダウンロード 拡張子（ＰＤＦ）の「プラグインを使用する」を「標準アプリケーションで開く」 とやると　ブラウザ内でＰＤＦだったのが　ＰＤF Readerアプリ　で外に開きます 同じようにＦｌａｓｈファイルでできますでしょうか Ｆｌａｓｈが埋め込まれたページのＦｌａshをクリックで 指定の動画プレイヤーが開きたいです 例えばＧＯＭplayerが別ウインドウで開くとか・・ flv swf でアプリを指定しましたができませんでした よろしくお願いします

JavaScriptで、下記文字列(<script～</script>)を変数に入れ、処理後にdocument.writeしたいです。 <script type="text/javascript" src="http://hoge.jp/s/"></script> どのようにエスケープしたら良いでしょうか？

Opera14.14 Win7sp1です ＰＤＦの場合 ツール＞＞設定＞＞詳細設定＞＞ダウンロード 拡張子（ＰＤＦ）の「プラグインを使用する」を「標準アプリケーションで開く」 とやると　ブラウザ内でＰＤＦだったのが　ＰＤF Readerアプリ　で外に開きます 同じようにＦｌａｓｈファイルでできますでしょうか Ｆｌａｓｈが埋め込まれたページのＦｌａshをクリックで 指定の動画プレイヤーが開きたいです 例えばＧＯＭplayerが別ウインドウで開くとか・・ flv swf でアプリを指定しましたができませんでした よろしくお願いします