jqueryのloadで文字コードがshift_jisのページを呼び出す方法について質問
- jqueryのloadを使用して、文字コードがshift_jisのページを呼び出すことができません。
- 呼び出し元のページはutf-8で作成されており、ダミーページからは正常に呼び出せました。
- 回避方法が分からず、どのようにすればshift_jisのページを呼び出すことができるか助言を求めています。
- ベストアンサー
再び、jqueryのloadについて質問させてください。
再び、jqueryのloadについて質問させてください。 http://www.g-land.net/search02/database.cgi?equal2=123x701&tid=list12&did=data2 上記ページの <div id="selectcol"></div> の部分に、loadで $("#selectcol").load("../item-cat01/gift00102921.html #color");とし、 http://www.g-land.net/item-cat01/gift00102921.html のページ内にある <div id="color"><span class="title" title="色について|商品のお色をお選びください。商品お１つの価格になります。">色：<select name="sp13"><option value="Ａ／レッド">Ａ／レッド</option><option value="Ｂ／グレー">Ｂ／グレー</option><option value="Ｃ／ブラック">Ｃ／ブラック</option></select></span></div> を呼び出したいのですが、呼び出し元となるページの文字コードがshift_jisなのでなのか、呼び出す事が出来ません。(ダミーでutf-8で作ったページからは現状の記述で呼び出す事は出来ました。) これは、回避できない事なのでしょうか。 何卒、ご助言くださいませ。 よろしくお願いいたします。
- oiwai-giftland
- お礼率100% (13/13)
- JavaScript
- 回答数1
- ありがとう数6
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
そもそも、AJAX(:XMLHttpRequest())はUTF-8で行うのが原則 jQueryのAJAXオプション $.ajaxSetup({scriptCharset:'utf-8'}); をセットするとうまくいくかも知れないが、取得先がshift-jisじゃ だめですよね。
関連するQ&A
- jqueryについて質問させてください。
jqueryについて質問させてください。 cluetipというjqueryプラグインを使って、ページにツールチップを表示するようにしたくて、いちおう、cluetipのドキュメントなどを読んで設置してみたところ、 ローカル上ではちゃんと表示されるのですが、サーバーにアップロードしてから見ると、ツールチップが表示されなくなってしまいます。 また、ブラウザによっては、再度読み込みを行うとツールチップが表示される様になる場合もありました。 完全に行き止まり状態になってしまいました。 【問題のページです】 http://www.g-land.net/gift001/froschgift001.html 上記ページのフォーム部分にloadで別のhtmlから <div id="gift_01_02" class="firstspan"></div> にフォームを呼び出しています。 周りにも質問できる方がいないので、何卒宜しくお願いいたします。
- ベストアンサー
- JavaScript
- jqueryで小計値の合算が出来ません・・・
jqueryで計算した小計の値を合算したいのですが・・・ <div id="oa"> <select name="pa" id="value_pa"> <option value="0">選択して下さい</option> <option value="100">梅</option> <option value="200">竹</option> <option value="300">松</option> </select>× <select name="n" id="value_n"> <option value="0">選択して下さい</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select>個=<span id="result_a"></span>円 </div> のように5種類の計算をして<span id="result_x"></span>の間に結果を埋め込んでいます。 この<span id="result_a"></span>から<span id="result_e"></span>の小計値をボタンを押すことにより合算して合計値を出したいのですが、うまくいきません。 jqueryでどのようにしたらいいのでしょうか？ 教えてください。 よろしくお願いいたします。
- ベストアンサー
- AJAX
- 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-Type" content="text/html;charset=Shift_JIS"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <title>文字の色を変える、</title> </head> <body bgcolor="#ffffff"> <script language="JavaScript" type="text/javascript"> <!-- //#RRGGBB形式による色の設定 var myStr; <span style="border:thin solid red" ><span style="color:white;background-color:#000000">Black</span ><span style="color:white;background-color:#696969">Dimm gray</span ><span style="color:white;background-color:#808080">Gray</span ><span style="color:black;background-color:#A9A9A9">Dirk gray</span ><span style="color:black;background-color:#C0C0C0">Silver</span ><span style="color:black;background-color:#D3D3D3">Light gray</span ><span style="color:black;background-color:#FFFFFF">White</span ></span> document.write //--> </script> </body> </html>
- ベストアンサー
- JavaScript
- 訪問済みリンク色を設定したいが難易度高いです
以下のHTMLのハイパーリンクになってる文字列に対し、「訪問済みリンク色（a:visited）」だけ新たに設定したいです。 現在はすべて文字色は赤で、訪問済みリンクであっても色は赤のままです。それを訪問済みリンクなら青になるようにしたいです。 ブラウザの設定で変更する方法ではなく、CSSで変更したいです。 <body>タグの中は「一切いじれない状態」なので、<body>の外部に新たにcssを書き、そこから色を変更したいですが、ハイパーリンクの文字列は、タグの挟まれ方の種類が以下のとおり(5)種類あります・・・ <a>タグは、<a href="http://*" class="title">と<a href="http://*"> の(2)種類、 他にも<span>や<strong>の位置が違ってたりしますが、<body>の中はいじらずに訪問済みリンク色だけ変更することは可能でしょうか？ <body> <div class="blogbody"> <div class="text"> ■文字列(1) <li><span style="color: red"><a href="http://*"><strong><span style="color: red">文字列(1)</span></strong></a><strong>★</strong></span><span style="color: black">DATE</span></li> ■文字列(2) <li><a href="http://*" class="title"><strong><span style="color: red">文字列(2)</span></strong></a>DATE</li> ■文字列(3) <li><a href="http://*" class="title"><span style="color: red"><strong>文字列(3)</strong></span></a><span style="color: red"><strong>★</strong></span><span style="color: black">DATE</span></li> ■文字列(4) <li><a href="http://*"><span style="color: red"><strong>文字列(4)</strong></span></a><span style="color: red"><strong>★</strong></span><span style="color: black">DATE</span></li> ■文字列(5) <li><a href="http://*"><strong><span style="color: red">文字列(5)</span></strong></a>DATE</li> </div> </div> </body>
- ベストアンサー
- HTML
- 【PHP】メールフォームの連動するセレクトボックス
メールフォームを作っているのですが、 連動するセレクトボックスにおいて、 自動返信メールに内容が思った様に記載されません。 複数のチェックボックがあり、それぞれに連動して、 セレクトボックス1でサイズを選び、セレクトボックス2で数を選ぶようになっています。 ソースは最後に記載しますが、希望する返信メールの形は以下の通りです。 ーーーーーー現在ーーーーーー 【色 / サイズ / 数量】 S 1個 L 2個 S 3個 【料金】 （表示なし） ーーーーーー希望ーーーーーー 【色 / サイズ / 数量】 レッド S 1個 ブルー L 2個 イエロー S 3個 【料金】 S × 4個：600円 ＝1,800円 L × 2個：900円 ＝1,800円 ご教示のほど、お願い致します。 以下、ソースです。 <dt>色</dt> <dd> <label class="color"><input type="checkbox" name="color[]" id="color_01" value="レッド">レッド</label> </dd> <dd> <select class="parent" name="size_01"> <option value="" class="msg" selected>サイズを選択</option> <option value="S">S：600円</option> <option value="L">L：900円</option> </select> </dd> <dd> <select class="children" name="number_01"> <option value="0" class="msg" selected>0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> </select><br> </dd> <dd> <label class="color"><input type="checkbox" name="color[]" id="color_01" value="ブルー">ブルー</label> </dd> <dd> <select class="parent" name="size_02"> <option value="" class="msg" selected>サイズを選択</option> <option value="S">S：600円</option> <option value="L">L：900円</option> </select> </dd> <dd> <select class="children" name="number_02"> <option value="0" class="msg" selected>0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> </select><br> </dd> ＜以下、他の色が同様に続きます＞ <dt>料金</dt> <dd class="required"> <div id="result"> S：合計<span class="s maisu" name="sum_s_n" value="0">0</span>個 × 600円 ＝ <span class="s kingaku" name="sum_s_p" value="">0</span>円<br> L：合計<span class="a maisu" name="sum_a_n">0</span>個 × 900円 ＝ <span class="all kingaku" name="sum_all">0</span>
- ベストアンサー
- PHP
- プルダウンメニューでページ内の表示を変える の派生質問
某サイトで紹介いただいているソースの引用で恐縮ですが、 下記のソースで、div1～3のソース部分はうまく切り替わるのですが、ページが開いてすぐの時点では、まったく表示されず、セレクト項目を選んだ後に切り替えが動作します。 ページを開いたら、デフォルトで <div id="item1"> <p> あいうえお </p> </div> が表示されるようにするには、どうすれば宜しいでしょうか？ ご教授くださいませ ------------------------ <html> <head> <script type="text/javascript" language="JavaScript"> function showthis(obj) { if(!obj) return false; if(document.getElementById) { document.getElementById("item1").style.display = "none"; document.getElementById("item2").style.display = "none"; document.getElementById("item3").style.display = "none"; document.getElementById(obj).style.display = "block"; } else { return false; } } // --> </script> <style type="text/css"> #item1,#item2,#item3 { display: none; } </style> </head> <body> <form> <select onchange="showthis(this.value)"> <option value="item1">ディブ１</option> <option value="item2">ディブ２</option> <option value="item3">ディブ３</option> </select> </form> <div id="item1"> <p> あいうえお </p> </div> <div id="item2"> <p> かきくけこ </p> </div> <div id="item3"> <p> さしすせそ </p> </div> </body> </html>
- 締切済み
- JavaScript
- 検索フォーム（セレクトメニューについて）質問がございます。
検索フォーム（セレクトメニューについて）質問がございます。 画像を添付いたしておりますが、用途種別の項目には事業用・居住用と2種類選択出来るようにしています。その用途種別の項目によって物件種別の項目を変更したいのですが、いろいろと試してみたのですが、PHP初心者の自分には良く分からず、皆様のお知恵をお借りしたいとおもい、質問いたしました。 ＜内容＞ （用途種別）事業用の場合 （物件種別）店舗・事務所・倉庫のメニュー （用途種別）居住用の場合 （物件種別）アパート・マンション・一戸建て・テラスハウス・その他 ＜ソース（html）＞ <div class="row"> <!-- item_type --> <?php $f = 'item_type'; echo $errors[$f]; ?> <label for="<?php echo $f ?>">物件種別</label> <span> <select name="<?php echo $f ?>" id="<?php echo $f ?>"> <optgroup class="jigyou" label="事業用"> <option value="6">店舗</option> <option value="7">事務所</option> <option value="8">倉庫</option> </optgroup> <optgroup class="kyojyu" label="居住用"> <option value="2">アパート</option> <option value="3">マンション</option> <option value="4">一戸建て・テラスハウス</option> <option value="22">その他</option> </optgroup> </select> </span> </div> <div class="row"><!-- app_type --> <?php $f = 'app_type'; echo $errors[$f]; ?> <label for="<?php echo $f ?>">用途種別</label> <span> <select name="<?php echo $f ?>" id="<?php echo $f ?>"> <option value="2" class="jigyou">事業用</option> <option value="1" class="kyojyu">居住用</option> </select> </span> </div> JS等も使用したのですが、jqueryを最初から使用しているため、上手く作動しません。 宜しくお願いいたします。
- ベストアンサー
- PHP
- jQueryにてアコーディオン機能実装について
皆様、いつもお世話になります。 現在jQueryを使ったアコーディオン機能の実装を勉強しています。 下記、サイトを参考に実装してみたのですが、要望どおりの挙動にならず困っています。 【参考サイト】 http://web-pc.net/jquery010 【質問内容】 ページロード時に、全てのリストが開いてしまっている。 要望する挙動は以下ページのとおり、ページロード時は全てのリストが閉まっている状態にしたい。 http://sample.web-pc.net/accordion/# ソースは以下のとおりです。 【javascript】 <!-- jQuery --> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script> $(function(){ $(".schedule_list dt").click(function(){ $(this).next("dd").slideToggle(); $(this).children("div").toggleClass("open"); }); }); </script> 【HTML】 <div> <dl class="schedule_list"> <dt> <div> <span> <span>★</span> <span>▲▲</span> <span>画像</span> </span> </div> </dt> <dd> <div> <table> <tr> <td> <img src="▲"> </td> <td> <div> <a href=""><img src="▲" /></a> </div> </td> </tr> </table> </div> </dd> </dl> </div> 【CSS】 dl.schedule_list { display:block; } dl.schedule_list dt div { width:546px; height:61px; display:block; background-image:url(★);} dl.schedule_list dt div.open { width:546px; height:61px; display:block; background-image:url(★);} 以上です。 どなたかお詳しい方ご教授のほどよろしくお願いいたします。 開発環境： MacOSX yosemite Dreamweaver CC Safari8.0
- ベストアンサー
- JavaScript
- リンクの色を調整する関数
Webページ上のプルダウンメニューでテキストの色を変更する関数は作れるのですが、リンクの色を未参照/参照済みの両方とも変更する関数がどうしても作れません。 下記のソースgetElementById("text")のところを getElementById("link")としても、未参照の時の色しか変更できません。参照済みの色も併せて変更する関数は作れないでしょうか。 <html> <head> <script language="JavaScript"> function setColor(c) { document.getElementById("text").style.setAttribute("color", c); } </script> </head> <body> <div id="text">テキスト</div> <a href="http://oshiete.goo.ne.jp/" id="link">リンク</a><br> <select onChange="setColor(this.value)"> <option value="#000000">black</option> <option value="#0000ff">blue</option> <option value="#00ffff">aqua</option> <option value="#808000">olive</option> </select> </body> </html>
- ベストアンサー
- JavaScript
- jQuery 円周上に配置した要素を加工したい
jQuery 円周上に配置した要素を加工したい ここに円周上に等間隔に要素を配置するコードがあります。 これを下記の要件を満たすためには、どんなコードにしたらよいですか？ ＜要件＞ ・基準点を赤丸で表示させる ・時計の文字盤のような数字の配置にする（真上がゼロ） ・円内の文字が上下左右とも、中央に来るようにする ・数字は赤丸を天にした向きに表示させる <script src='https://code.jquery.com/jquery-3.7.0.min.js'></script> <style> .main-board { position: relative; width: 300px; } .circle-box { } div.item { position: absolute; width: 40px; height: 40px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background-color: #0dd; } </style> <section class="main-board"> <section class="circle-box"> <div class="item"></div> <div class="item"></div> <div class="item"></div> <div class="item"></div> <div class="item"></div> <div class="item"></div> <div class="item"></div> <div class="item"></div> <div class="item"></div> <div class="item"></div> <div class="item"></div> <div class="item"></div> </section> </section> <script> $(function(){ var item_num = $('div.item').length; var deg = 360.0 / item_num; var red = (deg * Math.PI / 180.0); var circle_r = $("div.item").width() * 2.5; $('div.item').each(function(i, elem) { var x = Math.cos(red * i) * circle_r + circle_r; var y = Math.sin(red * i) * circle_r + circle_r; $(elem).css('left', x); $(elem).css('top', y); $(elem).text(i); }); }); </script>
- 締切済み
- JavaScript
お礼
なるほど！ やはり、UTF-8で行うように作り直す必要があるんですね。 知識のある方のご助言で納得できたので、次回からはその点に気をつけて 作っていきたいと思います。 今回も本当にありがとうございました。