ブラウザの表示領域を取得するのに
$('html').attr('clientWidth')
という方法を使っていたのですが、
jQuery 1.4.2 から jQuery 1.6.2 にしたら undefined で使えなくなっていました。
この方法は非推奨になってしまったのでしょうか?

WindowsXPのIE8 / Firefox4 / Chrome13で確認しました。

このQ&Aに関連する最新のQ&A

A 回答 (1件)

    • good
    • 0
この回答へのお礼

なるほど、propがあったのですね。
ありがとうございました。

お礼日時:2011/10/10 12:43

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人はこんなQ&Aも見ています

このQ&Aと関連する良く見られている質問

Qjavascript:名('.$data.')で複数のデータを送る方法,(jqueryのload利用)

初めまして、jqueryを勉強し始めている初心者です。
jqueryのloadを利用して、PHPでページ分割作成してますが、
javascript:名('.$data.')で複数のデータを送る方法ご存知の方いましたら、教えていただけないでしょうか。。
何ぶん、勉強初めて、1ヶ月弱のため、不備等がれば、すみません。
hidden等でまとめてid作成すると、うまくページ分割ができませんでしたので
javascript:名('.$data.')で複数のデータを送る方法を検討しています。。
環境、jquery1.4, PHP5.0, eclipse3.5, mysql5.0
(sql等は問題なく動作してます)
//<php側抜粋--testo.php>
<html>
<head>
<script type="text/javascript" src="jquery1.4.js"></script>
<script type="text/javascript" src="testo.js"></script>
<title></title>
</head>
<body>
<div id="box"></div>
<?php
$nm=$_POST['nm'];
$page_num=$_POST['page_num'];

//echo'<a href="javascript:next('.$page.')">次のページへ>></a>';
//↑と1つの値であれば問題なく値をtesto.jsに渡しphploadできます。。

//↓のjavascript:名前('.データ値.')で、2つの値を
//testo.jsでphpに渡しloadしたい。
//↓の解決策すみませんがご存知でしたら、教えてください。
//------ここ質問(1)------
echo'<a href="javascript:next('.$page.','.$nm.')">次のページへ>></a>';
?></body></html>

//testo.js-----
/*function next(page)
{$("#box").load("testo.php",{page_num:page});}
 と1つの値であれば、POSTで正常にtesto.phpに渡せますが
 2つ値を渡したいので、
おそらく、全然ちがったり、間違えていると思います。。
調べてみましたが、分かりませんでした。。
*/
//--質問(2)↓--
function next(page,nm)
{$("#box").load("testo.php",{page_num:page,nm:nm});}

質問は上記(1)(2)です。全ソース記載したいのですが、
文字数オーバーのため、記載できませんでした。。
すみません
おそらく、不備や、勉強の不足さも感じるとは思いますが、
分かりやすく、ソース等で教えていただければ、幸いです。
すみません。。よろしくお願いいたします。

