yyr446 の回答履歴

こんばんは。 このカテゴリでよいのかわかりませんが、質問させてください。 "item","price" "バッグ","30,000" "シューズ","12,800" こんな感じでカンマ入りの金額データや日本語を含むCSVを２次元の配列に読み込んで、CSSなどを付与してホームページを作りたいと考えています。 検索してサンプルやライブラリを探しているのですが、文字コードをいろいろ変えても日本語だと文字化けしてしまうものや、見つけてもコンマ付きデータに対応していなかったりします。近いものを見つけて改良しようにも、Javascriptやajax初心者なので、どこをいじるのが適切なのか判断がつかず四苦八苦しております。 一応、Flash ActionscriptやVBでのプログラミングは一通りできるのでJavascriptも本腰をいれればできるはずなのですが、時間が限られておりまして基礎が曖昧なままリファレンス本を片手に挑戦している次第です。 すみませんが、僕の希望に合うサンプルや紹介しているURLまたはライブラリをご存知でしたら教えて頂けないでしょうか。全く同じでなくても、多少は自分で工夫するつもりです。 何卒よろしくお願い致します。

現在PerlのフレームワークであるMojoliciousとJavascriptのjQueryを使ってAjaxを利用したアプリケーションを作ろうとしているのですが、クライアント側で、サーバに送信するためのJSON形式のデータがうまく作れません。 例えば、ブラウザ上の表のセルをダブルクリックしたときにそのデータを書き換えられるようにし、その更新データをJSONでサーバ側に送りたいのですが、 <table> <tr><th>name</th><th>email</th></tr> <tr><td class="name">山田</td><td class="email">yamada**@gmail.com</td></tr> </table> とある表のセルの山田のアドレスをyamada**@gmail.com -> yamada**@yahoo.co.jpと変更した場合、javascript(jQuery)で次のようなJSONデータを作りたいです。 { "email" : "yamada**@yahoo.co.jp"} 左側のemailは動的にセルのclass属性から取得したいのですが、方法が分かりません。 実際にはemail以外にも多数の列がありますので、なるべく動的にclass属性を取得したいのですが、良いJSONの生成方法やJSONを用いた他のデータ構造があれば教えていただきたいです。

WEBサイトの仕組みにあまり強くない方のWEBサイト制作を依頼されており、できるだけ更新を楽にできるようなサイトを制作しています。 作品展示のためのサイトなので、更新内容は作品画像とそれに伴うちょっとした説明文のみということで、 http://potapota.akinetworks.com/?eid=426167 ↑こちらのサイトの 『アップローダーで上げた画像をフォルダ指定してlightboxでまとめてギャラリー化する』 という仕組みを使おうと考えているのですが、 拡大画像が表示された時に画像の下部に出るキャプション（上のサイトでは画像ファイルの名前が表示されています）を画像と同じように、 ひとつのフォルダにテキストデータなどの形式で保存し、 PHPでそのフォルダを指定して、画像一つ一つにテキストを設定すること無く画像キャプションとして表示するには上のサイトのソースをどのように編集すれば良いでしょうか？ テキストデータをアップロードする際は上のサイトのようなアップローダーを使用できなくても構いません。 どなたかご助言頂けたら幸いです。

縦1000px 横1000pxの画像(test.jpg)があり、この画像は、5×5で25枚の 縦200px 横200px の画像がつながって一枚となっています。 <img id="testplace"src="test.jpg" width="200px" height="200" /> と指定し（この時には、一番左上の200pxの画像が見えている）、その下に <a href="javascript:void(0)" onclick="testscript(0,0)">1番目</a> <a href="javascript:void(0)" onclick="testscript(0,200)">2番目</a> <a href="javascript:void(0)" onclick="testscript(0,400)">3番目</a> <a href="javascript:void(0)" onclick="testscript(0,600)">4番目</a> <a href="javascript:void(0)" onclick="testscript(0,800)">5番目</a> <a href="javascript:void(0)" onclick="testscript(200,0)">6番目</a> <a href="javascript:void(0)" onclick="testscript(200,200)">7番目</a> 　　・ 　　・ 　　・ <a href="javascript:void(0)" onclick="testscript(800,600)">24番目</a> <a href="javascript:void(0)" onclick="testscript(800,800)">25番目</a> とクリックする場所を設けて、それぞれをクリックすると、「testplace」に各々の200pxずつの画像が表示されるようにするスクリプト「testscript」を作成したいと考えています。 この方法だと画像は複数いらず1枚で済みます。CSSで背景画像を移動させる方法は使用しないで、実装できますでしょうか。 よろしくお願いいたします。

