はじめまして。 phpを少しだけコピペプログラミングしたことがある者です。今mixiアプリに挑戦しているのですが、 JavaScriptは全く知らないので困っています。 http://oshiete1.goo.ne.jp/qa4374471.html を見ましたがちょっと違うようです。作りたいものはphpなら下記のようなものです。 http://www.pahoo.org/e-soul/webtech/php02/php02-20-01.shtm （プログラムを実行するをクリックしてみてください）最終的にやりたいことは、マイミクの一覧を表示する際、各マイミクの横にチェックボックスを設け、チェックを入れたマイミクのみを再表示するというものですが、とりあえずは、JavaScriptでチェックボックスのチェックを入れたものを再表示するやり方を教えてください。

あ～・・・・。エスパーにはなれそうにないね^^; test1.html test1.html PHP Ruby Perl Java JavaScript VisualBasic VisualC++ VisualC# test2.html test2.html '; document.getElementById( 'p' ).innerHTML = txt; //-->

チェックボックスのチェックを入れたものを再表示する

解決済

質問者：Scipio93
質問日時：2009/11/17 07:08
回答数：6件

はじめまして。
phpを少しだけコピペプログラミングしたことがある者です。
今mixiアプリに挑戦しているのですが、
JavaScriptは全く知らないので困っています。

http://oshiete1.goo.ne.jp/qa4374471.html
を見ましたがちょっと違うようです。

作りたいものはphpなら下記のようなものです。
http://www.pahoo.org/e-soul/webtech/php02/php02- …
（プログラムを実行するをクリックしてみてください）

最終的にやりたいことは、マイミクの一覧を表示する際、
各マイミクの横にチェックボックスを設け、
チェックを入れたマイミクのみを再表示するというものですが、
とりあえずは、JavaScriptで
チェックボックスのチェックを入れたものを再表示するやり方を教えてください。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (6件)

ベストアンサー優先
最新から表示
回答順に表示

No.4ベストアンサー

回答者： babu_baboo
回答日時：2009/11/17 17:01

あ～

・・・・。
エスパーにはなれそうにないね^^;

test1.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Script-Type" content="application/javascript">
<title>test1.html</title>
<body>
<form method="get" action="test2.html">
<p><input type="checkbox" name="items[0]" value="PHP">PHP
<p><input type="checkbox" name="items[1]" value="Ruby">Ruby
<p><input type="checkbox" name="items[2]" value="Perl">Perl
<p><input type="checkbox" name="items[3]" value="Java">Java
<p><input type="checkbox" name="items[4]" value="JavaScript">JavaScript
<p><input type="checkbox" name="items[5]" value="VisualBasic">VisualBasic
<p><input type="checkbox" name="items[6]" value="VisualC++">VisualC++
<p><input type="checkbox" name="items[7]" value="VisualC#">VisualC#
<p><input type="submit" value="送信">
</form>
</form>
</body>
</html>

test2.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Script-Type" content="application/javascript">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>test2.html</title>
</head>
<body>
<div id="p"></div>

<script type="text/javascript">
</script>
</body>
</html>

- 0
- 件

通報する

この回答へのお礼

babu_babooさんありがとうございます。

items[0]=PHP
items[4]=JavaScript

の表示になりますが、動作を確認できました。
またmixiアプリ上でも同様に動きました！
ありがとうございました。

最終的にやりたいことは、マイミクの一覧を表示する際、
各マイミクの横にチェックボックスを設け、
チェックを入れたマイミクのみを再表示するというものなので、

ＰＨＰの事例のように、質問項目が配列変数
$questions = array('PHP', 'Ruby', 'Perl', 'Java',
'JavaScript', 'VisualBasic', 'VisualC++', 'VisualC#');
のように並びませんでしょうか。
可能であれば何卒よろしくお願いいたします。

通報する

お礼日時：2009/11/18 02:04

No.6

回答者： babu_baboo
回答日時：2009/11/18 19:08

おやくにたてないようです。

ごめんなさい。
あどれすのうしろのぶぶん
http://ww/aa.aa.jp/index.hrml?「ここのぶぶん」←
に、まえのぺーじのでーたをくっつけているので、
もじすうにせいげんがあり、すうひゃくのでーたは、むりっぽい
とかんがえます。なので、PHPとかの、いたに、そうだんしたほうが
よいのかも。

- 0
- 件

通報する

No.5

回答者： babu_baboo
回答日時：2009/11/18 10:43

ごめんなさいね～。

わたし、にほんご、わからなくなりました。
りかいふのうです。だれか、かみくだいておしえて～！

あなたが、あなたのなかで、りかいできていても
それを、たにんが、りかいできるとはかぎらない。
しかも、そのあいてが、あかちゃんれべるなら、なおさらです

そもそも、さいしょの、ごしつもんも・・・・

この回答への補足

全く自分勝手な意味不明の文章にもかかわらず
ご返答いただき誠に申し訳ございません。
不況に苦しむ町工場の人間がmixiアプリにビジネス性を感じ、
やったこともないプログラミングに挑んでいる次第ですので、
何卒お許しください。

