はじめまして。
phpを少しだけコピペプログラミングしたことがある者です。
今mixiアプリに挑戦しているのですが、
JavaScriptは全く知らないので困っています。
http://oshiete1.goo.ne.jp/qa4374471.html
を見ましたがちょっと違うようです。
作りたいものはphpなら下記のようなものです。
http://www.pahoo.org/e-soul/webtech/php02/php02- …
(プログラムを実行するをクリックしてみてください)
最終的にやりたいことは、マイミクの一覧を表示する際、
各マイミクの横にチェックボックスを設け、
チェックを入れたマイミクのみを再表示するというものですが、
とりあえずは、JavaScriptで
チェックボックスのチェックを入れたものを再表示するやり方を教えてください。
No.4ベストアンサー
- 回答日時:
あ~
・・・・。
エスパーにはなれそうにないね^^;
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"><!--
function getLocation () {
var par = location.search.substring(1).split( '&' );
var cnt = 0, pac, nv, ret = { };
while( pac = par[ cnt++ ] ) {
nv = pac.split( '=' );
ret[ decodeURIComponent( nv[0] ) ] = decodeURIComponent( nv[1] );
}
return ret;
}
var key, txt = '', o, p = getLocation();
for( key in p )
txt += key + '=' + p[ key ] + '<br>';
document.getElementById( 'p' ).innerHTML = txt;
//-->
</script>
</body>
</html>
babu_babooさんありがとうございます。
items[0]=PHP
items[4]=JavaScript
の表示になりますが、動作を確認できました。
またmixiアプリ上でも同様に動きました!
ありがとうございました。
最終的にやりたいことは、マイミクの一覧を表示する際、
各マイミクの横にチェックボックスを設け、
チェックを入れたマイミクのみを再表示するというものなので、
PHPの事例のように、質問項目が配列変数
$questions = array('PHP', 'Ruby', 'Perl', 'Java',
'JavaScript', 'VisualBasic', 'VisualC++', 'VisualC#');
のように並びませんでしょうか。
可能であれば何卒よろしくお願いいたします。
No.6
- 回答日時:
おやくにたてないようです。
ごめんなさい。あどれすのうしろのぶぶん
http://ww/aa.aa.jp/index.hrml?「ここのぶぶん」←
に、まえのぺーじのでーたをくっつけているので、
もじすうにせいげんがあり、すうひゃくのでーたは、むりっぽい
とかんがえます。なので、PHPとかの、いたに、そうだんしたほうが
よいのかも。
No.5
- 回答日時:
ごめんなさいね~。
わたし、にほんご、わからなくなりました。
りかいふのうです。だれか、かみくだいておしえて~!
あなたが、あなたのなかで、りかいできていても
それを、たにんが、りかいできるとはかぎらない。
しかも、そのあいてが、あかちゃんれべるなら、なおさらです
そもそも、さいしょの、ごしつもんも・・・・
この回答への補足
全く自分勝手な意味不明の文章にもかかわらず
ご返答いただき誠に申し訳ございません。
不況に苦しむ町工場の人間がmixiアプリにビジネス性を感じ、
やったこともないプログラミングに挑んでいる次第ですので、
何卒お許しください。
以前業務で使うとても簡単なWEBプログラムを、
PHPのサンプルコードからコピーして作った経験があり
今回もそのくらいのつもりでした。
しかし、opensocialの本はまだ一冊しかなく、
サンプルコードのサイトもほとんどなく、
JavaScriptもXMLもさっぱりわからないため困っております。
最終的にやりたいことは、マイミクの一覧を表示する際、
各マイミクの横にチェックボックスを設け、
チェックを入れたマイミクのみを再表示するというものです。
(そのあとそれを使い簡単なゲームのようなものをやります)
したがって、今回は 'PHP', 'Ruby', 'Perl', 'Java',
'JavaScript', 'VisualBasic', 'VisualC++', 'VisualC#'
の固定した8つにチェックボックスが入りましたが、実際は
'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>
前半で得た最大100人のマイミク情報を
後半でArrayを使って表示しているようなので、
サンプルのPHPプログラムのように
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'のところにコピーできればとも考えます。
すみません、もうすぐ昼休みが終わるためこれぐらいの説明になりますが、
もし可能であれば何卒よろしくお願いいたします。
No.3
- 回答日時:
とりあえず、ご提示のPHPスクリプトと同じ動作のものを作ってみました。
<script>
window.onload = function() {
var values = [];
var query = location.search.substr(1).split("&");
for ( var i in query ) {
if ( query[i].match(/.+=(.+)/) ) {
values.push( unescape(RegExp.$1) );
}
}
if ( values.length ) {
document.getElementById("input").style.display = "none";
var result = document.getElementById("result");
var url = location.href.split("?")[0];
result.innerHTML = "<p>■選択された言語</b></p>"
+ values.join("<br>")
+ '<p><a href="' + url + '">戻る</a></p>';
}
}
</script>
<form>
<p id="input">
<input type="checkbox" name="item0" value="PHP">PHP<br>
<input type="checkbox" name="item1" value="Ruby">Ruby<br>
<input type="checkbox" name="item2" value="Perl">Perl<br>
<input type="checkbox" name="item3" value="Java">Java<br>
<input type="checkbox" name="item4" value="JavaScript">JavaScript<br>
<input type="checkbox" name="item5" value="VisualBasic">VisualBasic<br>
<input type="checkbox" name="item6" value="VisualC++">VisualC++<br>
<input type="checkbox" name="item7" value="VisualC#">VisualC#<br>
<input type="submit" value="送信">
</p>
</form>
<div id="result">
</div>
babu_babooさんありがとうございます。
動作も確認しました。
javascriptでも簡単に出来たのですね。
ただ、mixiアプリ上では動きませんでした。
選択して送信ボタンを押すと
400: Bad Request
と出てしまいます。
完全にお手上げです。
No.2
- 回答日時:
//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>
babu_babooさん、ありがとうございます。
JavaScriptでも可能だということがわかり希望が持てました。
ただ何分全くわかっていないもので、
ボタンを押したら画面が変わるところまでお教えいただけると助かります。
よろしくお願いいたします。
No.1
- 回答日時:
fujillinさん、ありがとうございます。
JavaScriptでも可能だということがわかり希望が持てました。
ただ何分全くわかっていないもので、
ボタンを押したら画面が変わるところまでお教えいただけると助かります。
よろしくお願いいたします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- MySQL MySQL,JavaScript,PHPコードの結果を表示する方法を教えてください。 1 2023/02/13 17:49
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript javaScriptで画面に値を入れるには 1 2022/08/14 12:27
- Excel(エクセル) スプレッドシートのチェックボックスとフィルタを連携させたい 2 2022/09/26 18:02
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- Excel(エクセル) 表内で、Enterキーで横→行の最後入力したら次の行の先頭に移動するマクロを作りたい 3 2022/05/01 21:19
- Visual Basic(VBA) エクセルでフォームのチェックボックスを使用した日付表示切替を作りたい 3 2023/07/11 10:47
- PHP PHP MySql ページング 2 2022/09/20 06:38
- Excel(エクセル) Libreoffice calcで人名を取り消し線を入れたい。 2 2022/09/10 15:27
- Excel(エクセル) たくさんあるフォームコントロールを効率よく確認するには 1 2022/12/24 12:27
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
背景色を変えて未入力チェック...
-
【jsp/Java】チェックボックス...
-
確認ページからフォームページ...
-
フォームのチェックボックスの...
-
チェックボックスのON/OFFでVal...
-
チェックボックスで合計値を計...
-
checkboxをクリックしてリロー...
-
Objective-Cでチェックボックス...
-
複数のチェックボックス項目が...
-
チェックボックスの未入力チェック
-
チェックボックスで指定したも...
-
チェックボックスを利用した表...
-
return trueとreturn falseの用...
-
onchangeイベントを強制的に発...
-
Selectボックスの幅を自動で広...
-
javascriptでhiddenに二次元配...
-
ボタン2回押しを無効にしたい
-
【jQuery】input nameの文字列...
-
プルダウン選択を変更すると、...
-
FormのonsubmitでJavaスクリプ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
【jsp/Java】チェックボックス...
-
チェックボックスのON/OFFでVal...
-
複数のチェックボックス項目が...
-
checkboxをクリックしてリロー...
-
背景色を変えて未入力チェック...
-
チェックボックスの設定
-
チェックボックスのON/OFFに応...
-
EclipseでSpringを使用し、テー...
-
JSP内で可変するチェックボック...
-
オフになっているチェックボッ...
-
複数あるチェックボックスから...
-
チェックボックスが複数ある場...
-
チェックボックスに全てチェッ...
-
確認ページからフォームページ...
-
特定のID(またはクラス)で括ら...
-
チェックボックス
-
ラジオボタンとチェックボック...
-
チェックボックスで指定したも...
-
チェックボックスを使って条件検索
-
配列のチェックボックスをjavas...
おすすめ情報