回答数
気になる
-
cpick.jsでコールバック関数を使いたい
http://www.html5.jp/library/cpick.html にあるcpick.jsを使用して $(function(){ function hoge(){ alert('hoge'); } }); 上記のようなhoge()を実行させたいのですが、 やり方が分からず困っております。 http://d.hatena.ne.jp/tohokuaiki/20101122/1290427583 ↑こちらも参考にしたのですが、素のfunctionは動作しましたが、 jquery内のfunctionを呼ぶ方法が分かりませんでした。 どなたかご教授ください。
質問日時: 2012/07/11 16:15 質問者: hunter_999
解決済
1
0
-
ajax&php post 一部更新
http://oshiete.goo.ne.jp/qa/7574571.html でもご質問させていただきましたが、ajaxを使用してphpファイルに記述のあるmysql insert文でデータベースの登録はできました。 bbs.php <table class="commentlist"> <!-- bbs.inc.phpファイルという別ファイルでfor文で一覧を出している。 --> </table> <!-- ここからがコメントの入力 --> <form method="post"> <input type="text" name="comment" id="comment" value="" /> <input type="button" name="save" id="save" value="投稿" /> </form> $("#save").click(function(){ var p = $("#comment").val(); $("#comment").val(""); $.post( "bbs.php", { request:p, success: (ここがわからない。)}); }); としたときにフォームでpostしたときにページ全体にリロードではなくclass="commentlist"の一覧のみリロードしたいのですが、どうもできません。 どなたかご教示お願いします。 (bbs.inc.phpはソース内には残したくないです。)
質問日時: 2012/07/09 22:01 質問者: h-h13
解決済
2
0
-
dropkick.jsを利用したとき、IEでの動き
dropkick.jsを利用して セレクトボックスを美しくデザインしたいんですが http://github.com/jamielottering IEでは、プルダウンのスクロールバーを 掴むことができません とても不便です。 どこをイジれば 修正できますでしょうか?? それと、ダウロードしたフォルダには ライセンスと言ったファイルがあったんですが これはUPロードする必要はありますか? どう利用すれば??
質問日時: 2012/07/05 15:11 質問者: re_shigotonin
解決済
1
0
-
jQuery 複雑なswitch文を作りたい
jQueryの処理を高速にするため、スクリプトを現在、見直しています。 すみませんが、またまた質問させてください。 HTML側にふられている変数(var page;)の値を取得し その変数によって、bodyに別々のclassを追加したいと思っています。 HTMLは数ページあり、それぞれ異なる値です。 $(function(){ if(page.indexOf("あああ")!=-1){ $("body").addClass("aaa"); }else if(page.indexOf("かかか")!=-1){ $("body").addClass("kkk"); }else if(page.indexOf("さささ")!=-1){ $("body").addClass("sss"); } }); 上記のようにやっているのですが、 if文より、switch文でやったら早いかなぁと思いいろいろ試しています。 ですが、indexOfで取得しているように、var pageで取得したい文字は一部分なのです。 ↓こんな感じです。 var page = "あああいいい"; var page = "かかかききき"; var page = "さささししし"; なので、switch文のcaseに置く定数式に、ぴったり当てはまる文字列ではないのです。 以下の例は3つの条件ですが、 実際は10ページ近くあるので、それをすべてif文で書くのはスマートでない気がします。 そもそも、こういった場合はif文を使うしかないのでしょうか? switch文でなくても、他のやり方でも、 何か早く処理できる方法がありましたら教えてください。 宜しくお願いいたします。
質問日時: 2012/07/03 11:26 質問者: mc0816
ベストアンサー
1
0
-
ベストアンサー
1
0
-
Ajaxで画像の削除
Ajaxで画像を削除しようといろいろ試行錯誤しているのですが、 最終的なところで詰まっています。 $(function(){ $("input:button").click(function(){ //クリックされた画像のidを取得 var id = $(this).attr("id"); alert(id); //削除ボタンの無効化 $(this).attr("disabled",true); //idをサーバに送信(PHP側で削除処理)して結果を受け取る $.ajax({ url : "/test/delete_image", dataType : "json", data : {id:id}, type : "post", success : function(data){ if(data.id){ alert(data.id); $("#tblh img#image"+data.id).attr("src","/images/noimage.gif"); } }, error : function(){ alert("通信に失敗しました。"); } }); }); }); codeigniterというフレームワークを利用しPHP側では画像をディレクトリから削除しています。(こちらの動作は問題なし) <?php class Delete_image extends CI_Controller { function __construct(){ // Model クラスのコンストラクタを呼び出す parent::__construct(); $this->load->model('array_constant'); $this->load->helper(array('form', 'url')); $this->load->library('form_validation'); $this->load->library('form_ex'); } function index(){ if(!$this->input->post("id")){ return false; }else{ //画像の削除とDBの画像名称を更新 $arr=array('id' => $this->input->post("id")); } echo json_encode($arr); } } としています。 画像の削除とDBの画像名称は更新されてるのでPHP側は問題ないようです。 jsonの値を受け取って画像を置き換えようとしているのですが、エラー側のほうに 判断されてしまいます。「alert("通信に失敗しました。");」となります。 なぜか分からず困っています。 教えてください。
質問日時: 2012/06/21 22:29 質問者: eccschool
ベストアンサー
5
0
-
Ajaxで画像の削除
tableで一覧に画像が20個あります。 画像の横に「削除」ボタンがあります。 それぞれにidが振ってあり、そのボタンを押すと該当の画像が削除されて、 noimage.jpgに切り替えたいです。 PHPの部分で画像の削除の処理はできているのですが、 Ajaxの部分がよくわかりません。(パラメータの受け渡し、画像の戻し方) 詳しい方、教えていただけるでしょうか。 よろしくお願いいたします。
質問日時: 2012/06/20 20:40 質問者: eccschool
ベストアンサー
3
0
-
AjaxでXMLHttpRequestのローカル鯖
Ajaxで使用するXMLHttpRequestをローカルサーバーで構築したいと考えています。 比較的簡単にできメジャーな方法を 教えてください。 下記サイトのサンプルなどを試したいと考えています。 AjaxTower Ajax入門 http://www.ajaxtower.jp/ini/ Ajaxを勉強しよう http://www.openspc2.org/JavaScript/Ajax/Ajax_study/
質問日時: 2012/06/05 17:41 質問者: synchro-night
ベストアンサー
2
0
-
ajaxを使ったページがSEOで不利にならない方法
検索エンジンは、ajaxが使われたコンテンツを動的に取得できないためSEOで不利になってしまいます。その対策についてアドバイスをいただきたいです。 http://support.google.com/webmasters/bin/answer.py?hl=ja&answer=174992 では、ajaxが使われたページ限定でそのURLに#!を入れるか、<head>内に<meta name="fragment" content="!">を入れるだけで解決します、と書いてあります。 mein.htmlがあって、メインのコンテンツはcontents.phpにまとまっています。 contents.phpを検索エンジンによくみてもらいたいです。 urlに#!という文字を入れたくないので、後者の方を使おうと思っていますが、 mein.htmlの<head>に<meta name="fragment" content="!">を入れて、 contents.phpには入れない。↓のような感じでいいということですか? <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-Script-Type" content="text/javascript" /> <meta name="fragment" content="!" />←「 /をつける」 <title></title> </head> <body> <p onclick="send()">コンテンツの取得</p> <div id="ajaxcontents"></div> <script type="text/javascript"> function send(){ xmlhttpreq = ~~~; xmlhttpreq.onreadystatechange = function (){ if (change.readyState == 4 && change.status == 200) { var con = xmlhttpreq.responseText; document.getElementById("ajaxcontents").innerHTML = con; } }; xmlhttpreq.open("GET", "contents.php?get=", true); xmlhttpreq.send(null); } </script> </body> </html>
質問日時: 2012/06/04 00:38 質問者: juju-juju
ベストアンサー
3
0
-
ソースコードに読み込み側phpの結果を表示させたい
http://itpro.nikkeibp.co.jp/article/COLUMN/20060525/239029/?ST=develop このページではajaxを使ってhtmlファイルにphpファイルを読み込ませるサンプルが紹介されていますが、このサンプルを実際にブラウザで表示した後にctrl+Uで開くソースコードでは↓のようになっています。 <body> <form name="fm"> ISBNコード: <input type="text" name="isbn" size="30" /> <input type="button" value="送信" onclick="send()" /> <div id="result"></div> </form> </body> 読み込み側のphpファイルの内容も↓のようにソースコードに表示させたいです。 <body> <form name="fm"> ISBNコード: <input type="text" name="isbn" size="30" />4-7981-1070-1 <input type="button" value="送信" onclick="send()" /> <div id="result">XMLデータベース入門 NeoCore/XprioriでXMLDBを極める!</div> </form> </body>
質問日時: 2012/06/03 17:35 質問者: juju-juju
ベストアンサー
1
0
-
ajaxでページ全体がコピーされてしまいます。
http://itpro.nikkeibp.co.jp/article/COLUMN/20060525/239029/?ST=develop こちらの記事のサンプルをコピーして試してみたのですが、画像添付のようにページ全体のコピー?が追加されてしまいます。なぜ記事通りにいかず、このような結果になってしまうのでしょうか。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>書籍検索</title> <script language="JavaScript"> <!-- // [送信]ボタンをクリック時の処理を定義 function send() { // 非同期通信を行うためのXMLHttpRequestオブジェクトを生成 try { xmlReq = new ActiveXObject("Microsoft.XMLHTTP"); } catch(e) { xmlReq = new XMLHttpRequest(); } // サーバーからの応答時の処理を定義(結果のページへの反映) xmlReq.onreadystatechange = function() { var msg = document.getElementById("result"); if (xmlReq.readyState == 4) { if (xmlReq.status == 200) { msg.innerHTML = xmlReq.responseText; } else { msg.innerHTML = "通信に失敗しました。"; } } else { msg.innerHTML = "通信中…"; } } // サーバーとの通信を開始 xmlReq.open("GET","2.php?isbn=" + encodeURI(document.fm.isbn.value),true); xmlReq.send(null); } //--> </script> </head> <body> <form name="fm"> ISBNコード: <input type="text" name="isbn" size="30" /> <input type="button" value="送信" onclick="send()" /> <div id="result" /> </form> <?php // 出力/内部文字コードをUTF-8に設定 mb_http_output('UTF-8'); mb_internal_encoding('UTF-8'); /* 入力されたISBNコードをキーに対応する書名($result)を取得。 通常のアプリケーションでは、ここでデータベースへの検索処理などを行う */ switch($_GET['isbn']){ case '4-7981-1070-1' : $result='XMLデータベース入門 NeoCore/XprioriでXMLDBを極める!'; break; case '4-88337-491-2' : $result='書き込み式 SQLのドリル?ドンドン身に付く、スラスラ書ける'; break; case '4-7980-1270-X' : $result='Pocket詳解PHP辞典'; break; default : $result='不明'; } sleep(3); // 3秒休止(待ち時間を体感するためのダミー) print($result); // 取得した結果を出力 ?> </body> </html>
質問日時: 2012/05/29 22:51 質問者: juju-juju
ベストアンサー
2
0
-
ajax後、php,mysqlも一部再読み込み?
通常は一部でも変更が加わるとページの全てを再読み込みしますが、ajaxを利用すると、変更を加えた部分だけが再読み込みされるところまでは理解しています。 分からないところは、各プログラムへの動作がajaxを使った後の場合と通常の場合ではどのように違うのかです。 下記のような考え方で正しいですか?説明が下手で読みにくく申し訳ないですが、アドバイスをいただけたら嬉しいです。お願いします。 ■htmlは、実行を起こした部分を含めその子要素全てが再読み込みの対象に。 例えば、↓の<div#ajax>~</div>この間にある子要素の全てが再読み込みされる。それ以外のhtmlやcssは再読み込みされない。 ■cssは、htmlと同じで、その部分で使われているcssが対象。 ■javascriptは、ajaxの場合と通常の場合で違いはなく、常に全てが再読み込みされる(外部ファイル、記述の位置に関係なく)。 ■jquery、php、mysqlも、javascriptと同じで何一つ変わりなく通常通りに動く。 <?php ・includeで外部ファイルを取得 ・様々な処理 ・mysqlに接続して様々な処理 ?> <html> <head> <script type="text/javascript" src="外部ファイルでajaxを記述"></script> <title></title> </head> <body> <?php ・様々な処理 ?> <div id="main"> <div id="a"> <dl>~</dl> </div> <div id="ajax" onclick="ajaxの処理へ"> <table>~</table> <ul>~</ul> その他様々な処理 </div> <p>~</p> <img src=""> </div> <script type="text/javascript"> </script> </body> </html>
質問日時: 2012/05/28 23:22 質問者: juju-juju
ベストアンサー
1
0
-
スマフォ向けサイトでナビマップは作成可能ですか?
最初にお店付近を表示させておいて、 ボタンをタップで、現在地からの道順ナビが HTML上に表示される形が理想です。 上記をjquery mobileを使わずに、 HTML5のみで作成ってできますか? 無理な場合、jquery mobileを使えば作成できますか?
質問日時: 2012/05/11 05:14 質問者: egtomo
解決済
1
0
-
ローカルネットワーク内での502エラー
お世話になります。 現在、php等でwebシステムを作成しております。 ローカルネットワーク内にサーバをたて、そこに接続して開発を行っているのですが、javascript処理やAjax処理を多数使用しているページを何回か読み込むと、cssが崩れ、Ajax関連のレスポンスがないといったエラーが頻発していしまいます。 Fiddlerでエラーを確認してみたのですが、502エラーとなっており、画像読み込み時のでエラーが多いようです。 また、直接関係するかどうかはわからないのですが、「通常、各ソケット アドレスに対してプロトコル、ネットワーク アドレス、またはポートのどれか 1 つのみを使用できます。」といったエラーが出力されていました。 開発環境は以下の通りです。 Centos5.5 apche2.2.3 PHP5.3.5 考えられることは調べてみたのですが、手詰まりしていました。 対応策等おわかりの方がいらっしゃいましたら、ご教授の程をお願いしたいと思います。 お手数おかけ致しますが、宜しくお願い致します。
質問日時: 2012/05/09 15:35 質問者: yamada-tarou
ベストアンサー
3
0
-
SexyLightbox(jquery)について
http://code.google.com/p/company-project/source/browse/trunk/css/sexylightbox.v2.3.jquery.js?r=4 上記のSexyLightboxというプラグインを AJAXで読み込んだ先で使用したいと思っているのですが、 普通に画像リンクに飛んでしまい、うまくいきません。 どなたかご教授いただければと思います。 よろしくお願いいたします。
質問日時: 2012/05/07 17:16 質問者: hunter_999
解決済
1
0
-
eval、$.eachで順番が入れ替わるのはなぜ?
JSONデータをeval後、$.each(jQuery)を通すと、 順番が入れ変わってしまうのですが、どういう原因が想定されるでしょうか? <JSON> data: { "5":{"id":"5","name":"5","menu1":"24"}, "9":{"id":"9","name":"9","menu1":"12"} "1":{"id":"1","name":"1","menu1":"4"}, "2":{"id":"2","name":"2","menu1":"2"}, } ※「menu1」降順で予めソート <コード> $.get("data.php?"+○○, function(data){ var list = eval( '(' + data + ')' ); $.each(list,function(i) { 上記コードを通すと、 Chromeで見た際、データがid順に並び変わります。 (FireFoxだと、元の順番通りです) <質問> 「eval」もしくは「$.each」を利用すると、 データの順番が入れ替わることがあるのでしょうか? 入れ替わらないためには、どうすれば良いのでしょうか?
質問日時: 2012/04/19 04:18 質問者: re999
ベストアンサー
1
0
-
Ajax・jQueryでGET時にIEで文字化け
Ajax・jQueryで日本語をGETするとき、IEで文字化けします。 (Firefox,chromeでは文字化けは起こりません。IE6/7/8で確認すると文字化けします) どのようにしたら文字化けが起こらなくなるか教えていただければと思います。 環境 PHP:5.1.6 サーバー・HTMLの文字コードはUTF-8 下記のようなリンクを作り、「jquery.url.js」でパラメータを取得しています。 <a href="./test.php?keyword=テスト&cate=1"> (実際には下記のソースに示しますが、テストの文字はurlencordしています。) 【javascript部分】 <script type="text/javascript" src="jquery.url.js"></script> <script type="text/javascript"> $().ready ( function() { $('#sample-get').find('a').click ( function() { var url = $.url ( $(this).attr('href') ); $.ajax ({ type: 'GET', url: 'send.php', cache: false, data: url.attr ( 'query' ), success: function ( data, dataType ) { $('#test').html ( data ); }, error: function ( XMLHttpRequest, textStatus, errorThrown ) { this; alert('Error : ' + errorThrown); } }); return false; }); 【HTML(PHP)部分】 $keyword='テスト'; $keyword=urlencord($keyword);//urlエンコード echo<<<EOF <div id="sample-get"> <a href="./test.php?keyword=$keyword&cate=1"><img src="images/sample1.png" alt="sample1" height="200" width="200"></a> </div> EOF; 【PHP部分(send.php)】 <?php echo $_GET['keyword']; echo urldecord($_GET['keyword']); echo $_GET['cate']; ?>
質問日時: 2012/04/17 13:59 質問者: hpmt28
ベストアンサー
1
0
-
Ajax・jQueryでGETとPOSTする方法
画像をクリックしたときにjQuery,Ajaxを利用してGET/POSTをしたいです。 POSTとGETは良く使うので今回両方の流れを知りたいと思います。 PHPではPOST、GETは使うことができます。javascript,jQueryはちょっと触ったことのある程度です。 フォームに値を入力してjQueryとAjaxでPOSTでデータを送るのは下記ホームページを参考にしてみたら成功しました。 http://webcake.no003.info/webdesign/jquery-ajax-php-post-sample.html 今回は下記のような複数のパラメータを送信したいと思います。 画像Aをクリックした時にkeyword=aaaa,cate=1 画像Bをクリックした時にkeyword=bbbb,cate=2 画像Cをクリックした時にkeyword=cccc,cate=3 今までPHPでGETを使っていた時のHTML部分です↓ <a href="index.php?keyword=aaaa&cate=1"><img src="images/a.jpg"></a> <a href="index.php?keyword=bbbb&cate=2"><img src="images/b.jpg"></a> <a href="index.php?keyword=cccc&cate=3"><img src="images/c.jpg"></a> 「send.phpファイル」 <?php //POSTでデータが送られた場合 echo $_POST['keyword'].'<br>'; echo $_POST['cate'].'<br>'; //GETでデータが送られた場合 echo $_GET['keyword'].'<br>'; echo $_GET['cate'].'<br>'; ?> ==GET================================================================ (HTML部分) <a href="index.php?keyword=aaaa&cate=1"><img src="images/a.jpg"></a> の記載方法だと、クリックしたときにアドレスバーにアドレスが入力されるのでページが切り替わってしまいAjaxにならないので違う形にする必要があると思いますがどのようにkeyword,cateのパラメータを持たせればよいのでしょうか? または、この形のままで良く、リンクした時にページが飛ばないような処理方法があるのでしょうか?(またはAjaxではあまりGETは使わないのでしょうか?) 上記に記載した、POSTの参考例のソースを記載します。 GETの場合にどのように変えたらよいのでしょうか。 $(document).ready(function() { var data = {request : $('#request').val()};//GETで複数値対応に書き換えが必要。 $.ajax({ type: "GET", url: "send.php", data: data, success: function(data, dataType) { $( '#test' ) . html( data ); },error: function(XMLHttpRequest, textStatus, errorThrown) { this; alert('Error : ' + errorThrown); } }); }); ==POST================================================================ (HTML部分) formを使う形になると思いますが、どのような書き方が良いのか教えて下さい。 画像を使うと下記のようになるとは思いますが、A,B,Cそれぞれにkeyword,cateの情報をどのように持たせておいたらよいのかがわかりません。 <form> <button type="submit" name="" value="*****"><img src="sample.gif"></button> </form> (jQuery部分) $(document).ready(function() { var data = {request : $('#request').val()};//POSTで複数値対応に書き換えが必要。 $.ajax({ type: "POST", url: "send.php", data: data, success: function(data, dataType) { $( '#test' ) . html( data ); },error: function(XMLHttpRequest, textStatus, errorThrown) { this; alert('Error : ' + errorThrown); } }); }); 以上、よろしくお願い致します。
質問日時: 2012/04/16 02:50 質問者: hpmt28
ベストアンサー
1
0
-
jQueryでリアルタイム更新をしたいです
Twitterのクライアントを自作しています。 リアルタイム更新をjQueryで行いたいのですが、あまり参考になるサイトがなく困っています。 「ここを見れば簡単にできる方法載ってるよ」または「こういう方法があるよ」というのがあれば是非教えて下さい。 よろしくお願いいたします。
質問日時: 2012/03/31 14:01 質問者: ztb2
解決済
4
0
-
apacheをローカル使用時ステータスコード0に?
Windowsでapacheサーバーをローカル内だけで利用する場合、 XMLHttpRequest()でステータスコードは必ず0になるのでしょうか。 0にならない方法はないのでしょうか。
質問日時: 2012/03/17 11:45 質問者: kiseki777
ベストアンサー
1
0
-
jqueryで画像を切り替えたい
以下ソースがあります。 ●main.js $(function(){ jQuery.ajax({ url : "./news.txt", type : "get", success : function(data){ alert(data); } }); }); ●news.txt test と記述しています。 ●index.html <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <title>jQuery Sample</title> <script type="text/javascript" src="jquery-1.7.1.min.js"></script> <script type="text/javascript" src="main.js"></script> </head> <body> <h1>jQueryサンプル</h1> <p>非同期通信の処理</p> </body> </html> この三つのファイルを同じ階層に置き、index.htmlで実行したところ 非同期通信(testのアラート)が表示されました。 そこで、 index.htmlファイルの左側にメニューを設けて、 メニューをクリックすると、画像のみが切り替わるという 内容で、jqueryによるajax実装を行いたいのです。 (左のメニュー1がクリックされれば、リンゴの画像。 メニュー2がクリックされれば、みかんの画像等) ulタグと、jquery関数にどういう仕掛けを入れると 果物画像の入れ替えが行えるでしょうか。 ご教授お願いします。
質問日時: 2012/03/15 23:44 質問者: kureakai
ベストアンサー
1
0
-
readyStateが4にならない原因
apache2でAjaxの試しとして下記スクリプトだけのhtmlファイル(http://localhost/newfile.html)を 作り動作を確認してみました(空白部分は全角になっています)。すると最後の部分の alert("Error: readyState code is " + request.readyState);で 2→アラートのOKを押す→一瞬1になり3→アラートのOKを押す→一瞬1になり0→アラートのOKを押すと1になりました。そしてコンソールには ------------------------------------------------ GET http://localhost/a.php 200 OK 60ms Component returned failure code: 0x80004005 (NS_ERROR_FAILURE) request.send(url); ------------------------------------------------ といったエラー表示がでてしまいます。 また、request.openで渡すURLの「http://localhost/a.php」を「a.php」にすると、 一瞬1になり2→アラートのOKを押す→一瞬1になり0→アラートのOKを押すと1 になります。なぜ4にならないのでしょうか。 request.statusは全部0になっているようです。 <script language="javascript" type="text/javascript"> var request = false; try { request = new XMLHttpRequest(); } catch (trymicrosoft) { try { request = new ActiveXObject("Msxml2.XMLHTTP"); } catch (othermicrosoft) { try { request = new ActiveXObject("Microsoft.XMLHTTP"); } catch (failed) { request = false; } } } if (!request) alert("Error initializing XMLHttpRequest!"); window.onload = getCustomerInfo; function getCustomerInfo() { var url = "test"; request.open("GET", "http://localhost/a.php", true); request.onreadystatechange = updatePage; request.send(url); } function updatePage() { if (request.readyState == 4){ if(request.status == 200){ var response = request.responseText; document.write(response); }else if (request.status == 404){ alert("Request URL does not exist"); }else{ alert("Error: status code is " + request.status); } }else{ alert("Error: readyState code is " + request.readyState); } } </script>
質問日時: 2012/03/13 21:33 質問者: kiseki777
ベストアンサー
1
0
-
jqueryで読み込みが終わった画像から処理する
現在、下記のコードで画像を読み込んで処理をしているのですが、 画像の読み込みを待たずに、画像のリサイズ処理が実行されて画像が表示されない 現象に陥りました。 読み込みが終わった画像から処理する方法を ご教授ください。 よろしくお願いいたします。 $.each(json.img,function(){ $('<img/>').attr('src',this).appendTo(images); }); preview.append(images); //この後にリサイズ処理
質問日時: 2012/03/09 14:45 質問者: hunter_999
ベストアンサー
3
0
-
jqueryでテキストエリア監視について
下記のコードのようにテキストエリアが変わったら処理を 実行したいのですが、keyup changeを指定すると 処理が2回実行されてしまいます。 テキストエリアが変化したら、1度づつ処理させるには どのようにしたらいいでしょうか? ご教授の程、よろしくお願いいたします。 $(function(){ $('textarea').bind('keyup change',function(){ alert('処理'); }); });
質問日時: 2012/03/06 10:24 質問者: hunter_999
ベストアンサー
2
0
-
$(function()) 必要?
//$(function(){ $("tr").click(function (){ this.style.backgroundColor = "yellow"; }); //}); jQueryで$(function())があってもなくても同じ動作をします。 どういった意味があるのでしょうか?
質問日時: 2012/02/27 12:45 質問者: katsuhiko_chi
ベストアンサー
1
0
-
XMLHTTPRequestでstatusが0に
2日程、色々と試したのですが、どうしても自分で解決できそうにないので お世話になりたいと思い質問させて頂きました。 XMLHttpRequestを使用し、サーバーと非同期通信を行っているのですが ChromeとFireFoxの場合、戻り値のstatusが0になり、サーバーからのレスポンスデータを 取得する事ができません。IEでは7 ~ 9まで正常に動作する事を確認しております。 (環境) クライアントOS:Windows7 Professinal サーバーOS:Windows7 Professinal Webサーバー:IIS7.5 ブラウザ:Google Chrome 16.0.912.77 m, FireFox 10.0.1 (クライアント側プログラム) function requestMain(param) { // サーバー名はxxxにさせて頂きました。 var url = "http://xxx.xxx.xxx.xxx/app/xhr.cgi?" + param; var obj = createHttpRequest(); obj.open("GET", url, true); obj.setRequestHeader("If-Modified-Since", "Thu, 01 Jun 1970 00:00:00 GMT"); ojb.onreadystatechange = function() { if (obj.readyState==4) { alert(obj.status); // ← ここが0に。IEだと200が返ってきます。 alert(obj.responseText); // ← IEの場合予期したデータがきます。Chrome/FF // ともに空です。 } } httpoj.send(""); } function createHttpRequest() { if(window.ActiveXObject) { try { return new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { return new ActiveXObject("Microsoft.XMLHTTP"); } catch (e2) { return null; } } } else if(window.XMLHttpRequest) { return new XMLHttpRequest(); } } (サーバー側) static void main(string[] args) { string rtnStr = "HTTP/1.0 200 OK\n"; rtnStr += "<head>\n"; rtnStr += "Access-Control-Allow-Origin:*\n" // ← クロスドメイン対策??? rtnStr += "Content-Type: text/html; charset=UTF-8;\n; rtnStr += "</head>\n\n"; rtnStr += "<body>test is</body>"; Console.WriteLine(rtnStr); } 試しに、prototype.jsのAjax.Requestを使用しても結果は同じでした。 後、プログラムでなく、ブラウザーのURL覧からCGIをコールするとtest isが表示されます。 ※ CGIはC#で書いています。ASP.NETがあるので意味がないのですが すみません。^^; 過去にも似たような質問をされた方がいらっしゃったのですが 結局クロスドメインの問題じゃない?とか回答がついてないとかで 答えがわかりませんでした。英語サイトにはそれなりに情報があるみたいですが 読めないのでよくわかりません ;_; (調べろと言われればそれまでなのですが。。。) 組み込み系や、C/S・スタンドアロンでのWindowsアプリはそれなりの経験を 持っているのですが、Web系は今回初めてで、やり始めて丁度10日になります。 ですので、トンチンカンなご質問をしているかもわかりませんが、 どうぞよろしくお願いいたします。 P.S 最近html, css, javascriptがお試し程度にわかり4、5ページ画面遷移した 簡単なクライアント側アプリを作れる程度です。
質問日時: 2012/02/16 00:05 質問者: OSHIOSHI77
解決済
1
0
-
ime入力中にcssを変更する方法
googleのように文字を入力したら、cssを変更して レイアウトを変更したいと考えております。 現在、jqueryを使ってcssを変更しているのですが、 firefoxで一文字目を入力すると表示されな現象に陥りました。 どなたかわかる方、ご教授お願いいたします。 <js>-------------------------------------------------------------------------------- $(function(){ var q=$('input#q'); q.focus(); q.keyup(function(e){ e.preventDefault(); ajax_search(); }); //Firefox IME q.bind('text',function(e){ e.preventDefault(); //console.log(this.value); ajax_search(); }); function ajax_search(){ if(q.val().length>0){ if(!$('#body').hasClass('search')){ q.css({margin:0,position:'absolute',top:'100px','zIndex':'999'}); } $('div#body').addClass('search'); } } }); </script> <html>-------------------------------------------------------------------------------- <div id="body"> <input type="text" name="q" id="q" value="" /> </div>
質問日時: 2012/02/13 15:33 質問者: hunter_999
ベストアンサー
1
0
-
jqueryでime入力中の挙動について
現在、リアルタイムに検索するUIを作成しているのですが、 ime入力(日本語入力)中にget送信し、同時に入力している input要素をcssで移動すると一文字目が表示されません。 どなたかご教授ください。 よろしくおねがいいたします。
質問日時: 2012/02/10 15:29 質問者: hunter_999
解決済
3
0
-
Ajax データが取得できない
現在、AJAXを勉強中です。以下のhtmlを実行し、pref.jsを呼び出すコードをサイトから引用して記述しました。 しかし、「データを取得する」ボタンを押すと、【処理中です・・・】というメッセージが出るだけで、いっこうに該当データを取得できません。(本来であれば、指定されたxmlファイル内のデータが表示されるはずなのですが・・) 何が原因なのでしょうか。 解決策がわかる方がいらっしゃいましたらご教授ください。 よろしくお願いします。 ■pref.html --------------------------------- <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script type="text/javascript" src="../lib/prototype.js"></script> <script type="text/javascript" src="pref.js"></script> <link href="pref.css" rel="stylesheet" type="text/css"> <title>pref</title> </head> <body> <div> <input type="button" id="btnData" value="データ取得" /> <input type="button" id="btnClear" value="クリア" /> </div> <div id="state"></div> <div id="result"></div> </body> </html> --------- ■pref.js ---- onload = init; var state; var result; function init() { $("btnData").onclick = prefDisp; $("btnClear").onclick = clearDisp; state = $('state'); result = $('result'); } function prefDisp() { state.innerHTML = "処理中です・・・<br />\n"; var url = "http://ws.bzen.net/pgtop/pref.xml"; var paramList = ""; new Ajax.Request(url, { method: 'get', onSuccess: getData, onFailure: showErrMsg, parameters: paramList }); function getData(data){ var response = data.responseXML.getElementsByTagName('Response'); var item = response[0].getElementsByTagName('Item'); var tmpHtml=""; for(i = 0; i < item.length; i++){ var prefCd = item[i].getElementsByTagName('PREF_CD'); var prefCdValue = prefCd[0].firstChild.nodeValue; var prefName = item[i].getElementsByTagName('PREF_NAME'); var prefNameValue = prefName[0].firstChild.nodeValue; tmpHtml += prefCdValue + " " + prefNameValue + "<br />\n"; } result.innerHTML = tmpHtml; state.innerHTML = "データを取得しました。<br />\n"; } function showErrMsg(){ clearDisp(); state.innerHTML = "データを取得できませんでした。<br />\n"; } } function clearDisp() { state.innerHTML = ""; result.innerHTML = ""; } ---
質問日時: 2012/02/08 15:24 質問者: tanakataro2010
ベストアンサー
1
0
-
Jquery と JqueryUIについて
現在、Jquery と JqueryUIを使ってプログラムを書いています。上手く動作しないので以下について教えてください。 やりたいことは、ボタンを押すと文字があらわれたり消えたりするという動作を実現したいと思っていますが、今は、ボタンと文字が表示されるのみで、ボタンを押しても全く動きません。 現在書いているコードは以下のとおりです。 ---- <html> <head> <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script> <script type="text/javascript" src="js/jquery-ui-1.8.17.custom.min.js"></script> <script> $(function() { $('#button').click(function(){ $('#sample-text').show(); }); }); </script> </head> <body> <input type="button" id="button" value="ボタン"> <p id="sample-text">Hello World!</p> </body> </html> ------------------- Jqueryのバージョンは、最初、UIとの互換性を考え、1.3.2を使っていましたが、動かないため、現在は新しいバージョンで試してみたところです。(1.4.4でもだめでした) JSファイルの場所は、上記htmlファイルと同じ階層のjsディレクトリ内です。 また、補足ですが、これが上手くいけば、script内の show メソッドのかわりに toggleを使いたいと考えています。 上記コードで間違っている部分がわかる方がいらっしゃいましたら教えてください。 よろしくお願いいたします。
質問日時: 2012/02/02 12:40 質問者: tanakataro2010
ベストアンサー
3
0
-
Ajaxでウインドウ出力について
CGI上で、HTMLのコードを書いて、WEBページを出力(表示)することが出来ますが、それと同じようなことが、Ajax(Jqueryを使っています)で出来ませんでしょうか。 CGIを使ってやろうとしていたのですが、同じページでFormタグを多用しており、CGI以外の方法でページ出力をしようと思います。 HTMLからOnClickで値をAjaxに渡して、データベースとやりとりをし、Ajaxに値を戻してそれを元にページを作成して出力をさせたいのです。(別ウインドウを立ち上げで) このようなことは出来ますでしょうか。 また、出来るようでしたらどうやってプログラムを作成すればいいでしょうか。 教えてください。よろしくお願いいたします。
質問日時: 2012/01/26 17:35 質問者: gosp1
ベストアンサー
6
0
-
no confilict で value値が取れな
いつもお世話になっています。 以前にも質問した事があるのですが、 ちょっと違う事象が出てきたので、 質問させて下さい。 AjaxとjQueryを競合させているため下記のように記述しました。 Query.noConflict(); jQuery(document).ready(function($){ $("input").live("click",function(){ e = $(this).attr("id"); ev = e.substr(0,e.lastIndexOf('[')); if(ev == 'mod' || ev == 'refer' || ev == 'del'){ //一覧のレコードを取得 list_flg = 1; fno = e.lastIndexOf('[')+1; lno = e.lastIndexOf(']'); no = e.substr(fno,(lno-fno)); //hidden位置取得 input_no = (no == '1') ? 0 : parseInt(no) + 6; //hiddenの値取得 code = ($("input").eq(input_no).val()); } else if(e == 'insert' || e == 'update' || e == 'delete'){ //DB登録時 //新規・編集確認画面からの遷移時 db_flg = 1; ev = e; code = $('input').eq(0).val(); if(ev == 'update' || ev == 'delete'){ //編集及び削除時はdefault_codeで既存codeのエラーチェックを行う default_code = $('input').eq(1).val(); } } } } 下記の記述をしないと値がとれないのです。 code = $("input").eq(input_no).val(); 本当なら下記のように記述したいのですが、駄目でした。 code = $('edt_code').val() document.getElementById('edt_code').value とすれば取れるのですが、折角portotype.jsを使っているので、 $('edt_code')としたいのです。 尚、日本語リファレンスに記述している事もやった結果です。 またjqueryはinnerHTMLで記述したもので取得するため、liveメソッドを使用しています。 どうかご教授願えないでしょうか。
質問日時: 2012/01/21 12:33 質問者: prr4e
ベストアンサー
2
0
-
Ajaxを扱う上で必要になる知識は何でしょうか?
下記内容を実現するにはAjaxを使うと思うのですが、 Ajaxを扱えるようになるためには、どのようなプログラムを学べばよいでしょうか。 よく不動産サイトで使われているもので、 条件を指定して検索して物件を絞り込んだり、 合計何物件が見つかりました、 3日以内に公開された物件は、 価格順や土地面積順に並び変える、 各エリアの公開物件数の一覧 サイト内検索 チェックした物件をまとめてお問い合せ この物件をお気に入りリストへ登録 などの機能があり、物件を公開すると自動的に上記機能をその物件に対して扱えるようになる。 HTML CSS JavaScript PHP XML SQL ライブラリは jquery prototype サーバーの知識を深める なんとなくこういったイメージを持っています。 実際に必要なものは何でしょうか。
質問日時: 2012/01/18 20:35 質問者: kiseki777
ベストアンサー
2
0
-
AjaxとJqueryについて
AjaxとJQueryを勉強しようと考えているのですが JQueryから勉強することは難しいでしょうか? Ajaxからしたほうがいいかなとは、情報を集めてて思ったのですが どうもいい参考書が見当たらなかったのです。 ご教授のほうよろしくお願いします。
質問日時: 2012/01/06 22:15 質問者: kureakai
ベストアンサー
1
0
-
jQueryで画像がちゃんとプリロードできているか
jQueryを使ってロールオーバー用の画像を プリロードさせたいと考えていています。 jsファイルに、 $("<img>").attr("src", ***); みたいに内部的にimgを生成しました。 これが、本当にプリロードされているのかを確認する方法ってあるんですか? 宜しくお願いいたします。
質問日時: 2012/01/06 15:30 質問者: mc0816
ベストアンサー
1
0
-
linuxサーバーでjQueryの挙動がおかしい
ローカルのWindows7で正常に動作するjQueryが、linux(Cent OS)のレンタルサーバーで動作しなくて困っています。 $("#tagA").load("file.inc",function(responseText,textStatus,XHR){ g = responseText;u = g.split("\n"); '(a) }); '(b) 上記のコードでfile.incを読み込んで変数gに格納し、それを行ごとに配列uに格納し、 それをforで回していろいろ成形して、最終的には出力しているのですが、 linux上で実行するとuがカラで、その後のコードが実行されないのです。 確認したところ、'(a)の箇所にalert(g);やalert(u.length);を入れると中身がある結果を出しますが、'(b)だとgがundifinedになり、よってu.lengthは0になります。なのでその後のfor内が実行されないのでしょう。htmlファイル自体は最後まで出力されています。 この結果を受け、これ以降のコードを上記最後の"});"の前に移してみたところ、その部分だけが実行され、前後のhtmlもjavascriptも出力されていませんでした(ソースコードを表示させて確認しました)。ブラウザはIE9です。 同じことをローカルのubuntu機(ブラウザはFF)で行ったらほぼ同じ結果でした。こちらはalert文を入れておくと正常に表示されるようです。 ファイルのエンコードはutf-8です。htmlのcharsetはscriptタグも含めてきちんとできています。 あまりにも意味が分からないので、ご存知の方がいらっしゃいましたらよろしくお願いいたします。
質問日時: 2011/12/30 00:08 質問者: hitsuji44
解決済
1
0
-
プルダウン内容に応じてラジオボタンをオンオフ
jqueryを用いて制御をしようとしています。 プルダウンの値が0の時はラジオボタンを無効化して、 プルダウンの値が1に変更されたときは有効化したいです。 いろいろ調べているのですが、うまくいきません。 教えて下さい。
質問日時: 2011/12/26 21:54 質問者: eccschool
ベストアンサー
1
0
-
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でどのようにしたらいいのでしょうか? 教えてください。 よろしくお願いいたします。
質問日時: 2011/12/25 18:10 質問者: eccschool
ベストアンサー
2
0
-
jqueryでラジオボタンの値を取得
<input name="nr" value="0" type="radio" />いない <input name="nr" value="1" type="radio" />いる の選択に応じて400円の金額を追加するプログラムをjqueryで作成しようとしています。 ラジオボタンの選択の値を取得することが出来ません。どのようにしたら良いでしょうか? 教えてください。 よろしくお願いします。
質問日時: 2011/12/25 08:53 質問者: eccschool
ベストアンサー
1
0
-
chromeにてajaxでローカルファイルにアクセ
Ajaxを利用しローカルファイルにアクセスする際、 セキュリティの関係でGoogle Chromeではできないはずです。 そこで、起動オプションに -allow-file-access-from-files を加えればできていたはずなのですが、最近またできなくなってしまいました。 ヴァージョンは「15.0.874.121 m」です。 私の間違いでしょうか。あるいは、また仕様が変わったのでしょうか。その場合は、対処法はあるのでしょうか。 よろしくお願いします。
質問日時: 2011/12/06 12:40 質問者: charlie432
解決済
1
0
-
jquery-1.3.2⇒○ 1.6.4.⇒エラー
初心者ですすいません。 美しいエフェクトのデモがあったので、実装してみるも、エラーが止まらず。 (コードは基本的にコピペしました) jquery-1.6.4.min.jsをjquery-1.3.2.min.jsに直したら止まりました。 (デモ解説では、jquery-1.3.2.min.jsになっていたので・・・・) 質問 なるべく新しいjquery-1.6.4.min.jsを使用してきたいのですが、jquery-1.3.2.min.js用に制作されたコードを使っていくにはどうしたらいいでしょうか?(いちいち、1.6.4と1.3.2の両方を<head>~</head>間に記載しなければいけないでしょうか?)
質問日時: 2011/12/04 08:32 質問者: seikatuhatena
ベストアンサー
1
0
-
FullCalendarについて
お世話になります。 前回は私の説明が下手で私が求めている回答を得る事ができませんでしたので再度、質問をさせていただきます。 皆さん、宜しくお願いします。 FullCalendarでカレンダー部分はどのように生成しているかをご存じの方はいませんでしょうか。 またdivタグを並べてカレンダーを生成している?それともtableタグでカレンダーを生成している?かが知りたかったんですがどのように調査すればいいのかわかりません。 http://arshaw.com/fullcalendar/ 申し訳ありませんがどのように調査すればいいのかご教授いただけませんでしょうか。 宜しくお願いします。
質問日時: 2011/11/29 23:40 質問者: edo_1972
ベストアンサー
2
0
-
Google Mapsを利用して屋根の面積を求たい
どなたかご協力頂ければ幸いです。 GoogleのAPIを利用して自宅の屋根の面積を 求めたいのですが、方向性ややり方をご存じの 方いらっしゃればご教示願えれば幸いです。 多少の英語はわかりますので、英語ページの 参照などもまったくダメというわけではありません。 サンプルコードなどあればとても助かります。 どちらかというと営業畑の人間ですが エクリプス3.7とアンドロイドSDKの開発環境は 用意しています。 ここが参考になるのかと思ってますが 途中からFlashに切り替わり、ロジックがわからないのです。 http://www.smart-house.bz/shindan/ また、面積も算出できません。 なんとか、面積を算出したいので、お分かりになるかた いらっしゃればどうか、教えてください。 (自宅の設計図面がないので.....)
質問日時: 2011/11/25 11:51 質問者: suka-moka
ベストアンサー
4
0
-
jQuery『supersized』のカスタマイズ
こんばんは。Webデザイナー駆け出しの初心者です。 昨日仕事で↓の『Supersized』というプラグインでフォトギャラリーを作りました。 http://www.buildinternet.com/project/supersized/ クライアント様より「1枚目の画像を表示させている時は、画面左の丸い矢印戻るボタンを表示させないでくれ」と要望があり、上司に相談をしても「なんとかしろ!!」の一点張りで非常に困っています。 私の力では到底解決できない問題だと思いここに助け舟を出させてもらいました(涙) クライアント様曰く、写真をストーリー仕立てに表示させたいらしく、もしも一枚目が表示されている時に戻るボタンを押した場合、最後のオチがばれてしまうのが嫌だとのことです(涙) 勝手なわがままで申し訳ございません。 どなたかお力をお貸しいただけないでしょうか。。、
質問日時: 2011/10/25 20:55 質問者: tomoyuki1982
解決済
2
0
-
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()メソッドを使うとは思うのですが… 詳しくコードを教えていただけたら、助かります。 どうか、宜しくお願いいたします。
質問日時: 2011/10/13 21:43 質問者: mc0816
ベストアンサー
1
0
-
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>
質問日時: 2011/08/13 11:45 質問者: ryota84
ベストアンサー
2
0
-
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();
質問日時: 2011/08/03 09:59 質問者: ecaih
解決済
2
0
-
WEBでエクセルのような表を実現したい
現在、WEBでエクセルのように表を作成していて、 ある程度の制御はできているのですが、 プログラムを組み込んではいないのに、 <input>タグのテキストデータをダブルクリックして 反転させた状態でドラッグすると、 別の位置に移動したり(FireFox)、そのデータがコピーされてしまいます(IE)。 この表の中で、縦方向にコピーはされてほしいのですが、 横方向にはコピーをしたくないのですが、 その場合、言語はやはりJavaScriptになるのでしょうか? どの様に制御すればその動きが作れるのかを 一生懸命ググってみたのですが、結局それらしい動きをする サイトを見つけることができず、ここに泣きつくことになりました。 また、エクセルのオートフィル機能が使えるとさらにIDの項目については 便利になるのに・・・・とは思っていましたが、その機能についても 見つかりませんでした。ご協力をしていただける方、よろしくお願いします。
質問日時: 2011/07/28 18:53 質問者: katsumi001
ベストアンサー
1
0
-
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> 以上、宜しくお願いします。
質問日時: 2011/06/26 16:54 質問者: iroha_168
ベストアンサー
1
0
-
inputの中身を書き換える方法について
下記で書き換え実行ボタンを押下すると、初期値1は変更後1に変わるのですが、初期値2と初期値3が変わりませんでした。 そのため、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("変更後1"); $("#text2").html("変更後2"); $("#text3").html("変更後3"); }); }); // --> </script> <title>title</title> </head> <body> <form> <input id="change" type="button" value="書き換え実行" /> </form> <br /> <div id="text1">初期値1</div> <input type="text" name="text2" id="text2" value="初期値2" /> <input type="hidden" name="text3" id="text3" value="初期値3" /> </body> </html>
質問日時: 2011/06/26 14:56 質問者: iroha_168
ベストアンサー
1
0
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
【AJAX】に関するコラム/記事
-
弁護士が解説!あなたの声を行政に届ける「パブリックコメント」制度のすべて
社会に対する意見や不満、疑問。それを発信する場所は、SNSやブログ、そしてニュースサイトのコメント欄など多岐にわたる。教えて!gooでも「ヤフコメ民について」というタイトルのトピックがあり、この投稿の通り、...
-
弁護士が語る「合法と違法を分けるオンラインカジノのシンプルな線引き」
「お金を賭けたら違法です」ーーこう答えたのは富士見坂法律事務所の井上義之弁護士。オンラインカジノが違法となるかどうかの基準は、このように非常にシンプルである。しかし2025年にはいって、違法賭博事件が相次...
-
釣りと密漁の違いは?知らなかったでは済まされない?事前にできることは?
知らなかったでは済まされないのが法律の世界であるが、全てを知ってから何かをするには少々手間がかかるし、最悪始めることすらできずに終わってしまうこともあり得る。教えてgooでも「釣りと密漁の境目はどこです...
-
カスハラとクレームの違いは?カスハラの法的責任は?企業がとるべき対応は?
東京都が、客からの迷惑行為などを称した「カスタマーハラスメント」、いわゆる「カスハラ」の防止を目的とした条例を、全国で初めて成立させた。条例に罰則はなく、2025年4月1日から施行される。 この動きは自治体...
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
バッチファイル 特定ウインドウの最...
-
PDFを(htmlのように)無限に縦長に...
-
jQuery を外部ファイルから呼び出す
-
PCマウスの右左をクリックすると煩...
-
1枚の画像をクリックすると複数の画...
-
これってなんの電話かわかりますか...
-
非同期通信で掲示板を作る際の送信...
-
Pythonのtkinterについて
-
Pythonを無料(安価)で学ぶ方法っ...
-
Pythonのプログラム初心者の問題
-
GASでスプレッドシートの一番上の行...
-
パイソンでのテキストデータの読み込み
-
同一ページ移動時ハンバーガーメニ...
-
エクセルでこのような動きをさせる...
-
gmailからpythonファイル実行
-
VBA コンボボックスの値をスピンボ...
-
正規表現で、特定の文字列を含む行...
-
jQuery 隣接セレクタ
-
php コールバック関数
-
ナイトボットのAliasについて
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
正規表現で、特定の文字列を含む行...
-
バッチファイル 特定ウインドウの最...
-
PDFを(htmlのように)無限に縦長に...
-
1枚の画像をクリックすると複数の画...
-
入力フォームの値をQRコードで入力...
-
C言語のflagの使い方が分かりません...
-
ワードでA3横の画面にして、文字入...
-
ダブルクリックと2回クリックの違い
-
VBA コンボボックスの値をスピンボ...
-
GASでスプレッドシートの一番上の行...
-
bxsliderで複数のvimeoスライドを自...
-
b75h2-m2 biosアップデートしたいと...
-
bxSliderで動画をスライドごとに再生
-
Base64に変換したHTMLの<script src...
-
スライドを最後の画像で止めたい
-
時間表示で0:48:17と入力すると0時...
-
二つのbxsliderをレスポンシブで表...
-
Pythonを無料(安価)で学ぶ方法っ...
-
latex文書でのURLの表示
-
【for文】アスタリスクと$で図を描...
おすすめ情報