初めまして、jqueryを勉強し始めている初心者です。
jqueryのloadを利用して、PHPでページ分割作成してますが、
javascript:名('.$data.')で複数のデータを送る方法ご存知の方いましたら、教えていただけないでしょうか。。
何ぶん、勉強初めて、1ヶ月弱のため、不備等がれば、すみません。
hidden等でまとめてid作成すると、うまくページ分割ができませんでしたので
javascript:名('.$data.')で複数のデータを送る方法を検討しています。。
環境、jquery1.4, PHP5.0, eclipse3.5, mysql5.0
(sql等は問題な...続きを読む

Aベストアンサー

質問2の方で、2つ渡しているように見えるけど?

複数送る、は、きちんとできているのではなくて

QJquery a href="javascript:名前('.$データ.')">の方法でString(文字)を渡す方法

一部不備ありましたので、再度質問です。。
すみません
初めまして、jqueryを勉強し始めている初心者です。。
a href="javascript:名前('.$データ.')">の方法で
データにString(文字)を持たせ、JQUERYを利用して、別のphpファイル(testo2.php)に値を渡し、
そのphpファイル(testo2.php)そのloadで読みたいのですが、うまくいきません
この方法ではできないのでしょうか?
このa href="javascript:名前('.$String型.')の方法を何とか
利用したいと思ってますので、ご存知の方いましたら、
教えていただけないでしょうか。。。?
また別方法があれが教えていただけないでしょうか?
(input hidden 等以外のa href="javascript:名前('.$String型.')的な方法)
何度もすみません。。。
何ぶん、勉強初めて、1ヶ月弱のため、不備等がれば、すみません。
環境、jquery1.4, PHP5.0, eclipse3.5


//-----testo1.php
<html>
<head>
<script type="text/javascript" src="jquery1.4.js"></script>
<script type="text/javascript" src="tes.js"></script>
<title></title>
</head>
<body>
<?php
//$id=1;(数字)の場合は値はわたせる、String 型の値の渡し方
//<a href="javascript:名前('.$文字列(String型).')">前のページ</a>
//でJQUERYを利用して、別のphpファイル(testo2.php)にを渡し
//loadで読みたい。
$id='文字列aaa';
<a href="javascript:value('.$id.')">前のページ</a>
?>
<div id="box">ここに値を表示したい</div>
</body></html>

//----tes.js
function value(id)
{$("#box").load("php/tt.php",{id:id});}

//------testo2.php
<html>
<head>
<script type="text/javascript" src="jquery1.4.js"></script>
<script type="text/javascript" src="tes.js"></script>
<title></title>
</head>
<body>
<?php
echo $_POST['id'];//文字列String型を受けたい。
?>
</body></html>

一部不備ありましたので、再度質問です。。
すみません
初めまして、jqueryを勉強し始めている初心者です。。
a href="javascript:名前('.$データ.')">の方法で
データにString(文字)を持たせ、JQUERYを利用して、別のphpファイル(testo2.php)に値を渡し、
そのphpファイル(testo2.php)そのloadで読みたいのですが、うまくいきません
この方法ではできないのでしょうか?
このa href="javascript:名前('.$String型.')の方法を何とか
利用したいと思ってますので、ご存知の方いましたら、
教えていた...続きを読む

Aベストアンサー

よく見ると、tes.jsのjavascriptも間違ってます。
function value(id)
{$("#box").load("php/testo2.php",{id:id});}
でしょう。

何か、意図してることが、さっぱりわかりません。

QjQuery $.ajax JSON形式のPOST

jQuery $.ajax JSON形式のPOSTでフォーム内容を送信し、送信先のPHPでメール送信させるプログラムをかいているのですが、どうしても$.ajaxのerrorが呼び出される状況です。errorが呼び出されますが、PHPの方のメール送信はできております。
PHP側の出力がうまくいっていないのではないかと思いますが、原因がわかりません。どなたかご教授いただけないでしょうか?宜しくお願いします。

---js---

$("#send").click(function(){
var NAME = $('#name').val();
var EMAIL = $('#email').val();
var TITLE = $('#titlel').val();
var COMMENT = $('#comment').val();
$.ajax({
url : "sendmail.php",
dataType : "json",
data : {name:NAME, email:EMAIL, title:TITLE, comment:COMMENT},
type : "post",
success : function(data){
if(data != ''){
alert(data.result);
}
},
error : function(){
alert("通信に失敗しました。");
}
});
});


---sendmail.php---

if($_SERVER["REQUEST_METHOD"] != "POST"){
header("HTTP/1.0 404 Not Found");
return;
}else{
//メール送信処理 (省略)
$message = "送信完了メッセージ";
$result = array('result' => $message);
echo json_encode($result);
}

jQuery $.ajax JSON形式のPOSTでフォーム内容を送信し、送信先のPHPでメール送信させるプログラムをかいているのですが、どうしても$.ajaxのerrorが呼び出される状況です。errorが呼び出されますが、PHPの方のメール送信はできております。
PHP側の出力がうまくいっていないのではないかと思いますが、原因がわかりません。どなたかご教授いただけないでしょうか?宜しくお願いします。

---js---

$("#send").click(function(){
var NAME = $('#name').val();
var EMAIL = $('#email').val();
var TITLE = $('#ti...続きを読む

Aベストアンサー

解決案です。

$("#send").click(function(){

$("#inputForm").submit(function(){
に変える


});
});
});
</script>



});
return false;
});
});
</script>

に変える

以上でお試し下さい。

Qjquery1.4で画像とリンクの切り替えを行おうとしています。

jquery1.4で画像とリンクの切り替えを行おうとしています。
ひとまず動き的にはうまくは行っているのですが、切り替え対象の複数の画像をfloat:left;等で
横並びにすると、切り替えるたい画像をクリック後に規定の場所に画面が移動してしまいます。
対処法があれば教えていただけますでしょうか?

【javascript】
$(document).ready( function() {
$(".thumbnail p").click( function() {
var changeSrc = this.src;
var changeHref = this.href;
$("#target img").fadeOut("fast",
function() {
$(this).attr("src", changeSrc);
$(this).fadeIn();
}
);
$("#target a").attr("href", changeHref);
});
$(".thumbnail2 img").click( function() {
var changeSrc = this.src;
$("#target2").fadeOut(
"slow",
function() {
$(this).attr("src", changeSrc);
$(this).fadeIn();
}
);
});

$(".thumbnail3 img").click( function() {
var changeSrc = this.src;
$("#target3").slideUp(
"slow",
function() {
$(this).attr("src", changeSrc);
$(this).slideDown();
}
);
});
});
</script>