http://tv.jp.msn.com/ ここのHPのメニューバーの下にある、メインっぽい画像の下部にグルグル回っている部分があります。 jquery？のScrollみたいな感じですが、中央にくると画像が大きくなるみたいな・・・ これをFLASHではなく、Javascriptで作成することは可能でしょうか？参考になるHPなども教えていただけるとありがたいです。 よろしくお願いいたします。

WEBサイトの仕組みにあまり強くない方のWEBサイト制作を依頼されており、できるだけ更新を楽にできるようなサイトを制作しています。 作品展示のためのサイトなので、更新内容は作品画像とそれに伴うちょっとした説明文のみということで、 http://potapota.akinetworks.com/?eid=426167 ↑こちらのサイトの 『アップローダーで上げた画像をフォルダ指定してlightboxでまとめてギャラリー化する』 という仕組みを使おうと考えているのですが、 拡大画像が表示された時に画像の下部に出るキャプション（上のサイトでは画像ファイルの名前が表示されています）を画像と同じように、 ひとつのフォルダにテキストデータなどの形式で保存し、 PHPでそのフォルダを指定して、画像一つ一つにテキストを設定すること無く画像キャプションとして表示するには上のサイトのソースをどのように編集すれば良いでしょうか？ テキストデータをアップロードする際は上のサイトのようなアップローダーを使用できなくても構いません。 どなたかご助言頂けたら幸いです。

