yuu_x の回答履歴

タイトルどおり、iframeの中から親ページをスムーズスクロールしたいと考えています。 ヘッダに <script> $(function() { var topBtn = $('#toTop'); topBtn.click(function () { parent.$('body,html').animate({ scrollTop: 0 }, 500); return false; }); }); </script> 親ページには高さ3000ピクセルのiframeを作って、そこに読み込んでいる子ページ最下部に <div id="gotoTop"><a href="#top_page"><img src="_image/btn_top.jpg" alt="トップに戻る" /></a></div> と記述しています。 この状態で親ページをスムーズスクロールさせることができません。 事情があって、親ページ側にはスクリプトやタグを追加することができません。 親も子もおなじドメインにあります。 ["parent" $('body,html') animate]などのキーワードで検索した記事を参考に parent.$('body,html').animate を window.parent.$("body").animate や $('html, body', window.parent.document).animate に書き換えてみてもうまくいきませんでした。 どうかアドバイスをお願いいたします。

jqueryのsortableでは親の要素を指定すると、その子供がソート可能になるとおもいますが。 一部ソート禁止にしたいのですがどのようにして実現させればよいのでしょうか $('#sortarea ul').sortable(）； <ul> <li>ソート可能</li> <li>ソート可能</li> <li>ソート可能</li> </ul> stopクラスなどを指定するとソート禁止にしたい <ul> <li class="stop">ソート禁止</li> <li>ソート可能</li> <li>ソート可能</li> </ul> 上記例の場合はソート禁止が一番上なので 一番上をulから外してしまえばよいですが 縦長になって途中でも出てくる可能性があるので 「stopで動かさない」という動きを実現させたいです 分かる方お教え頂けると嬉しいです

Ajaxのプログラムを一つのオブジェクトにまとめてみようと思ってやってみたのですが、 ＞エラー: プロパティ 'readyState' の値を取得できません: オブジェクトは Null または未定義です。 などと表示されて上手く行きません。 何が悪くてエラーが出るのかが理解出来ていません。 詳しい方、エラーの原因・解決方法を教えてください。お願いします。 php側 echo "test"; ｊａｖａscｒｉｐｔ側 //-------------------------------------------------------------------- // てすとオブジェクト //-------------------------------------------------------------------- var Test = function() {// メンバ変数の定義 this.request = ""; this.query = "test";// クエリ this.response = "";// レスポンス }; Test.prototype = {// プロトタイプの定義 /* データ送信 */ tSend : function() { if(this.query) { this.request = this.ajaxRequest(); this.request.onreadystatechange = this.tLoad; if(this.query) { this.request.open("POST", "./index.php", true); this.request.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); this.request.send(this.query); } } }, /* データ受信 */ tLoad : function() { if((this.request.readyState == 4) && (this.request.status == 200)) { alert("test"); } }, /* HTTP通信用 */ ajaxRequest : function() { var value = null; try { value = new XMLHttpRequest(); } catch(e) { try { value = new ActiveXObject("Msxml2.XMLHTTP"); } catch(e) { try { value = new ActiveXObject("Microsoft.XMLHTTP"); } catch(e) { return null; } } } return value; } }; //----------------------------------------------------------------------- // 実行 //----------------------------------------------------------------------- var Test = new Test();// 通信用オブジェクトの生成 Test.tSend();// データ送信

Ajaxのプログラムを一つのオブジェクトにまとめてみようと思ってやってみたのですが、 ＞エラー: プロパティ 'readyState' の値を取得できません: オブジェクトは Null または未定義です。 などと表示されて上手く行きません。 何が悪くてエラーが出るのかが理解出来ていません。 詳しい方、エラーの原因・解決方法を教えてください。お願いします。 php側 echo "test"; ｊａｖａscｒｉｐｔ側 //-------------------------------------------------------------------- // てすとオブジェクト //-------------------------------------------------------------------- var Test = function() {// メンバ変数の定義 this.request = ""; this.query = "test";// クエリ this.response = "";// レスポンス }; Test.prototype = {// プロトタイプの定義 /* データ送信 */ tSend : function() { if(this.query) { this.request = this.ajaxRequest(); this.request.onreadystatechange = this.tLoad; if(this.query) { this.request.open("POST", "./index.php", true); this.request.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); this.request.send(this.query); } } }, /* データ受信 */ tLoad : function() { if((this.request.readyState == 4) && (this.request.status == 200)) { alert("test"); } }, /* HTTP通信用 */ ajaxRequest : function() { var value = null; try { value = new XMLHttpRequest(); } catch(e) { try { value = new ActiveXObject("Msxml2.XMLHTTP"); } catch(e) { try { value = new ActiveXObject("Microsoft.XMLHTTP"); } catch(e) { return null; } } } return value; } }; //----------------------------------------------------------------------- // 実行 //----------------------------------------------------------------------- var Test = new Test();// 通信用オブジェクトの生成 Test.tSend();// データ送信

以下のサイトで全角チェックをPHPの正規表現で判断しているサンプルがあります。 http://programmer-toy-box.sblo.jp/article/17522872.html 上記のサイトでのチェックは以下のようになっています。 > if (!preg_match("/(?:\xEF\xBD[\xA1-\xBF]|\xEF\xBE[\x80-\x9F])|[\x20-\x7E]/", $str)) { Unicodeを利用した正規表現で半角文字の範囲を指定しており、 この範囲に一致しなければ、全て全角と判断しています。 さて、ここで質問なのですが、 正規表現の後半部分、 [\x20-\x7E] は　空文字～~（チルダ）を表現していると理解できます。 しかし、前半部分 \xEF\xBD[\xA1-\xBF]|\xEF\xBE[\x80-\x9F] の意味がわかりません。 WikipediaのUnicode 一覧のページを見ると、 \xEF\xBD[\xA1-\xBF]は　ï½　の次に、¡ から ¿ のいづれかの文字が続く文字列を表現していると 思うのですが、これは、半角文字を表現した物なのでしょうか？？ そもそも、理解の仕方が違うのでしょうか？？ ご存知の方いらっしゃいましたら、ご教授お願いします。 ※WikipediaのUnicode 一覧のページ http://ja.wikipedia.org/wiki/Unicode%E4%B8%80%E8%A6%A7_0000-0FFF

CSVファイルに入力した項目を、PHPで部分的に読込むことは可能でしょうか？ 私が作成しているWebサイトには、次のようにテーブル機能を使って、商品名と金額を記載しているページがあります。 <table class="table1" width="100%" cellspacing="0" cellpadding="0" border="0"> <tr> <td>メニュー1<img src="http://1-1.gif"><br>和食<br>てんぷら<br><span class="red">500円</span></td> 　<td>メニュー2<img src="http://1-2.gif"><br>洋食<br>ステーキ<br><span class="red">500円</span></td> 　<td>メニュー3<img src="http://1-3.gif"><br>中華<br>ラーメン<br><span class="red">500円</span></td> </tr> </table> このテーブルには、「メニュー1」、「和食」、「てんぷら」、「500円」が入力されておりますが、この部分を次のようなCSVファイルから読込むことは可能でしょうか？ メニュー1,和食,てんぷら,500円 メニュー2,洋食,ステーキ,500円 メニュー3,中華,ラーメン,500円

Googleマップの左カラム上部で都道府県、市区町村、町域、地番を選択できるようになっていますが、GoogleMapsAPIを用いた自分のサイトでも、こういったものを作りたいのですが、どのようにすればできるのでしょうか。

Webサイトを作り始めて、50ページくらいになりました。 そこで、各ページにある商品名や商品金額を修正することがあるのですが、数が多いので大変です。 商品名と商品金額が記載してあるページ数は50ページのうち40ページくらいです。 そして、1ページあたり、商品名と商品金額は50品目くらいあります。 それなので、40ページ×50品目＝2000品目の商品名と商品金額となります。 これを一括修正する方法を、他のカテゴリーで質問したのですが、まだ私が未熟なので理解ができませんでした。 http://okwave.jp/qa/q7940063.html 問い合わせフォームであれば、phpを使って作成してあります。 そこでは、名前やメールアドレスや電話番号などが未入力であれば「必ず入力してください」というページを返したり、必須項目が入力されていれば「送信して良いですか」というページを返してあります。 しかし、phpを使って一括修正する方法に関しては、イメージできていません。 具体的にどのようなことを覚えれば良いのでしょうか？ CSVについても理解が足りません。 何か少しだけでも良いのでアドバイス頂ければ、とても嬉しいです。宜しくお願い致します。

Googleマップの左カラム上部で都道府県、市区町村、町域、地番を選択できるようになっていますが、GoogleMapsAPIを用いた自分のサイトでも、こういったものを作りたいのですが、どのようにすればできるのでしょうか。

document.getElementById("foo").className = "love"; は可能ですが、 getElementsByClassName("foo").className = "love"; は不可能でしょうか？ よろしくお願いいたします。

javascriptの計算結果をフォームの中のvalue=""内部に表示し、送信できるようにしたいというのが質問の趣旨です。 　　　　　　　　　　　　　　　　記 下記の2つのファイルで、フォームから入力した数値同士の「足し算の結果」を表示できます。 （HTMLファイル下段　<p id="message"></p>の部分で表示します。） ******************************************** 【HTML】 <script language="JavaScript" type="text/javascript" src="js/culc.js"></script> <form name="f1"> <input type="text" id="text1" name="text1" size="10" maxlength="10" />+ <input type="text" id="text2" name="text2" size="10" maxlength="10" /> <input type="button" value="足す" onclick="readText()" /> </form> <p id="message"></p> ******************************************* 【JAVASCRIPT(culc.js)】 function readText() { var text1 = document.getElementById("text1"); var text2 = document.getElementById("text2"); var message = document.getElementById("message"); var str_val1 = text1.value; var str_val2 = text2.value; var sum; if (isNaN(str_val1) || str_val1 == "" || isNaN(str_val2) || str_val2 == "") { textMessage = "数値以外の文字が入っています"; } else { //sum = str_val1 + str_val2; sum = parseFloat(str_val1) + parseFloat(str_val2); textMessage = "合計は、" + sum + "です"; } message.innerHTML = textMessage; } ************************************************ 【質問】 次にこのHTMLを改造し、フォームから計算値を送信することとしました。 ************************************************ 【HTML】 <script language="JavaScript" type="text/javascript" src="js/culc.js"></script> <form name="f1"> <input type="text" id="text1" name="text1" size="10" maxlength="10" />+ <input type="text" id="text2" name="text2" size="10" maxlength="10" /> <input type="button" value="足す" onclick="readText()" /> </form> <form action="form.cgi" method="post" name="form2" id="form2"> <input type="hidden" name="plus" value="<p id="message"></p>"> <input type="button" value="送信" onClick="disableButton()" name="button1"> </form> ************************************************ 問題点 上記のように、計算結果を表示出来るはずの<p id="message"></p>を送信フォームのvalue=の直後に記載しただけなのですが、なぜか送れません。 <p id="message"></p>　を独立して記載しているときは計算値をそのまま表示していたのですが、value="<p id="message"></p>">　と　value=　の中に記載した瞬間に単なる文字の羅列になってしまうようです。 value="<p id="message"></p>"> value='<p id="message"></p>'> value="<p id='message'></p>"> value='<p id='message'></p>'> と試してみましたが、いずれもうまきませんでした。 どのようにすれば、value=""　の中に計算結果が入るか教えてください。 宜しくお願い致します。

現在、手動でHTMLを毎週更新しています。 URLを含むテキストがA～Dまでありまして、一週間毎に A→B→C→D（→Aへ戻る）と繰り返し更新しています。 <div id="cm1"> □リンクA1 　テキストA1 □リンクA2 　テキストA2 □リンクA3 　テキストA3 </div> このようなセットがDまであります。div idはAから順にcm1～cm4となってます。 javascriptで自動更新にできないかと思い、いろいろ調べ 一定時間で繰り返すというものがあり、以下の時間の部分を変えてみました。 $(function(){ var INTERVAL = 2000; setInterval(function(){ for( $i=1; $i<5; $i++ ){ if( $i == 4 ){ $j = 1; } else{ $j = $i + 1; } if( $( "#cm" + $i ).css( "display" ) != "none" ){ $( "#cm" + $i ).hide(); $( "#cm" + $j ).show(); break; } } },INTERVAL); }); 上記の時間の部分を var INTERVAL = 604800000; に変えてみましたが、7日経っても更新されませんでした。 常にページを更新したりしているからでしょうか。原因はわかりません。 CSSは #cm1{display: block;} #cm2{display: none;} #cm3{display: none;} #cm4{display: none;} javascriptは苦手で、ネットで調べましたが見つけたのは日時を指定するものなどです。 ご教示いただけましたら幸いです。。

もとになるｃｓｖファイルから、いらない行を削除して新しいｃｓｖファイルを作りたいです。 そこで、このようにしてみました。 $fptemp = fopen('data-temp.csv', "a+"); if (($handle = fopen('data.csv', "r")) !== FALSE) { while (($data= fgetcsv($handle)) !== FALSE) { if(条件){ $list = array($data); fputcsv($fptemp, $list); } } } fclose($handle); fclose($fptemp); ところが、結果の行にはすべてArray とだけ出力されます。 もとの行をそのまま出すにはどうしたら良いでしょうか？

件名についてです。 DBに会員名とその会員が好きな野球の球団を登録し、 それをjspのページの初期表示時に読み込ませ セレクトボックスでAさん、Bさんを切り替えると、 その下にある球団名の横のチェックボックスをオン、オフさせたいです。 （Aさんは巨人と中日のチェックボックスにチェック、Bさんは阪神と横浜と広島みたいなことです） onchangeやればいいのかとは思いますが、そのようなことが出来ますでしょうか？ ーーーーーーーーーーーーーーーーーーーーーーーーーーー セレクトボックス Aさん Bさん チェックボックス □巨人 □中日 □阪神 □ヤクルト □広島 □横浜

こんにちは。 web初心者です。 今、jqueryを使いスライドショーを作っているのですが 上手く行きません。 5枚の画像を重ねてフェードイン　フェードアウトみたいな形にしてるのですが、最後の画像だけdisplay: none;が適用されなくてきれいに表示出来ません。 どなたか詳しい方、宜しくお願い致します。 <HTML> <div id="contents"> <div class="slideshow"> <img src="top30.jpg" width="950" height="450"> <img src="top21.jpg" width="950" height="450" class="alt"> <img src="top20.jpg" width="950" height="450" class="alt"> <img src="top22.jpg" width="950" height="450" class="alt"> <img src="top23.jpg" width="950" height="450" class="alt"> </div> </div> <CSS> #contents { width: 950px; margin-right: auto; margin-left: auto; height: auto; .slideshow { width: 950px; border-top-width: 1px; border-top-style: solid; clear: both; padding-top: 60px; height: auto; position: relative; float: left; } .slideshow img { position: absolute; } .slideshow img .alt { display: none; }

こんにちは。 web初心者です。 今、jqueryを使いスライドショーを作っているのですが 上手く行きません。 5枚の画像を重ねてフェードイン　フェードアウトみたいな形にしてるのですが、最後の画像だけdisplay: none;が適用されなくてきれいに表示出来ません。 どなたか詳しい方、宜しくお願い致します。 <HTML> <div id="contents"> <div class="slideshow"> <img src="top30.jpg" width="950" height="450"> <img src="top21.jpg" width="950" height="450" class="alt"> <img src="top20.jpg" width="950" height="450" class="alt"> <img src="top22.jpg" width="950" height="450" class="alt"> <img src="top23.jpg" width="950" height="450" class="alt"> </div> </div> <CSS> #contents { width: 950px; margin-right: auto; margin-left: auto; height: auto; .slideshow { width: 950px; border-top-width: 1px; border-top-style: solid; clear: both; padding-top: 60px; height: auto; position: relative; float: left; } .slideshow img { position: absolute; } .slideshow img .alt { display: none; }

プログラミング歴半年の初心者です。 この度、Java Scriptの自由課題で、「中部電力が公開している電力需要のCSVファイル（juyo_cepco003.csv）を配列として読み込み、グラフ化して表示する。」というhtmlファイルを作成しているのですが、URLからcsvを取得して配列化する所からすでに解りません。 インターネットで情報を集めてみたのですが、ソースが断片化しているものが多く、どこに書けばいいのか、よく解りませんでした。 締め切りが迫り、とても焦っています。 よろしくお願いします。

よろしくお願いいたします。 タイトル、ちょっと詰め込みすぎました。。 ■幅が400pxのdivの中に200pxのulを2つ並べてあります。 ■ulの中に200pxサイズのboxと100pxサイズの正方形ボックス（li）があります。 ■2つのulの中にあるliを一度全て合わせて、それをランダムにして表示したいです。 ■その際、100pxサイズのボックスは必ず2個セットで表示させたいです。 ↑100pxが1個しか表示されない列は100pxの隙間が出来てしまうため。 ulごとのランダムはできたのですが、2つのulのliを合わせてランダムに出力するのがうまくいきません。 隙間についても、どういう風にコーディングをすればいいのか悩んでます。。 参考サイトでも構いません。アドバイスをお願いいたします。 [html] <style> div{width:400px;} ul{width:200px;display:inline-block;} li{display:inline-block;} .size100{width:100;height:100;} .size200{width:200;height:200;} </style> <div randomdisplay="10"> <ul class="rnd_a"> <li class="width100">0</li> <li class="width200">1</li> <li class="width100">2</li> <li class="width200">3</li> <li class="width100">4</li> </ul> <ul class="rnd_b"> <li class="width200">5</li> <li class="width100">6</li> <li class="width100">7</li> <li class="width100">8</li> <li class="width200">9</li> </ul> </div> [js] jQuery(function($) { $.fn.extend({ randomdisplay : function(num) { return this.each(function() { var chn = $(this).children(".rnd_a").children("li").hide().length; var chn2 = $(this).children(".rnd_b").children("li").hide().length; for(var i = 0; i < num && i < chn; i++) { var r = parseInt(Math.random() * (chn - i)) + i; $(this).children(".rnd_a").children("li").eq(r).show().prependTo($(this).children(".rnd_a")); console.log(r); } for(var i = 0; i < num && i < chn2; i++) { var r = parseInt(Math.random() * (chn2 - i)) + i; $(this).children(".rnd_b").children("li").eq(r).show().prependTo($(this).children(".rnd_b")); } }); } }); $(function(){ $("[randomdisplay]").each(function() { $(this).randomdisplay($(this).attr("randomdisplay")).children(".rnd_a").children("li"); }); }); }); javascriptについてあまり知識がなく、WEB上から見つけたものを流用しております。 chnで数を取得し、rでランダム、$(this).children(".rnd_a").children("li").eq(r).show().prependTo($(this).children(".rnd_a")); で出力しているのだと思うのですが、新しい変数にchn + chn2としてランダムさせるとめちゃくちゃに。。 よろしくお願いいたします。

ログインした任意の人が「ファイルアップロード」し、任意の人が「ダウンロード」するようなサイトを考えています。 セキュリティ的にはどこら辺に注意したら良いでしょうか？ 思いつくのは、拡張子チェックですが、偽装されたらそれまで、なのでしょうか？ ※アップロード・ダウンロード対象予定ファイルは、「php」「javascript」「html」「css」などです

教えてください。 下記のフォームでチェックボックスにチェックを入れると 　1.ラジオボタンがグレーアウトして選択不可能になる 　2.ファイル選択ボタンがグレーアウトして選択不可能になる 　3.ラジオボタンの選択が全てクリアされる 　4.選択したファイルがクリアされる を同時に実現したいと思っています。 1～3は実現できているのですが、4を同時に実行することができていません。 チェックボックスにチェックを入れただけで、クリアボタンを押さなくても 【script(1)】と【script(2)】を同時に実行するにはどのようにすればいいでしょうか？ よろしくお願いします。 <html> <head> <!-- 【script(1)】 --> <script type="text/javascript"> <!-- function checkdis(_this, targetN) { for (var i = 0; i < targetN.length;i++) { var tN = document.getElementById(targetN[i]); if(_this.checked == true) { tN.disabled = true; document.getElementById(targetN[i]).checked = false; } else { tN.disabled = false; } } } //--> </script> <!-- 【script(2)】 --> <script type="text/javascript"> <!-- function fileRefClear(oId) { var obj = document.getElementById(oId); var stO = obj.innerHTML; obj.innerHTML = stO; } // --> </script> </head> <body> <table border="1"> <tr><td> <p>画像2</p> <p><input type="checkbox" id="img2no" name="画像の掲載" value="なし" onclick="checkdis(this, ['img2a', 'img2b', 'img2c', 'img2d', 'img2e']);">該当なし</p> </td></tr> <tr><td>【掲載する画像の種類をお選び下さい。】 <ul> <li><input type="radio" id="img2a" name="画像2の種類" value="写真">写真</li> <li><input type="radio" id="img2b" name="画像2の種類" value="イラスト">イラスト</li> </ul> </td></tr> <tr><td>【画像の人物との関係をお選び下さい。】 <ul> <li><input type="radio" id="img2c" name="画像2の人物" value="本人">本人</li> <li><input type="radio" id="img2d" name="画像2の人物" value="ご家族">ご家族</li> </ul> </td></tr> <tr><td> 【ファイルをお選び下さい。】 <p align="center"> <span id="file2"><input type="file" name="画像2" id="img2e" size="45"></span> <span><input type="button" value="クリア" onclick="fileRefClear('file2'); return false;"></span> </p> </td></tr> </table> </body> </html>