【HTML】
<div>
<p id="target"><a href="./main.cgi?mode=details2&sid=1&gid=1S000046"><img src="./g_images/IMG_1457.jpg" width="240" height="320" alt="ブランドカテゴリー" /></a></p>
</div>
<div class="thumbnail">
<p href="./main.cgi?mode=details2&sid=1&gid=1S000043" src="./g_images/IMG_1457.jpg" class="item">
<img src="./g_images/IMG_1457.jpg" width="90" height="150" alt="ブランドカテゴリー" />
<br /><a href="./main.cgi?mode=details2&sid=1&gid=1S000043">詳細</a></p>

<p href="./main.cgi?mode=details2&sid=1&gid=1S000047" src="./g_images/IMG_1469.jpg" class="item">
<img src="./g_images/IMG_1469.jpg" width="90" height="150" alt="ブランドカテゴリー" />
<br /><a href="./main.cgi?mode=details2&sid=1&gid=1S000047">詳細</a></p>
</div>

【css】
.thumbnail {
height:200px;
text-align:center;
}

.item {
float:left;
padding-left:10px;
margin-left:10px;
}

jquery1.4で画像とリンクの切り替えを行おうとしています。
ひとまず動き的にはうまくは行っているのですが、切り替え対象の複数の画像をfloat:left;等で
横並びにすると、切り替えるたい画像をクリック後に規定の場所に画面が移動してしまいます。
対処法があれば教えていただけますでしょうか?

【javascript】
$(document).ready( function() {
$(".thumbnail p").click( function() {
var changeSrc = this.src;
var changeHref = this.href;
$("#target img").fadeOut("fast",
function...続きを読む

Aベストアンサー

thumbnail側のレイアウトが崩れるってことでしょうか?
ご提示のソースでは再現しません。もっとも、ご提示のスクリプトは、ご提示のソースだと2/3は関係ありませんけれど。

それよりも、そのままではsrc、hrefが取得できてないブラウザがあります。(fx3.5、opera10)
this値が示すものを再確認したほうがよろしいかと。
また、わざわざpの属性に、本来はないはずのsrcやhrefを設けなくとも、直接imageのsrcとaのhrefを参照するようにしたほうが良いのでは?

QフォームからjQuery,jQuery.jsonを使ってJSONを作っ

フォームからjQuery,jQuery.jsonを使ってJSONを作ってPHPで表示したい。
こんばんは。2、3日ずっと悩んでて解決しないので助けてください。
jQuery,jQuery.jsonを使ってJSONを作成しています。
クリックイベントに
var form = $("#sform");
var json = $(form.serializeArray());
var strJson = $.toJSON(json);
という形をとって
$.ajax({
url : "request.php",
type : "post",
data : strJson,
success: function(request){
$('#result').html(request);
}
});
で送っています。
ただPHP側で
var_dump($_POST);
を行ってもArray ( ) と表示されます。
firebugで見たところpostに入っているデータは以下の通りです。
{"0":{"name":"date","value":"2010/09/15"},"1":{"name":"type","value":"new"},"2":{"name":"bin[]","value":"2"},"3":{"name":"bin[]","value":"3"},"length":4}

var_dumpで表示できないのはなぜでしょうか?
上記で変数json のまま送るとオブジェクトとして送れてvar_dump でも表示できます。
ただ今はjson の勉強をしているので、できればなぜこうなっているのかを理解したいです。
基本的なところで勉強不足かもしれませんが、何かアドバイスなど頂けると嬉しいです。
よろしくお願いします。

フォームからjQuery,jQuery.jsonを使ってJSONを作ってPHPで表示したい。
こんばんは。2、3日ずっと悩んでて解決しないので助けてください。
jQuery,jQuery.jsonを使ってJSONを作成しています。
クリックイベントに
var form = $("#sform");
var json = $(form.serializeArray());
var strJson = $.toJSON(json);
という形をとって
$.ajax({
url : "request.php",
type : "post",
data : strJson,
success: function(request){
...続きを読む

Aベストアンサー

「var json = $(form.serializeArray());
このデータを送るのが一番標準ということでいいのでしょうか?」

=>そうです。わざわざJSONオブジェクトに作り変える必用は無いです。
  .serializeArray()で、jQueryが、JSON形式の文字列データに変換して
  くれてるんです。

「phpで json_decodeしなくてもデータがそのまま二次元配列で渡っている」

=>そう思ってもよいでしょう。正しくは、二次元配列の形式に格納する
  形式の文字列データで渡っているですが

 PHPで、
echo file_get_contents("php://input");
 として見れば、送信されてくる文字列データが見れます。


このQ&Aを見た人がよく見るQ&A

人気Q&Aランキング

おすすめ情報