現在、java scriptを使ったブログを作成しているホームページ制作初心者です。 textareaに入力した文字列を指定の<div id="～"></div>に出力するといった事を試しており、textarea内が一般的な文字列であったり、html言語であれば、出力に成功することができました。 ただ、そのtextarea内の文字列を<scritpt scr=" ... ">～</script>とした場合、外部ファイルに記載されているスクリプトを起動する事ができません。ソースを確認すると、その場所にjava scriptがちゃんと入っているのですが、全く動かないという状況です。 そこで質問なのですが、指定のjava scriptを、リロードが完全に終わった後でも、呼び出しを行うということはできるのでしょうか？ 具体的には、ツイッターの公式ウィジェットを使った場合であれば、 <textarea style="display:none;" name="～" rows="7" cols="65"> <script src="http://widgets.twimg.com/j/2/widget.js"></script><script>new TWTR.Widget({version: 2,type: 'search',search: '文字列',interval: 5000,title: 'タイトル文字列'',subject: '',width: 500,height:350,theme:{shell:{background: '#333333',color: '#ffffff'},tweets: {background: '#ffffff',color: '#444444',links: '#1985b5'}},features: {scrollbar: false,loop: true,live: true,hashtags: true,timestamp: true,avatars: true,toptweets: true,behavior: 'default'}}).render().start();</script> </textarea> とした上で、このtextarea内の文字列を他のdivの中に書き込みを行う、というところまでは成功したのですが、このjava script本体が起動せず、その部分が空白として表示されてしまうといった次第です。 もし何か解決策があれば、ご教授頂ければと思い質問しました。よろしくお願いします。

現在スマートフォン向けのWebアプリを勉強しています。 HTML5から導入されたCanvasを使い、タッチした箇所を中心に円を描くサンプルを作成したいのですが、タッチした座標をとってくることができないで、困っています。 下記コードになりますが、間違っているところ、代替手段などがありましたらご教授ください。 function clickEvent(e) { e.preventDefault(); alert(e.x + " : " e.y); } 確認に使った機種はGalaxyです。 PCブラウザでは問題なくとってくることができます。 宜しくお願いします。

JQuery の正規表現 色々ためしているのですが上手く動作しません。 例えば Message-ID: .... > のような行があれば、この行を削除。 とする場合、どのように記述すればよいのでしょうか？ Messag-IDで始まり、改行で終わる行とすればと思いますが・・・ ご存知の方がいましたら教えて下さい。

jQueryを使ったアコーディオンメニューを作成しているのですが、 <dt>をクリックすると<dd>部分に外部のテキストファイルを表示させる方法がわかりません。 以下の記述に何を付け足せば良いのですか？ $(function(){ $("dd:not(:first)").css("display","none") $("dt:first").addClass("selected"); $("dl dt").click(function(){ if($("+dd",this).css("display")=="none"){ $("dd").slideUp("slow"); $("+dd",this).slideDown("slow"); $("dt").removeClass("selected"); $(this).addClass("selected"); } }).mouseover(function(){ $(this).addClass("over"); }).mouseout(function(){ $(this).removeClass("over"); }) }) <dl> <dt>Step.1</dt> <dd><p>Lorem ...（中略）... venenatis.</p></dd> <dt>Step.2</dt> <dd><p>Integer ...（中略）... accumsan. </p></dd> <dt>Step.3</dt> <dd><p>Integer ...（中略）... imperdiet. </p></dd> </dl>

画像スライドさせるためのCSS、jqueryjsについての質問です。 私はCSS入門したてのド素人ですが、GalleryViewをどうしてもサイトに掲載したく頑張ってみたのですが、どうしてもうまくいきません。 GalleryViewのキーワードで検索してあらゆるサイトを見て回ったのですが、バージョンが古かったり、いまいち分かりずらく、設置稼働できませんでした。 本当に初歩的で申し訳ないのですが、ド素人でも、その通りやれば表示ができる！！ というような分かりやすく日本語で説明されているサイトを探しております。 GalleryView3.0　http://spaceforaname.com/galleryview　こちらのサイトで現時点（2011.04.04）GalleryView 3 Beta 3 をダウンロードできます。 同胞されている内容はｃｓｓとｊｓのフォルダです。 このフォルダをindexファイルと同じ階層にそのままアップして、README.txtに書かれているソースを記述してもうまくいきませんでした。その他、以下の過去質問の返答にあるようなリンク元も参考にイジってみたのですが、やはり作動しません。。。 http://okwave.jp/qa/q6229237.html 本当に困り果ててしまいました(´-∀-｀；) どなたか、こんな馬鹿野郎ド素人でも分かりやすくご教授いただくか、同様のサイトがあれば参考サイトをご教授いただけましたら幸いです。 最悪、素人では難しいということでしたら、初心者向けのプラグインツールもしくはサンプルCSSなどがあれば、代替でも問題なしです。 結果として複数の画像が１画像づつ自動スクロールしてメインに表示され、下にサムネイルがあれば問題なしです。 本当に初歩的な質問になってしまいますが、宜しくお願いいいたします。

google翻訳ツールを ビルダー11で作成しているHPに設置したのですが プレビューで表示されません。 <header>から</header>の間に入れたのですが間違いでしょうか？ 11行目です。 よろしくお願いいたします。非常に困っております。 ご存知の方教えてください、お願いします。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio … <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Style-Type" content="text/css"> <title></title> <meta name="description" content="" /> <meta name="keywords" content="" /> <link href="style.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" type="text/css" href="table.css" id="_HPB_TABLE_CSS_ID_"> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-6834572-4']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> </head> <body> <div id="container"> <div id="header"> <h1></h1> <a href="index.html"><img src="images/logo.gif" alt="Sample Nail Salon" name="logo" width="357" height="57" id="logo" /></a><br> </div> <!--/header-->

いつもお世話になっております。 drawImageメソッドを使用し、Canvasへ画像を描画するプログラムを作成しています。 画像は全部3枚あり、座標をずらしてすべて重ねて表示します。 画像のファイルサイズはすべて異なります。 画像描画のタイミングは選択中のセレクトボックスの項目に変更があった場合です。 この際、フォームの情報によって描画順序を決定します。 本題ですが、現在のコーディングですと、指定した描画順序のとおりに描画されません。 複数の画像に対してonloadを使用しており、画像の読み込みが完了した順番に描画 されているような気がします。指定したとおりに描画できる方法はないでしょうか？ ・html <canvas id=main width=160 height=160 style=border:1px solid gray></canvas> <form> <hr> 描画順序 <select name=order onChange=Main(this.form)> <option value=0>1,2,3</p> <option value=1>1,3,2</p> <option value=2>2,1,3</p> <option value=3>2,3,1</p> <option value=4>3,1,2</p> <option value=5>3,2,1</p> </select> </form> ・外部ファイル(js) function Main(f) { var canvas = document.getElementById('main'); if (!canvas || !canvas.getContext) { return false; } var Canvas = canvas.getContext('2d'); Canvas.clearRect(0, 0, 320, 240); var Image1 = new Image(); var Image2 = new Image(); var Image3 = new Image(); if (f.order.value == 0) { Image1.onload = function() { Canvas.drawImage(Image1, 0, 0); } Image2.onload = function() { Canvas.drawImage(Image2, 20, 20); } Image3.onload = function() { Canvas.drawImage(Image3, 40, 40); } Image1.src = GetImageFileName(1); Image2.src = GetImageFileName(2); Image3.src = GetImageFileName(3); } else if (f.order.value == 1) { Image1.onload = function() { Canvas.drawImage(Image1, 0, 0); } Image3.onload = function() { Canvas.drawImage(Image3, 20, 20); } Image2.onload = function() { Canvas.drawImage(Image2, 40, 40); } Image1.src = GetImageFileName(1); Image3.src = GetImageFileName(3); Image2.src = GetImageFileName(2); } else if (f.order.value == 2) { Image2.onload = function() { Canvas.drawImage(Image2, 0, 0); } Image1.onload = function() { Canvas.drawImage(Image1, 20, 20); } Image3.onload = function() { Canvas.drawImage(Image3, 40, 40); } Image2.src = GetImageFileName(2); Image3.src = GetImageFileName(3); ：（以降省略） よろしくお願いいたします。

今、ie8上でjqueryを使って、別ドメイン上にあるXMLファイルを読み込もうとしています。 ieはfirefoxとはちがい、なかなかうまくいきませんでした。 （http://www.netagent-blog.jp/archives/51509761.html) この上記のページを参考に、XDomainRequestのラッパーを作成してやってみたのですが、ファイルを読み込むことができませんでした。 一応、ソースを上げます。 function hookXhr(){ // この部分は参考にしたページのとおりです。長いので省略しました } $(document).ready(function(){ var proxy = "http://allow-any-origin.appspot.com/"; $.ajax({ url: proxy + "http://www.xxxx.xx.xx/today.xml", type: "GET", dataType: "xml", cache: false, xhr : window.XDomainRequest ? hookXhr : undefined, success: init }); }); 何か良い方法がありましたら、教えていただけると幸いです。よろしくお願いいたします。

今、ie8上でjqueryを使って、別ドメイン上にあるXMLファイルを読み込もうとしています。 ieはfirefoxとはちがい、なかなかうまくいきませんでした。 （http://www.netagent-blog.jp/archives/51509761.html) この上記のページを参考に、XDomainRequestのラッパーを作成してやってみたのですが、ファイルを読み込むことができませんでした。 一応、ソースを上げます。 function hookXhr(){ // この部分は参考にしたページのとおりです。長いので省略しました } $(document).ready(function(){ var proxy = "http://allow-any-origin.appspot.com/"; $.ajax({ url: proxy + "http://www.xxxx.xx.xx/today.xml", type: "GET", dataType: "xml", cache: false, xhr : window.XDomainRequest ? hookXhr : undefined, success: init }); }); 何か良い方法がありましたら、教えていただけると幸いです。よろしくお願いいたします。

今、ie8上でjqueryを使って、別ドメイン上にあるXMLファイルを読み込もうとしています。 ieはfirefoxとはちがい、なかなかうまくいきませんでした。 （http://www.netagent-blog.jp/archives/51509761.html) この上記のページを参考に、XDomainRequestのラッパーを作成してやってみたのですが、ファイルを読み込むことができませんでした。 一応、ソースを上げます。 function hookXhr(){ // この部分は参考にしたページのとおりです。長いので省略しました } $(document).ready(function(){ var proxy = "http://allow-any-origin.appspot.com/"; $.ajax({ url: proxy + "http://www.xxxx.xx.xx/today.xml", type: "GET", dataType: "xml", cache: false, xhr : window.XDomainRequest ? hookXhr : undefined, success: init }); }); 何か良い方法がありましたら、教えていただけると幸いです。よろしくお願いいたします。

Javascriptでのマウスオーバーで、Mapを使って画像上に範囲指定しているリンク範囲にボーダーを表示させたいと考えています。 HTMLは、 <html> <head> <title></title> </head> <body> <img src="aaa.gif" border="0" usemap="#Map"> <map name="Map"> <area shape="rect" coords="78,200,228,241" href="bbb.html"> <area shape="rect" coords="326,168,476,209" href="ccc.html"> <area shape="rect" coords="78,141,228,182" href="ddd.html"> </map> </body> </html> このようになっています。 この状態で、マウスオーバー時にリンク範囲をボーダーで囲みたいと思っています。 JavascriptやCSSとの組み合わせ等でいろいろ探してみたのですが、どうしても上手くいきませんでした。どうしたらいいのか教えて下さい。 また、JavascriptやCSSでなくとも同じ事が出来るのでしたら、それで構いません。 どうか宜しくお願い致します。

Javascriptでのマウスオーバーで、Mapを使って画像上に範囲指定しているリンク範囲にボーダーを表示させたいと考えています。 HTMLは、 <html> <head> <title></title> </head> <body> <img src="aaa.gif" border="0" usemap="#Map"> <map name="Map"> <area shape="rect" coords="78,200,228,241" href="bbb.html"> <area shape="rect" coords="326,168,476,209" href="ccc.html"> <area shape="rect" coords="78,141,228,182" href="ddd.html"> </map> </body> </html> このようになっています。 この状態で、マウスオーバー時にリンク範囲をボーダーで囲みたいと思っています。 JavascriptやCSSとの組み合わせ等でいろいろ探してみたのですが、どうしても上手くいきませんでした。どうしたらいいのか教えて下さい。 また、JavascriptやCSSでなくとも同じ事が出来るのでしたら、それで構いません。 どうか宜しくお願い致します。

IEなどのブラウザの「閉じる」「戻る」ボタンを 押した時に表示されるウィンドウはどのように作れば いいのでしょうか？ 参考 http://cilb.orange-smile.net/m-semi/ 上記のページのようにしたいのですが、 スクリプトの意味がよく分からなくて、自分なりの修正が できません。。 Javascriptの説明がされているページなどあれば 教えてください

現在jqueryで任意のディレクトリ内のファイルを読み込んで表示、 さらに[NEXT]、[PREV]で読み込むファイルを切り替えるようにしたいと考えています。 ロード先のディレクトリのファイル名は年＋月などの規則性を用いて（201103.html、201102.html...）付けていきます。 【html】 <body> 　　　コンテンツコンテンツコンテンツコンテンツコンテンツコンテンツ 　　　<div id="loadContents"> 　　　　　　ここに「/hoge/foo.html」を読み込み&切り替え 　　　</div> 　　　<a href="#" id="btnPrev">PREV/a> 　　　<a href="#" id="btnNext">NEXT</a> 　　　コンテンツコンテンツコンテンツコンテンツコンテンツコンテンツ </body> ■欲しい機能 ・最初に読み込まれるのは現在の月のファイル ・端のファイル（[NEXT]、[PREV]がそれ以上ない場合）には<a>タグを削除、 もしくは「display: none」を付けるなどして非表示に ■できれば欲しい機能 ・切替時にフェードイン&フェードアウト等のアニメーションの設定オプション 以上になります。 難しいようでしたら、[NEXT]、[PREV]のリンクは 前後のリンク先をぞれぞれのリンク先に設定して 読み込まれるコンテンツのなかに入れてしまってもありかなと思っています。 【例：201103.htmlの場合のリンク】 <a href="/hoge/201102.html" id="btnPrev">PREV/a> <a href="/hoge/201104.html" id="btnNext">NEXT</a> まだまだ未熟でどうしらた実装できるかの引っかかりさえ見えない状況です。 ご教授ください。 どうぞ宜しく御願い致します。