AJAX
- jQuery『supersized』のカスタマイズ
こんばんは。Webデザイナー駆け出しの初心者です。 昨日仕事で↓の『Supersized』というプラグインでフォトギャラリーを作りました。 http://www.buildinternet.com/project/supersized/ クライアント様より「1枚目の画像を表示させている時は、画面左の丸い矢印戻るボタンを表示させないでくれ」と要望があり、上司に相談をしても「なんとかしろ！！」の一点張りで非常に困っています。 私の力では到底解決できない問題だと思いここに助け舟を出させてもらいました（涙） クライアント様曰く、写真をストーリー仕立てに表示させたいらしく、もしも一枚目が表示されている時に戻るボタンを押した場合、最後のオチがばれてしまうのが嫌だとのことです（涙） 勝手なわがままで申し訳ございません。 どなたかお力をお貸しいただけないでしょうか。。、
- 締切済み
- tomoyuki1982
- AJAX
- 回答数2
- jQueryでリスト項目の表示・非表示を切りかえる
jQueryに詳しい方教えてください。 下記のようなHTMLがあって、 jQueryを使って<li>要素の表示／非表示を切り替えたいのです。 ---------------- HTMLスクリプト <ul class="test"> <li>項目1</li> <li>項目1</li> <li>項目1</li> </ul> 切り替えるタイミングはxmlのデータ内にflagを立てています。 flagの値は取得できました。（確認済み） 仕様としては、flagの値が 0の時は→<li>要素の1つ目と2つ目を表示させる。 1の時は→<li>要素の3つ目のみを表示させる。 2の時は→<li>要素のすべてを表示させる。 ということをしたいのです。 ですが、なぜかうまくいきません。 以下のように書きました。 if(flag==0){ $(".test li:eq(2)").hide(); }else if(settlementflag==1){ $(".test li:eq(0)"), .test li:eq(1)").hide(); }else if(settlementflag==2){ //何もしない }; そもそもこうゆう書き方で合っているのしょうか？ jQueryを勉強したてで、恥ずかしいばかりですが、 ご教授のほど宜しくお願いいたします。
- jQueryでxmlデータ取得について
jQueryでxmlのデータを取得しました。 jsで宣言した変数データがあって、 その変数のデータと xmlのタグ(ノード)が一致していた場合、 そのxmlデータの値を返したいと考えています。 xmlは以下の感じです。 タグ名はすべて異なりますが、順番に並んでいます。 <data1>aaa</data1> <data2>bbb</data2> <data3>ccc</data3> 例としては jsでの変数の値がdata1の場合は、 xmlの<data1>の値を取得したいんです。 jsでの変数の値がdata2の場合は、 xmlの<data2>の値を取得したいんです。 そんな事ってできますか？ 初心者なもので、とんちんかんな質問かもしれませんが どうか、宜しくお願いいたします。
- JQueryでxmlのデータを取得する。
以下のようになっているxmlのデータがあります。 --------------------- <item> <name1>0</name1> <name2>1</name2> <name3>0</name3> </item> --------------------- <item>～</item>の中の 子ノードのタグ名とテキストデータをJQueryを使って取得したいと考えています。 上記のように、<name1><name2><name3> とタグ名がバラバラなので 配列で取得したいのですが。やり方がわかりません。 どなたかご教授ください。
- jQueryでxmlの異なるタグ要素を取得したい。
jQueryを最近勉強したての者です。 詳しい方、どうか教えて下さい。 HTMLにxmlのデータを読み込ませようとしています。 概略をお話しすると、 htmlファイルによって、xmlの別々の要素を取得したいのです。 やりたいメソッドは同じです。 別々の要素の中のデータによって、imgの表示／非表示を切り替えたいのです。 問題は、対象となるhtmlファイルが複数あり そのhtmlファイルによって、参照するxmlのタグが異なる事なんです。 xmlは、以下のように<shopdata>をルートノードとし、以下のような感じです。 --------------------- <?xml version="1.0" encoding="utf-8"?> <shopdata> <item> <name1>0</name1> <name2>1</name2> <name3>0</name3> </item> </shopdata> --------------------- <name*>～</name*> の中のデータは、0もしくは1なのですが 0の時はimgを表示 1の時はimgを非表示させようと考えています。 ただ<name1><name2><name3> とタグ名がバラバラなんです。 ※おしりの数字が違うだけで、規則的ではあります。 ちなみにhtmlは複数あって a.htmlの時は→xmlの<name1>を参照 b.htmlの時は→xmlの<name2>を参照 c.htmlの時は→xmlの<name3>を参照 という感じです。 ※htmlファイル名は特に規則的ではなく、いろいろなファイル名がついています。。。 最初、考えたのは、 htmlのどこかに、id="1"と入れて、idが1の時は、<name1>の要素を取得し、 htmlのどこかに、id="2"と入れて、idが2の時は、<name2>の要素を取得し… っていうことを考えたのですが、それもどのように書いたら良いのかが分からないんです。 そもそも、そういった事は可能なのでしょうか？ ちなみのhtmlのbodyタグ自体がテンプレートでできているので、 idをどこかにふるとしたら、head内とかになるのしょうか？ それぞれ、ボタンの表示は、 if文を使って、show(),hide()メソッドを使うとは思うのですが… 詳しくコードを教えていただけたら、助かります。 どうか、宜しくお願いいたします。
- AjaxとPHPの連携について
AjaxからPHPにHTTPリクエストし、PHP側でXMLの処理をさせてAjaxにXMLのデータを返す処理ができません。 PHP側でXMLをAjaxに返す時、どのようなコードで書けばよろしいですか？
- 締切済み
- noname#139568
- AJAX
- 回答数1
- AjaxでSJISファイル読み込みすると文字化け
Ajaxを利用し、SJISで作成されたCSVファイルを読み込みたいのですが文字化けしてしまい困っています。 最終的には、Windowsのサイドバーガジェットで、東京電力が公開しているSJISのCSVファイルの中身を表示したいのです。（それ以前にAjax単体で文字化けしてしまいます） 本来、CSVをUTF-8にしたり、サーバサイド(PHPなど)側で文字コード変換したりするのでしょうが、それができないため、JavaScript側で何とかしたいのですが、ご教授願います。 以下、サンプルソースです。 何故か、東京電力のCSVはダメで、東北電力のCSVは大丈夫です。 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <html> <head> <script language="JavaScript"> function getCsv(uri){ var xmlHttp = new ActiveXObject("Msxml2.XMLHTTP"); xmlHttp.open("GET",uri); xmlHttp.onreadystatechange = function(){ if(xmlHttp.readyState==4 && xmlHttp.status==200){ document.getElementById("disp").innerHTML = xmlHttp.responseText; } } xmlHttp.send(null); } </script> </head> <body> <form> <select onchange="getCsv(this[this.selectedIndex].value);"> <option>↓選択してください <option value="http://www.tepco.co.jp/forecast/html/images/juyo-j.csv">東京電力 <option value="http://setsuden.tohoku-epco.co.jp/common/demand/juyo_tohoku.csv">東北電力 </select> </form> <div id="disp"></div> </body> </html>
- ベストアンサー
- noname#245677
- AJAX
- 回答数2
- JQueryでAjax通信をキャンセルした時につて
JQueryでAjax通信時に、abort()でキャンセルを行うと通信はキャンセルになっているようですが、 サーバー側（Ajaxで呼ばれた処理）は、最後まで処理されてしまいます。 abort()を実行させた時に、サーバー側の処理まで中断させる方法はありますでしょうか？ 実行と中止は以下のような感じで書いています。 Ajax実行 arrXhr = $.ajax({ dataType: "json", type: "POST", url: "xxxxxxx.php", async: true, cache: false, data: sendData, success: function ( data ) { }, error: function ( XMLHttpRequest, textStatus, errorThrown ) { } }); 中止 xhr.abort();
- ＷＥＢでエクセルのような表を実現したい
現在、ＷＥＢでエクセルのように表を作成していて、 ある程度の制御はできているのですが、 プログラムを組み込んではいないのに、 <input>タグのテキストデータをダブルクリックして 反転させた状態でドラッグすると、 別の位置に移動したり(FireFox)、そのデータがコピーされてしまいます(IE)。 この表の中で、縦方向にコピーはされてほしいのですが、 横方向にはコピーをしたくないのですが、 その場合、言語はやはりJavaScriptになるのでしょうか？ どの様に制御すればその動きが作れるのかを 一生懸命ググってみたのですが、結局それらしい動きをする サイトを見つけることができず、ここに泣きつくことになりました。 また、エクセルのオートフィル機能が使えるとさらにＩＤの項目については 便利になるのに・・・・とは思っていましたが、その機能についても 見つかりませんでした。ご協力をしていただける方、よろしくお願いします。
- ベストアンサー
- katsumi001
- AJAX
- 回答数1
- Alertを入れるときといれない時の違い
Ajaxを使ってプログラムを作っています。 テキストボックスに入力されたデータを元に、AjaxからそのデータをCGIに渡し、戻ってきたデータを計算させて、別のテキストボックスに表示するという簡単なものですが、 そのテキストボックスのセットが5つくらいあって、それぞれ上記のようにCGIから戻ってきたデータを計算させた結果を入れています。 ここまでは希望通りできています。 その戻ってきたデータを入れた５つのテキストボックスの合計をさらに別のテキストボックスに入れるということをしたいのですが、ここがうまくできません。 テキストボックスにAjaxからの値をいれ、値が入っていれば、5つのテキストボックスの合計を計算させるというやり方です。 うまくいかない（合計テキストボックスにNaNと入ってしまう）ので、Alertを使ってどこがおかしいのか調べてみたのですが、Alertを入れると、合計がきちんと出てきます。 Alertを入れないと、NaNと出てきます。 Alertを入れる入れないで、どのような違いがあるのでしょうか。 違いはないような気がするのですが、なぜか入れたらうまくいき、入れないとうまくいきません。 もちろんAlertを入れる以外はなにもプログラムの変更をしていません。 なぜか分からず、ドツボにはまっております。。(泣 Ajaxで入れたデータがテキストボックスにうまく反映されていない？（データを入れたあとにそのテキストボックスを参照しているので。。でも表示はされています。）Alertが出る時間の差が関係あるのかなあと思いましたが、よく分かりません。 おわかりの方いらっしゃいましたら教えて頂けませんでしょうか。 よろしくお願いいたします。
- ベストアンサー
- noname#223023
- AJAX
- 回答数3
- HTML内の値を取得し、別の箇所にコピーする方法
下記のソースで書き換え実行ボタンを押下すると、2行目の表示内容を1行目にコピーした上で、2行目の内容を削除したいと思いました。 2行目の内容の削除は下記の3行で出来ていると思います。 $("#text2_1").html(""); $("#text2_2").val(""); $("#text2_3").val(""); ただし、2行目の内容を1行目にコピーする所がわかりませんでした。 $("#text1_1").html("2行目"); $("#text1_2").val("2行目"); $("#text1_3").val("2行目"); 上記3行の「2行目」と固定で記述されている箇所の代わりに、下記3行の値を取得する記述をしないといけないのかと思ったのですが、どのように記述すればよいかわからなかったのでアドバイスいただける方がいらっしゃいましたら、ご教示の程、よろしくお願いします。 <div id="text2_1">2行目</div> <input type="text" name="text2_2" id="text2_2" value="2行目" /> <input type="hidden" name="text2_3" id="text2_3" value="2行目" /> 【ソース】 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script language="JavaScript" type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> <!-- $(function(){ $("#change").click(function(){ $("#text1_1").html("2行目"); $("#text1_2").val("2行目"); $("#text1_3").val("2行目"); $("#text2_1").html(""); $("#text2_2").val(""); $("#text2_3").val(""); }); }); // --> </script> <title>title</title> </head> <body> <form> <input id="change" type="button" value="書き換え実行" /> </form> <br /> <div id="text1_1">1行目</div> <input type="text" name="text1_2" id="text1_2" value="1行目" /> <input type="hidden" name="text1_3" id="text1_3" value="1行目" /> <div id="text2_1">2行目</div> <input type="text" name="text2_2" id="text2_2" value="2行目" /> <input type="hidden" name="text2_3" id="text2_3" value="2行目" /> </body> </html> 以上、宜しくお願いします。
- inputの中身を書き換える方法について
下記で書き換え実行ボタンを押下すると、初期値1は変更後1に変わるのですが、初期値２と初期値３が変わりませんでした。 そのため、inputの中を書き換えるには、divの場合とは違う書き方をしないといけないのかと思ったのですが、どのように記述すればよいかわからなかったのでアドバイスいただける方がいらっしゃいましたら、ご教示の程、よろしくお願いします。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script language="JavaScript" type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> <!-- $(function(){ $("#change").click(function(){ $("#text1").html("変更後１"); $("#text2").html("変更後２"); $("#text3").html("変更後３"); }); }); // --> </script> <title>title</title> </head> <body> <form> <input id="change" type="button" value="書き換え実行" /> </form> <br /> <div id="text1">初期値１</div> <input type="text" name="text2" id="text2" value="初期値２" /> <input type="hidden" name="text3" id="text3" value="初期値３" /> </body> </html>
- Google AJAX Feed APIについて
ライブドアブログに外部RSSを表示しているのですが、上手くカスタマイズできません。 現在はこのようになっていて http://imageshack.us/photo/my-images/850/sample1x.jpg/ これのように日付ごとに分けたいのです http://imageshack.us/photo/my-images/651/sample2s.jpg/ どのようにコードを書けば日付ごとに分けられますでしょうか？ 以下に現在使用してるコードを書いておきます <script type="text/javascript" src="http://www.google.com/jsapi?key=＊APIキー"></script> <script type="text/javascript"> google.load("feeds", "1"); function initialize() { var feedurl = "http://blog.livedoor.jp/dqnplus/index.rdf"; var feed = new google.feeds.Feed(feedurl); feed.setNumEntries(10); feed.load(dispfeed); function dispfeed(result){ if (!result.error){ var container = document.getElementById("feed"); var htmlstr = ""; htmlstr += '<h2></h2>'; htmlstr += "<p>" + "</p>"; htmlstr += "<ul>"; for (var i = 0; i < result.feed.entries.length; i++) { var entry = result.feed.entries[i]; htmlstr += "<li>" htmlstr += '<a href="' + entry.link + '">' + entry.title + '</a>'; var strdate = createDateString(entry.publishedDate); htmlstr += "(" + strdate + ")"; htmlstr += "</li>" } htmlstr += "</ul>"; container.innerHTML = htmlstr; }else{ alert(result.error.code + ":" + result.error.message); } } } function createDateString(publishedDate){ var pdate = new Date(publishedDate); var pday = pdate.getDate(); var pmonth = pdate.getMonth() + 1; var pyear = pdate.getFullYear(); var phour = pdate.getHours(); var pminute = pdate.getMinutes(); var psecond = pdate.getSeconds(); var strdate = + pmonth + "月" + pday + "日" + phour + "時" + pminute + "分"; return strdate; } google.setOnLoadCallback(initialize); </script>
- 締切済み
- anonymous666
- AJAX
- 回答数1
- 何丁目か選べる住所入力補助Ajax jQuery?
質問がキツキツになってしまいスミマセン。 表題で言いたかった件ですが、現在メールフォームを作っているのですが、お客様の手をなるべく煩わせないという点から、郵便番号を入れるだけで住所の一部が自動で入力されるようなフォームを作りたく四苦八苦しております。 "市区町村"までの自動入力はAjaxで簡単に出来たのですが、それでは上から貰っている要望を満たせず、郵便番号を入れた段階で、添付画像のように”～○丁目”という候補が出てきて、選択できるような作りにしたく困っております。 市区町村までの自動入力ならたくさん出てくるのですが、何丁目かまでとなると全く情報wが見つからず困っております。 色々なサイトの申し込みメールフォームを見たのですが、モビットの郵便番号入力部分が一番しっくりきました。 あのような作りが出来ればと思っております。 また、これは出来ればですがモビットのメールフォームのように住所選択後には、記入例の説明書きも変化し、番地以降を入力するだけのような仕掛けも施したいです。 HTMLやCSSのようにソースを参照して簡単に流用することも出来るのでしょうか？ 精一杯頑張りますので、どうか御力添え願います。 目標のメールフォームがあるURL ttps://pc.mobit.ne.jp/web/pc/AP002S0000.do
- クリックしたら情報を読込みたい（ajax?!）
データベースの情報をWebページに表示させています。 質問：表示された時は、情報を5つのみ表示し、■（ボタン）を押したら、次の情報が5つ読み込まれる。情報があるまでその繰り返し。 希望はボタンを押したら5つだけの情報をデータベースから読み込み。 （データ量が多いため固まってしまうので） あと、ボタンは常に一つがいいです。 例： 1 2 3 4 5 ■ ・・・・・■（ボタン）を押したら・・・・ 6 7 8 9 10 ・・・・・■（ボタン）を押したら・・・・ 11 12 13 14 15 ・・・・・■（ボタン）を押したら・・・・ 16 17 18 19 20 ...続く。 以上、ご指導よろしくお願いします。
- js、 jQuery の手直しを助けてください
js, jQuery 初心者です。下記のコードの手直しを助けて下さい このコードはページ内の複数設置されたリンクのいずれかをクリックすると 背景の画像がフェードしながら変わるというものです。 例えばリンク１を押すと背景画像１がフェードしながら呼び込まれ、 リンク２を押すと背景画像２が呼び込まれるといった感じです。 このソースコードを使うに当たって問題が２つあり、 初心者の自分では手直しできないため こちらに質問させていただきました。 問題１，Firefox 4 では作動するのに、他のブラウザではうごかない。 テスト済みブラウザ→ Chrome v.11.0, IE8, Safari 5 問題２、次画像のフェードインが、前画像のアウトの後にならないと読み込みが始まらない。 これだとフェード時に画像が一時期消える（真っ白になってしまう）時間ができてしまうので 出来れば次の画像をフェードなしでストレートに読込み、その上で前の画像をフェードアウトさせたいです。 どなたか問題解決の手直し方法をわかる方がいらっしゃいましたら ぜひ教えてください [code] <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html lang="ja"> <head><title>sample</title> <meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript">google.load("jquery","1.5.0");</script> <style type="text/css"> #wrapper { width: 100%; height:100%; background-image:url(img/img1.jpg); background-repeat:repeat;} #container{ width:1000px; height:1000px;} </style> <script type="text/javascript"> $(function(){ $("#nav a").click(function(){ var val = this.rel, layer = $("#wrapper"); layer.fadeOut(500, function(){ layer.css("backgroundImage", "url(img/"+val+".jpg)").fadeIn(500); }); }); }); </script> </head> <body> <div id="wrapper"> <div id="container"> <div id="nav"> <a href="#" id="btn1" rel="img1">background1</a> <a href="#" id="btn2" rel="img2">background2</a> <a href="#" id="btn3" rel="img3">background3</a> </div> </div> </div> </body> </html> [/code]
- Jcarousel 複数設置
http://sorgalla.com/jcarousel/の下から２番目のjCarousel and Thickbox 3についてです。 試行錯誤して何とか１つはHTMLに表示できました。 が、しかし、商品のシリーズごとに同一のHTMLに複数表示させたいのですが やり方がわかりません。 ・Aシリーズ ・Bシリーズ ・Cシリーズ みたいな感じです。 よろしくお願いします。 以下、ソースです。 // Set thickbox loading image tb_pathToImage = "images/loading-thickbox.gif"; var mycarousel_itemList = [ {url: "http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg", title: "Flower1"}, {url: "http://static.flickr.com/75/199481072_b4a0d09597_s.jpg", title: "Flower2"}, {url: "http://static.flickr.com/57/199481087_33ae73a8de_s.jpg", title: "Flower3"}, {url: "http://static.flickr.com/77/199481108_4359e6b971_s.jpg", title: "Flower4"}, {url: "http://static.flickr.com/58/199481143_3c148d9dd3_s.jpg", title: "Flower5"}, {url: "http://static.flickr.com/72/199481203_ad4cdcf109_s.jpg", title: "Flower6"}, {url: "http://static.flickr.com/58/199481218_264ce20da0_s.jpg", title: "Flower7"}, {url: "http://static.flickr.com/69/199481255_fdfe885f87_s.jpg", title: "Flower8"}, {url: "http://static.flickr.com/60/199480111_87d4cb3e38_s.jpg", title: "Flower9"}, {url: "http://static.flickr.com/70/229228324_08223b70fa_s.jpg", title: "Flower10"} ]; function mycarousel_itemLoadCallback(carousel, state) { for (var i = carousel.first; i <= carousel.last; i++) { if (carousel.has(i)) { continue; } if (i > mycarousel_itemList.length) { break; } // Create an object from HTML var item = jQuery(mycarousel_getItemHTML(mycarousel_itemList[i-1])).get(0); // Apply thickbox tb_init(item); carousel.add(i, item); } }; /** * Item html creation helper. */ function mycarousel_getItemHTML(item) { var url_m = item.url.replace(/_s.jpg/g, '_m.jpg'); return '<a href="' + url_m + '" title="' + item.title + '"><img src="' + item.url + '" width="75" height="75" border="0" alt="' + item.title + '" /></a>'; }; jQuery(document).ready(function() { jQuery('#mycarousel').jcarousel({ size: mycarousel_itemList.length, itemLoadCallback: {onBeforeAnimation: mycarousel_itemLoadCallback} }); }); </script> </head> <body> <div id="wrap"> <h1>jCarousel</h1> <h2>Riding carousels with jQuery</h2> <h3>jCarousel and Thickbox 3</h3> <p> Example of jCarousel working together with <a href="http://jquery.com/demo/thickbox/">Thickbox 3</a>. </p> <ul id="mycarousel" class="jcarousel-skin-ie7"> <!-- The content will be dynamically loaded in here --> </ul> </div>
- ベストアンサー
- e-sonesone
- AJAX
- 回答数1
- ASP.NETでTimerコントロールを使用したい
ASP.NETWebアプリケーションについての質問です。 ajaxのTimerコントロールでイベントを発生させ、画面の再描画をしようとしています。 コードは以下のような感じで、OnPreRenderイベント内で描画処理を行います。 Partial Public Class _Default Inherits System.Web.UI.Page Private str As String = "" Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load str = CStr(Date.Now) End Sub Protected Overrides Sub OnPreRender( _ ByVal e As System.EventArgs _ ) Label1.Text = str End Sub End Class Timerコントロールを配置して実行したところ、 Script controls may not be registered before PreRender. というエラーが出てしまいます。 調べてみたのですが原因がわかりません。 何かプロパティの設定などが必要なのでしょうか？ aspx のコードは以下のとおりです。 <%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Default.aspx.vb" Inherits="WebApplication5._Default" %> <%@ Register Assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" Namespace="System.Web.UI" TagPrefix="asp" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title>無題のページ</title> </head> <body> <form id="form1" runat="server"> <asp:ScriptManager ID="ScriptManager1" runat="server" ></asp:ScriptManager> <asp:Timer ID="Timer1"runat="server"></asp:Timer> <asp:Label ID="Label1" runat="server" Text="Label"></asp:Labe> l </form> </body> </html> 回答よろしくお願いいたします。
- Ajaxとjqueryの同ページでの使用について
webに詳しい方にお聞きしたいのですが、HPのトップページにajaxメール(下記URL参照） http://www.ajaxmail.jp/ というものを使わせていただいているのですが、同じトップページに、 javascript jqueryのdual slider(下記URL参照） http://www.hugoandcat.com/DualSlider/index.html を設置したところ、ajaxメールが動作しなくなってしまいました。 メールフォームは起動するのですが、ajaxメール独自の動きがなくなってしまい、困っております。 dual sliderを削除すると、ちゃんと動作するのですが、、しかたないのでしょうか？ 当方Jquery AJAXともにそこまで詳しくないので、なにか相性の問題とか、タグの設置場所でバグがおこったりするものなのか。調べて様々やってみたのですが、原因がわかりません。 わかる方いらっしゃいましたらよろしくお願いいたします！
- IEでAjax
現在、以下のソースをもとにAjaxのテストをしているのですが FireFoxだと正常に動作されますが、IE8だと無反応です。 もちろんJavaScriptは有効にしています。 この原因はどこにあるのでしょうか？ ■test.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitiona..."> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>テスト</title> <script type="text/javascript"> <!-- var ajax = new XMLHttpRequest(); function makeTable(keyword) { ajax.onload = function() { document.getElementById('layerTable').innerHTML = ajax.responseText; } ajax.open('GET', 'sample.php?keyword=' + keyword, true); ajax.send(null); } </script> </head> <body> <h1>Ajaxのテスト</h1> <form id="formMain" name="formMain" method="post" action=""> <p>キーワードを入力して、表示するボタンをクリックしてください。</p> <p> <input type="text" name="keyword" size="35"> <input name="buttonMake" type="button" id="buttonMake" value="表示する" onClick="makeTable(this.form.keyword.value)" /> </p> </form> <div id="layerTable">ここに応答が表示されます</div> </body> </html> ■sample.php <?php $keyword = $_GET['keyword']; $doc = "<b>Ajaxのテストです</b><br />"; $doc .= "キーワードは{$keyword}"; print($doc); ?>
- ベストアンサー
- like-linux
- AJAX
- 回答数1