回答編集履歴
5
見やすく更新
test
CHANGED
@@ -152,6 +152,10 @@
|
|
152
152
|
|
153
153
|
|
154
154
|
|
155
|
+
|
156
|
+
|
157
|
+
```php
|
158
|
+
|
155
159
|
//更新ボタンを押したときの処理
|
156
160
|
|
157
161
|
$(document).on('click','.updateTask',function(){
|
@@ -190,11 +194,13 @@
|
|
190
194
|
|
191
195
|
});
|
192
196
|
|
193
|
-
|
197
|
+
```
|
198
|
+
|
199
|
+
|
200
|
+
|
201
|
+
|
202
|
+
|
194
|
-
|
203
|
+
```php
|
195
|
-
|
196
|
-
|
197
|
-
|
198
204
|
|
199
205
|
|
200
206
|
|
@@ -230,7 +236,7 @@
|
|
230
236
|
|
231
237
|
));
|
232
238
|
|
233
|
-
|
239
|
+
```
|
234
240
|
|
235
241
|
|
236
242
|
|
4
加筆
test
CHANGED
@@ -119,3 +119,121 @@
|
|
119
119
|
稚拙ですがこんな感じでうまく挙動しましたよ!
|
120
120
|
|
121
121
|
遷移せずふわ〜っと削除した要素が消える仕組みになってます。
|
122
|
+
|
123
|
+
|
124
|
+
|
125
|
+
|
126
|
+
|
127
|
+
|
128
|
+
|
129
|
+
|
130
|
+
|
131
|
+
|
132
|
+
|
133
|
+
回答遅れてすみません。。!
|
134
|
+
|
135
|
+
お待たせしました。
|
136
|
+
|
137
|
+
|
138
|
+
|
139
|
+
編集もだいたい削除とは変わらない書き方になります。
|
140
|
+
|
141
|
+
|
142
|
+
|
143
|
+
削除ボタンの隣に
|
144
|
+
|
145
|
+
「updateTask]というクラスを定義して、
|
146
|
+
|
147
|
+
クリックした時にidとタイトルの情報を
|
148
|
+
|
149
|
+
_ajax_update_task.phpにポストして処理させます。
|
150
|
+
|
151
|
+
|
152
|
+
|
153
|
+
|
154
|
+
|
155
|
+
//更新ボタンを押したときの処理
|
156
|
+
|
157
|
+
$(document).on('click','.updateTask',function(){
|
158
|
+
|
159
|
+
var id = $(this).parent().data('id');
|
160
|
+
|
161
|
+
var title = $(this).prev().val();
|
162
|
+
|
163
|
+
$.post('_ajax_update_task.php',{
|
164
|
+
|
165
|
+
id: id,
|
166
|
+
|
167
|
+
title: title
|
168
|
+
|
169
|
+
},function(rs){
|
170
|
+
|
171
|
+
**//編集し終わった後に編集前と同じボタンやらをつけてあげないといけないのでここで付け足していくものを定義してあげる。**
|
172
|
+
|
173
|
+
var e = $(
|
174
|
+
|
175
|
+
'<input type="checkbox" class="checkTask">'+
|
176
|
+
|
177
|
+
'<span></span>'+
|
178
|
+
|
179
|
+
'<span class="editTask">[編集]</span>' +
|
180
|
+
|
181
|
+
'<span class="deleteTask">[削除]</span>' +
|
182
|
+
|
183
|
+
'<span class="drag">[drag]</span>'
|
184
|
+
|
185
|
+
);
|
186
|
+
|
187
|
+
$('#task_'+id).empty().append(e).find('span:eq(0)').text(title);
|
188
|
+
|
189
|
+
});
|
190
|
+
|
191
|
+
});
|
192
|
+
|
193
|
+
|
194
|
+
|
195
|
+
|
196
|
+
|
197
|
+
|
198
|
+
|
199
|
+
|
200
|
+
|
201
|
+
ーーーー_ajax_update_task.phpーーーー
|
202
|
+
|
203
|
+
<?php
|
204
|
+
|
205
|
+
//共通ファイルの読み込み
|
206
|
+
|
207
|
+
require_once('config.php');
|
208
|
+
|
209
|
+
require_once('functions.php');
|
210
|
+
|
211
|
+
|
212
|
+
|
213
|
+
//データベースとの接続
|
214
|
+
|
215
|
+
$dbh = connectDb();
|
216
|
+
|
217
|
+
$dbh->query('SET NAMES utf8');//文字化け防止
|
218
|
+
|
219
|
+
|
220
|
+
|
221
|
+
$sql = "update tasks set title =:title,modified = now() where id = :id";//タスクのタイトルを打ち込まれたタイトルに変更して時間の変更時間をアップデートする。
|
222
|
+
|
223
|
+
$stmt = $dbh->prepare($sql);
|
224
|
+
|
225
|
+
$stmt->execute(array(
|
226
|
+
|
227
|
+
":id" => (int)$_POST['id'],
|
228
|
+
|
229
|
+
":title" => $_POST['title']
|
230
|
+
|
231
|
+
));
|
232
|
+
|
233
|
+
|
234
|
+
|
235
|
+
|
236
|
+
|
237
|
+
|
238
|
+
|
239
|
+
こんな感じでいかがでしょうか?
|
3
誤字修正
test
CHANGED
@@ -6,7 +6,7 @@
|
|
6
6
|
|
7
7
|
下記のような書き方で
|
8
8
|
|
9
|
-
|
9
|
+
sskさんが悩む部分のプログラムを書きました。
|
10
10
|
|
11
11
|
**ajaxを読み込ませて**リストを管理するというものでした。
|
12
12
|
|
2
見やすくしました
test
CHANGED
@@ -1,12 +1,14 @@
|
|
1
1
|
こんにちは。
|
2
2
|
|
3
|
-
私は新米プログラマなので
|
3
|
+
私は新米プログラマなので正しく無い文法があるかもしれない点は
|
4
4
|
|
5
|
-
|
5
|
+
ご容赦いただきたいのですが、
|
6
|
+
|
7
|
+
下記のような書き方で
|
6
8
|
|
7
9
|
以前sskさんが悩む部分のプログラムを書きました。
|
8
10
|
|
9
|
-
ajaxを読み込ませてリストを管理するというものでした。
|
11
|
+
**ajaxを読み込ませて**リストを管理するというものでした。
|
10
12
|
|
11
13
|
|
12
14
|
|
@@ -32,7 +34,7 @@
|
|
32
34
|
|
33
35
|
//表示する内容 〜〜〜
|
34
36
|
|
35
|
-
<span class="deleteTask">[削除]</span> ←削除ボタンです
|
37
|
+
<span class="deleteTask">[削除]</span>** ←削除ボタンです**
|
36
38
|
|
37
39
|
</li>
|
38
40
|
|
@@ -56,21 +58,21 @@
|
|
56
58
|
|
57
59
|
$(document).on('click', '.deleteTask', function() {
|
58
60
|
|
59
|
-
if (confirm('本当に削除しますか?')) { ←削除をボタンを押すと確認が表示されます。
|
61
|
+
if (confirm('本当に削除しますか?')) {** ←削除をボタンを押すと確認が表示されます。**
|
60
62
|
|
61
63
|
var id = $(this).parent().data('id');
|
62
64
|
|
63
|
-
↑deleteTaskの親要素である<li>のデータidを変数に入れちゃいます。
|
65
|
+
** ↑deleteTaskの親要素である<li>のデータidを変数に入れちゃいます。**
|
64
66
|
|
65
67
|
|
66
68
|
|
67
|
-
$.post('_ajax_delete_task.php', { ←削除する処理が書いてあるファイルにidをPOSTします。
|
69
|
+
$.post('_ajax_delete_task.php', { ** ←削除する処理が書いてあるファイルにidをPOSTします。**
|
68
70
|
|
69
71
|
id: id
|
70
72
|
|
71
73
|
}, function(rs) {
|
72
74
|
|
73
|
-
$('#task_'+id).fadeOut(800); //処理が終わった後の挙動:フェードアウト0.8秒させます
|
75
|
+
$('#task_'+id).fadeOut(800); **//処理が終わった後の挙動:フェードアウト0.8秒させます**
|
74
76
|
|
75
77
|
});
|
76
78
|
|
@@ -102,7 +104,7 @@
|
|
102
104
|
|
103
105
|
$sql = "update tasks set type = 'deleted',modified = now() where id = :id";
|
104
106
|
|
105
|
-
//タスクのタイプをdeletedに変更して、変更時間をアップデートする。
|
107
|
+
**//タスクのタイプをdeletedに変更して、変更時間をアップデートする。**
|
106
108
|
|
107
109
|
$stmt = $dbh->prepare($sql);
|
108
110
|
|
1
誤字修正
test
CHANGED
@@ -1,8 +1,8 @@
|
|
1
1
|
こんにちは。
|
2
2
|
|
3
|
-
私は新米プログラマなので完膚無きまでに正しいか不明な可能性
|
3
|
+
私は新米プログラマなので完膚無きまでに正しいか不明な可能性があるので
|
4
4
|
|
5
|
-
ご容赦いただきたいのですが、下記のような書き方で
|
5
|
+
そこはご容赦いただきたいのですが、下記のような書き方で
|
6
6
|
|
7
7
|
以前sskさんが悩む部分のプログラムを書きました。
|
8
8
|
|