以前業務で使うとても簡単なＷＥＢプログラムを、
ＰＨＰのサンプルコードからコピーして作った経験があり
今回もそのくらいのつもりでした。
しかし、opensocialの本はまだ一冊しかなく、
サンプルコードのサイトもほとんどなく、
JavaScriptもXMLもさっぱりわからないため困っております。

最終的にやりたいことは、マイミクの一覧を表示する際、
各マイミクの横にチェックボックスを設け、
チェックを入れたマイミクのみを再表示するというものです。
（そのあとそれを使い簡単なゲームのようなものをやります）

したがって、今回は　'PHP', 'Ruby', 'Perl', 'Java',
'JavaScript', 'VisualBasic', 'VisualC++', 'VisualC#'
の固定した８つにチェックボックスが入りましたが、実際は
'PHP', 'Ruby'のところがマイミクの名前に変わる点と、
人によりマイミクが数人の人もいれば、何十人、何百人（最大千人）
の人もいる点とを、これからやらなければなりません。

マイミクの一覧を表示するプログラムの一例は下記のようなものです。
（これで動くという以外、内容は私にはさっぱりわかりません）

gadgets.util.registerOnLoadHandler(init);

function init() {
loadFriends();
}
function loadFriends() {
var req = opensocial.newDataRequest();
req.add(req.newFetchPersonRequest(opensocial.IdSpec.PersonId.VIEWER), 'viewer');

var viewerFriends = opensocial.newIdSpec({ "userId" : "VIEWER", "groupId" : "FRIENDS" });
var opt_params = {};
opt_params[opensocial.DataRequest.PeopleRequestFields.MAX] = 100;
req.add(req.newFetchPeopleRequest(viewerFriends, opt_params), 'viewerFriends');

req.send(onLoadFriends);
}
function onLoadFriends(data) {
var viewer = data.get('viewer').getData();
var viewerFriends = data.get('viewerFriends').getData();

html = new Array();
html.push('<ol>');
viewerFriends.each(function(person) {
if (person.getId()) {

html.push('<li>' + person.getDisplayName() + "</li>");
}
});
html.push('</ul>');
document.getElementById('friends').innerHTML = html.join('');
}

function soshin(){
document.toroku.submit();
}

<div id="friends"></div>

前半で得た最大１００人のマイミク情報を
後半でArrayを使って表示しているようなので、
サンプルのＰＨＰプログラムのように
array('PHP', 'Ruby', 'Perl', 'Java',
'JavaScript', 'VisualBasic', 'VisualC++', 'VisualC#');
のように要素が並んでいれば、
応用ができるのではと考えた次第です。

しかしマイミクの名前を一人ひとり取り出し、
<p><input type="checkbox" name="items[0]" value="PHP">PHP
<p><input type="checkbox" name="items[1]" value="Ruby">Ruby
<p><input type="checkbox" name="items[2]" value="Perl">Perl
の'PHP', 'Ruby', 'Perl'のところにコピーできればとも考えます。

すみません、もうすぐ昼休みが終わるためこれぐらいの説明になりますが、
もし可能であれば何卒よろしくお願いいたします。

補足日時：2009/11/18 12:49

通報する

- 0
- 件

通報する

No.3

回答者： ryu_chan
回答日時：2009/11/17 15:25

とりあえず、ご提示のPHPスクリプトと同じ動作のものを作ってみました。

- 0
- 件

通報する

この回答へのお礼

babu_babooさんありがとうございます。
動作も確認しました。
javascriptでも簡単に出来たのですね。

ただ、mixiアプリ上では動きませんでした。
選択して送信ボタンを押すと

400: Bad Request

と出てしまいます。
完全にお手上げです。

通報する

お礼日時：2009/11/18 00:41

No.2

回答者： babu_baboo
回答日時：2009/11/17 09:17

//26歳、専業主婦の人妻です。

^^;

いろいろないみで、いみのないような、ながさになってしまいました。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<title>test</title>

<body>
<form action="#">
<p>
<input type="checkbox" name="abc">
<input type="checkbox" name="abc">
<input type="checkbox" name="abc">
<input type="checkbox" name="abc">
<input type="checkbox" name="abc">
<input type="checkbox" name="abc">
</p>

</form>

<script type="text/javascript">

var Collector = function ( tag, key, val ) {
　var t = document.getElementsByTagName( tag );
　var cnt = 0;
　var buf = [];
　var obj;
　
　while( obj = t[ cnt++ ] )
　　if( obj[ key ] && obj[ key ] == val )
　　　buf.push( obj );

　return buf;
};

var Manager = function ( ary, setFunc ) {
　return function ( ) {
　　var cnt = 0;
　　var arg;
　　var parm;
　　
　　while( parm = arguments[ cnt++ ] )
　　　ary[ parm[0] ] && setFunc.call( ary[ parm[0] ], parm[1] );
　};
};

var Setter = function ( sw ) {
　this.checked = sw ? true: false;
};

var checkbox = Manager( Collector( 'INPUT', 'type', 'checkbox' ), Setter );

//checkboxの 0,1,4番目をonにして、2,3番目をoffにする
checkbox( [0, 1 ], [1,true], [4, 'on'], [2, false],[3,0] );

</script>