AJAX
- Ajax.Requestで取得したHTMLソースから'href'の値を
Ajax.Requestで取得したHTMLソースから'href'の値を取得する方法について Javascriptにて取得した別ページのHTMLタグから 必要な部分のみ値を取得し、配列に格納することは可能でしょうか？ 以下Javascript ------ var url = "http://test/index.htm"; new Ajax.Request( url, { "method":"get", asynchronous:false, onComplete: function(request) { html = request.responseText; } } ); alert(html); ------ 以下"http://test/index.htm"のHTMLタグ ------ <html> <head> </head> <body> <a href='http://test/index2.htm'>index2</a> <a href='http://test/index3.htm'>index3</a> <div>index4</div> </body> </html> ------ 上記で"http://test/index.htm"のHTMLタグの全てを取得して出力することはできたのですが、 "href"の"http://test/index2.htm" "href"の"http://test/index3.htm"のみ配列に格納したいのです。 よろしくお願いいたします。
- ajax でのデータ受け渡しに関して
ajax でのデータ受け渡しに関して わかりにくい内容で申し訳ありません。 現在、ＰＨＰで作成されているプログラムの中に、ajaxを組み込みたいと考えています。 処理の動きとしては、あるプルダウンが選択された場合、すぐさまその値をもとにしてＤＢへ 検索しに行くというものです。 通常、ＰＨＰだけの処理の場合、POST等を用いて、ボタンが押されたら違うphpファイルへ値を 送る事が可能かと思われます。 その処理をajax で選択されたらすぐに検索、表示というような動きをしたいと考えて います。 但し、同じソース、画面上の中でなら、以下のような記述で表示させる事は可能かと 思われますが、HTMLで分割した画面で、上段で選択されたプルダウンの値をもとにして、検索 された結果を下段に表示させたいと考えています。 そもそも、ajaxでは同じ画面上での受け渡ししかできず、上記のように分割されたものでは 不可能なのでしょうか。。。 初歩的な内容で申し訳ありませんが、教えて頂きたいと思います。 《記述内容》 ※ 現状では以下のようなサンプル記述をもとに、自画面（同一）上では表示が可能となっています。 <script> function createXMLHttpRequest(){ if( window.XMLHttpRequest ){ return new XMLHttpRequest(); }else if( window.ActiveXObject ){ try{ return new ActiveXObject( "Msxml2.XMLHTTP" ); }catch(e){ return new ActiveXObject( "Microsoft.XMLHTTP" ); } } return null; } function getDataPost( serverURL, objID ,obj){ var ajax = createXMLHttpRequest(); ajax.open( "POST", serverURL ); ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); ajax.onreadystatechange=function(){ if(( ajax.readyState == 4 ) && ( ajax.status == 200 )){ if(objID!=""){ var obj = document.getElementById( objID ); obj.innerHTML = ajax.responseText; } } } ajax.send( obj.name+"="+obj.value ); } </script> <select name="fuga" onchange="getDataPost('hogehoge.php','hoge',this)"> <option value="">---</option> <option value="1">1</option> <option value="2">2</option> </select> <div id="hoge"></div> よろしくお願いします。
- CSSプルダウンメニューとjQueryの重なりについて
CSSプルダウンメニューとjQueryの重なりについて 下記サイト http://www.karuizawanet.com/cgi-bin/database/database.cgi?cmd=s&sc=hotel にてCSSプルダウンメニューと Simple jQuery Spy Effect（要素の自動スクロール） http://f32.aaa.livedoor.jp/~azusa/index.php?t=ajax&p=jquery_plugin_scroll を設置していますが、 CSSプルダウンメニューが 要素の自動スクロールの下に隠れてしまい 困っています。 CSSのz-indexを入れてみましたが、改善されません。 どなたかお力添えをお願いいたします。
- JQueryでのloadの動作がFirefoxで動かなくて困っています
JQueryでのloadの動作がFirefoxで動かなくて困っています。 サイトのheaderとfooterを外部htmlにして、JQueryのloadで呼び出し指定のdivに出力するようにしたいのですが、IEでは上手くいきましたが、FFでは全く動きません。 $(document).ready(function(){ $("#header").load("../js/header.html #header"); $("#footer").load("../js/footer.html #footer"); });
- パラメータとhtmlの再描写の関係について
パラメータとhtmlの再描写の関係について 現在、jqueryを使って、getによるリクエストを送信し、コールバック関数でHTMLの再描写を行っているのですが、html()ではなく、replaceなどで一部書き換えると、サーバー側にパラメータが伝わらず困っております。 具体的には、 var url = BASE_URL + "?action=true&user_id="+user_id+"&view_day="+view_day+"&time="+noCache; のように変数view_day等をサーバー側に送るようにし（noCacheはダミー変数）、 そのコールバック関数で、 $("#contents").html(obj.data); とすると、htmlは書き換えられ、サーバー側（php）でも、目的のview_dayの値が取ることができ、うまくいきます。 しかし、 $( 'div#main div#info-container' ) . replaceWith( $('div#main div#info-container',$(obj.data)) ); のようにコールバック関数の引数(obj)を使って、一部を書き換えようとすると、 パラメータとしてview_dayには変化があっても、サーバー側ではその変化した値をとってくれません。 firebugなどではview_dayは3を送っていることが確認できても、html()を使ってhtmlを再描写しない限りは、3を受け取らず、その前に受け取った2のままになってしまったりして、思ったような動作をしてくれません。 僕としては、 firebugで確認しても、正しいパラメータが送られ、ちゃんとリクエストが発行されているのだから、サーバー側でその値は受け取れるはず と考えているのですが、この際にhtmlの描写は関係してくるのでしょうか？ できれば、描写に関係なく、パラメータを送れば、そのパラメータがサーバー側で受け取れるようにしたいのですが、なかなかよい方法が見つからないので、ご教授いただけますと嬉しく思います。 よろしくお願い致します。
- シェルのdfコマンドで、ディスク使用率の部分を抜き出し、例えば80%を
シェルのdfコマンドで、ディスク使用率の部分を抜き出し、例えば80%を越えているものだけを表示させるにはどうすればよいのでしょうか？ dfコマンドを実行すると ** ** ** 70% ** … というように表示されるのでawk文等で抜き出して数値化すればよいのでしょうか？ よろしくお願いします。
- ベストアンサー
- stickright
- AJAX
- 回答数1
- jQueryで複数あるUL要素の最後のLI要素以外を処理したい
jQueryで複数あるUL要素の最後のLI要素以外を処理したい 現在、HTMLを <ul> <li>foo</li> <li>bar</li> <li>com</li> </ul> <ul> <li>foo</li> <li>bar</li> <li>com</li>（※） </ul> 上記のように記述しています。 今回、jQueryを使い、2カ所あるUL要素の最後のLI要素以外を処理したいと思い、 $(function(){ $("ul li:not(:last)").css("～","～"); }); 以上のようにjQueryを記述したところ、1カ所目の最後のLI要素は無視されCSSが追加されてしまいました。 1カ所目・2カ所目とも同じように処理するにはどうしたら良いでしょうか？ ご指導・ご鞭撻のほど、よろしくお願いします。
- IE、Ajaxのキャッシュで悩んでます
IE、Ajaxのキャッシュで悩んでます 「IEでAjaxリクエストをキャッシュさせない方法」 何かを参考にすることも考えましたが そもそもの解決になってないと言うか・・ IEで閲覧履歴の削除等で すべて消したはずでもまだ表示が前回のデータになってしまう・・・ そもそもAjaxのキャッシュってどこですか？ どこのデータを見てるんですか？
- ベストアンサー
- re_shigotonin
- AJAX
- 回答数3
- jQueryにて現在表示しているURLにあわせてCSSを追加する方法を
jQueryにて現在表示しているURLにあわせてCSSを追加する方法を教えてください。 現在、HTMLを <ul id="#menu"> <li id="#menu_home"><a href="/index.html">HOME</a></li> <li id="#menu_1"><a href="menu_1/foo.html">MENU_1</a></li> <li id="#menu_2"><a href="menu_2/bar.html">MENU_2</a></li> <li id="#menu_3"><a href="menu_3/com.html">MENU_3</a></li> </ul> のように組んでいます。 ローカルホスト上で開発テストしているので、URLは「http://localhost/～」となります。 現在表示しているURLにあわせて、たとえば、HOMEを表示している際には、 <li id="#menu_home"><a href="/index.html" class="active">HOME</a></li> のようにCSSクラスをjQueryにて実現する方法を探しています。 JavaScriptで実現する方法はあるようなのですが、jQueryで実現できないかと試行錯誤しているものの、うまく行きません。 できる限りシンプルにしたいためjQueryやAjaxのプラグインは避けたいです。 どなたかお知恵を拝借できないでしょうか？ 何卒よろしくお願いします。
- 初歩的な質問なんですが、jqueryの .load( url +セレク
初歩的な質問なんですが、jqueryの .load( url +セレクタ ) メソッドで同じドメインの外部ファイルを読み込む際のURLを変数で扱う方法はありませんか？
- javascript mootools BarackSlideshow
javascript mootools BarackSlideshowで、画像をクリックした際に指定のページにページ遷移させる方法を教えてください。 http://www.syboos.jp/opensource/bookmark/detail/barackslideshow.html こちらのスライドショーJavascriptを使いたいと考えています。メニューテキストをクリックすると画像が入れ変わるスクリプトです。 こちらのスクリプトでスライド画像をクリックした際に指定のURLにページ遷移させる方法があればご教授いただきたいです。 賢い方、ぜひとも宜しくお願いします！
- jqueryについて（v 1.4.2）
jqueryについて（v 1.4.2） <script type="text/javascript"> $(function() { $("h1").append('<em></em>') $(".thumbs a").click(function() { var largePath = $(this).attr("href"); var largeAlt = $(this).attr("title"); $(".largeImage").attr({ src: largePath, alt: largeAlt }); $("h1 em").html(" (" + largeAlt + ")"); return false; }); }); </script> 【html↓】 <div> <h1>ギャラリータイトル</h1> <p class="thumbs"> <a href="images/img2-lg.jpg" title="タイトル 2"> <img src="images/img2-thumb.jpg" /> </a> <a href="images/img3-lg.jpg" title="タイトル 3"> <img src="images/img3-thumb.jpg" /> </a> <a href="images/img4-lg.jpg" title="タイトル 4"> <img src="images/img4-thumb.jpg" /> </a> <a href="images/img5-lg.jpg" title="タイトル 5"> <img src="images/img5-thumb.jpg" /> </a> <a href="images/img6-lg.jpg" title="タイトル 6"> <img src="images/img6-thumb.jpg" /> </a> </p> <p><img class="largeImage" src="images/img1-lg.jpg" alt="タイトル 1" /></p> </div> 上記と同じ構造のdivが他にもいくつかあるのですが、個々のdiv全てに同じようにjqueryを 適用したいと思っています。 .each()を使ってみたのですが、.thumbsのaをクリックすると全てのdivの.largeImageが 反応してしまいます。 .click()の前に.each()を記述した場合も、後に記述した場合もうまくいきません。 個々のdivに適用するにはどうすればいいのでしょうか。 .each()を使う事自体が間違っているのでしょうか。 初心者なので分かりやすく教えていただければ幸いです。
- jqueryのgetでJSPを呼び出したい
jqueryのgetでJSPを呼び出したい 呼び出し元のhtmlファイル $(document).ready(function(){ $("#btn").click(function(){ $.get("aaa.jsp?test=200", function(data){alert("Data Loaded: " + data);}); }); }); 呼び出すjspファイル <%=request.getParameter("test")%> としてテストしたのですが、ボタンを押しても反応がありません。 (通常のテキストファイルだとうまくいきます) jqueryからjspを呼び出すにはなにか設定が必要なのでしようか?
- 下記サイトのメニューをフラッシュを使わずに
下記サイトのメニューをフラッシュを使わずに jqueryなどで、できますでしょうか？ お願いします。 http://www.qualt-graph.com/
- jQueryのアコーディオンメニュー 開閉の制御
jQueryのアコーディオンメニュー 開閉の制御 こちらの「jQueryでアコーディオンメニューを作成する」の記事を参考にして （http://triplexxx.jp/archives/150） アコーディオンメニューを設置しました。 ページ遷移後でも、常に一番目のメニューが開いている状態なので、 選択しているページのメニューだけを開いている状態にしたいのですが どの部分を変更したらよいでしょうか？ javascriptの if(index > 0) $this.next().hide(); の部分が開閉の指示をしている箇所かなと思うのですが 新しいコードを書ける知識がないので、教えてください。 よろしくお願いします。 html ---------------------- <ul class="acc"> <li><a href="1">category1</a> <ul class="fxmn"> <li><a href="11">menu 1-1</a></li> <li><a href="12">menu 1-2</a></li> <li><a href="13">menu 1-3</a></li> </ul> </li> <li><a href="2">category2</a> <ul class="fxmn"> <li><a href="21">menu 2-1</a></li> <li><a href="22">menu 2-2</a></li> <li><a href="23">menu 2-3</a></li> <li><a href="24">menu 2-4</a></li> </ul> </li> <li><a href="3">category3</a> <ul class="fxmn"> <li><a href="31">menu 3-1</a></li> <li><a href="32">menu 3-2</a></li> <li><a href="33">menu 3-3</a></li> <li><a href="34">menu 3-4</a></li> <li><a href="35">menu 3-5</a></li> </ul> </li> </ul> ---------------------- css ---------------------- ul.acc, ul.acc li ul { margin: 0; padding: 0; list-style: none; } ul.acc a{ display: block; height: 30px; line-height: 30px; color: #feffff; } ul.acc { background-color: #185AAC; } ul.acc li ul { background-color: #A6B5E2; } ---------------------- javascript ---------------------- var j$ = jQuery; j$(function(){ j$(".acc").each(function(){ j$("li > a", this).each(function(index){ var $this = j$(this); if(index > 0) $this.next().hide(); $this.click(function(){ var params = {height:"toggle", opacity:"toggle"}; j$(this).next().animate(params).parent().siblings() .children("ul:visible").animate(params); }); }); }); }); ----------------------
- Ajaxzip2がChromeとIEで作動しない
Ajaxzip2がChromeとIEで作動しない フォーム作成に当たり、住所自動入力フォームajaxzip2があることを知り、 早速使ってみることにしました。 Firefox、Opera、Safariでは作動するのですが、ChromeとIEではまったく作動しません。 ソース等はhttp://www.kawa.net/works/ajax/ajaxzip2/ajaxzip2.htmlこちらのものと まったく同じです。 さまざまなクライアント環境にも対応するようにしたいのですが、どなたかお分かりに なる方がいらっしゃいましたら、ご教示ください。よろしくお願いします。
- JavaScript側でのXML作成の方法
JavaScript側でのXML作成の方法 Ajax開発の経験は始めてなので勝手がわかっていないのですが やりたい事はサーバー側からXMLデータを取得して JavaScript側でXMLを編集してサーバーに書き戻すような事がしたいのです。 このような場合、DOMツリーをXMLファイルにシリアライズするには IEだとActiveXObject("Microsoft.XMLDOM")、FireFoxだとXMLSerializer()を使うと いったようにブラウザごとに処理を分けねばなりません。 これは面倒なのであまりやりたくありません。 あとはベタなテキストとして var xml = "<?xml version='1.0' encoding='utf-8'?>" + "<root><element>test</element></root>" と書いていくくらいしか思いつかないのですが ブラウザ間ごとの違いを吸収してくれる XML編集用の便利なJavaScriptライブラリなどは存在したりするものでしょうか？ (jQueryなどがそうのような機能を内包してたりする？) 少し調べてみた限りでは無さそうに感じたのですが 処理としてはよくありそうな事なのでお聞きしてみました。
- 締切済み
- nisecuroro
- AJAX
- 回答数3
- jQueryのloadメソッドは外部XMLは読み込めないのでしょうか？
jQueryのloadメソッドは外部XMLは読み込めないのでしょうか？ タグが<aaa></aaa>となっているところの文字を抽出したいのですが外部にあるXMLは読み込めないものでしょうか？ $("#my1").load( "http://server.com/hoge.xml .aaa" ); テキストファイルでタグを書くと読み込みが出来るのですが、なぜかXMLにするとうんともすんとも動きません
- HTMLからHTMLへ「データを送りつけ表示させる」といったことは可能
HTMLからHTMLへ「データを送りつけ表示させる」といったことは可能でしょうか？ うまく表現が出来ないのですが・・・ご理解いただけるとうれしいです。 私がWEBサーバ２台を管理しています。 A：http://hogehogehoge.net/AAA.html B：http://pogepogepoge.net/BBB.html Aのページは動的にjQueryなどを使ったページです。 Bは生粋のHTMLです。このサーバには出来ればライブラリなどは入れたくありません。 変更するとしたらHTMLページのソースだけという条件にさせてください。 AAA.ｈｔｍｌのタグ内のデータが変わったらBBB.ｈｔｍｌの<div>タグ内にデータを送りつけて表示させるなんて方法は出来ないものでしょうか？
- Ajax.Updaterをクロスドメインで使用する方法
Ajax.Updaterをクロスドメインで使用する方法 携帯から失礼します。 Ajax.Updaterをクロスドメインで使用する事は可能でしょうか？ JSONPを使用すれば可能とのページはいくつかあったのですが、具体的にはどのようにすればよいのか分かりません。 動的にscriptタグを作成し、srcに表示したいurlを書いて取得する所まではできました。 この後の処理方法についてご教受願います。