ヤマレコなら、もっと自由に冒険できる

Yamareco

HOME > としみずさんのHP > 日記
2019年10月31日 20:52ヤマレコIT部全体に公開

山行記録で間違った写真を大量にアップしたとき

 こんばんは、としみずです。

 先日「『山岳ガイドに質問する』アイコンが使わない人にはジャマなので消してみた」な日記 https://j.mp/2N0IsU4 を書きました💦(写真1)。とりあえず抹消されなかったようでホッとしています💦💦

 そこで使ったアドオン Greasemonkey なんですが、これを使うとhttpsなページでもいろいろ手を加えることができます。と言っても、Javascriptだけで実現するDOM操作は結構面倒くさいので(というか、どうしてこうVBとかJavascriptはこうもまどろっこしいのぉ〜>_<)、うちが日頃のレコ書きで一番困っているコレを今日は実現してみたいと思います。

 それは… 山行記録で間違った写真をいっぱいアップしてしまった時に「アップした写真を一括で全削除する〜」です。削除ボタンを一個一個全部クリックしなくても、Greasemonkeyに以下のスクリプトを追加することで、写真登録ページに「全削除」ボタンが追加されます(写真2)。コレを押すと写真が全削除状態に(写真3)。そして保存を押すと全削除が確定します。やっぱり消したくないと言うときは、バックで前ページに戻る/プレビューボタンを押す/ウィンドウごと消すなどすればokです。

 先の日記ですでにFirefox/Waterfoxにアドオン Greasemonkey が導入済として…

1) スクリプトを新規登録する(画面の操作は、前日記の写真3を見てください〜)
 ・猿のアイコンを左クリック
 ・新規作成を左クリック
 ・以下の2)のスクリプトをコピペ入力
 ・保存のディスクアイコンを左クリック

2)スクリプト本体
-----<ここから>-------------------------------------
// ==UserScript==
// @name ヤマレコ写真の全削除
// @version 1.1
// @include https://www.yamareco.com/modules/yamareco/step2_photo.php*
// @grant none
// ==/UserScript==

(function () {
var e=document.createElement("button");
e.textContent="写真全削除";
e.setAttribute("class","btn btn-danger btn-sm");
e.onclick=del_all_pict;
var p=document.getElementById("reorder_btn");
p.parentNode.appendChild(e);
})();

function del_all_pict() {
var lis=document.getElementById("photo_list").getElementsByTagName("li");
if (lis.length==0) { alert("写真がありません。"); return; }
for(var i=0;i<lis.length;i++) {
var id=lis[i].id;
var e=lis[i].getElementsByClassName("box");
e[0].style.display="none";
e=document.getElementById("del"+id);
e.value=1;
e=lis[i].getElementsByTagName("button");
e[e.length-1].textContent="戻す";
e[e.length-1].setAttribute('class','del btn btn-default btn-sm');
}
}
-----<ここまで>-------------------------------------

(追記5:30)手抜きせずボタンをちゃんと「削除」→「戻す」にして、写真1個ずつ戻せるようにしておきました💦
(追記1/21)後続の「山行記録の写真を一気に移動させる」と併用するとボタンが干渉するため、一部修正しました。またインストール用のURLを用意しました。
 → http://www.nakoruru.mydns.jp/share/yamach/delete_all_photo.user.js
   (上記のソースコードと同じものを上げてあります)
お気に入りした人
拍手で応援
拍手した人
拍手
訪問者数:2350人

コメント

ゲスト
RE: 山行記録で間違った写真を大量にアップしたとき
難しくてなに言ってるのか分かりません。
ちゃんと確認してからアップして下さいね(笑)
2019/10/31 21:17
RE: 山行記録で間違った写真を大量にアップしたとき
 yasponさん、おはおうございます。

 大丈夫です、書いてる本人も何を言っているのか良く判っていませんw
2019/11/1 5:33
RE: 山行記録で間違った写真を大量にアップしたとき
こんばんは!
うーん、ハイレベルすぎてチンプンカンプンですゴメンナサイ。

昔あったみたいな、私作る人、私使う人...この世界では、作る人になるのは超難しいです年寄りだし〜
2019/10/31 21:20
RE: 山行記録で間違った写真を大量にアップしたとき
 showさん、おはようございます。

 そうなんですよ、歳のせいか新しいことがだんだん億劫になってきて…(いかんいかん
 nori3さんの返信で書いたように、これ(Greasemonkey)はまだ数stepですぐ開けるのと、あとはひたすらGoogle先生に、これはなに?あれはどう使うの?と聞きまくりですw
2019/11/1 5:35
RE: 山行記録で間違った写真を大量にアップしたとき
良かった!(笑)

やすさんも、ショウさんも分からない!(笑)
2019/10/31 21:35
RE: 山行記録で間違った写真を大量にアップしたとき
 nori3さん、おはようございます。

 いきなり意味不明なんですが、ちょっと(ブラウザの)その辺のボタンどれでもを右クリックして「要素を検査/調査」って押すと… ブラウザの裏側がすぐそこにあったりノ)゜0゜(乀
2019/11/1 5:38
RE: 山行記録で間違った写真を大量にアップしたとき
ヤマレコの社員募集…副業で応募してみては?(笑)
2019/10/31 23:31
RE: 山行記録で間違った写真を大量にアップしたとき
 chan-reiさん、おはようございます。

 3次遭難発生、3次遭難発生〜 画面雪崩が発生中〜
 とかなるので自重しますです(^_^;;;
2019/11/1 5:40
プロフィール画像
ニッ にっこり シュン エッ!? ん? フフッ げらげら むぅ べー はー しくしく カーッ ふんふん ウィンク これだっ! 車 カメラ 鉛筆 消しゴム ビール 若葉マーク 音符 ハートマーク 電球/アイデア 星 パソコン メール 電話 晴れ 曇り時々晴れ 曇り 雨 雪 温泉 木 花 山 おにぎり 汗 電車 お酒 急ぐ 富士山 ピース/チョキ パンチ happy01 angry despair sad wobbly think confident coldsweats01 coldsweats02 pout gawk lovely bleah wink happy02 bearing catface crying weep delicious smile shock up down shine flair annoy sleepy sign01 sweat01 sweat02 dash note notes spa kissmark heart01 heart02 heart03 heart04 bomb punch good rock scissors paper ear eye sun cloud rain snow thunder typhoon sprinkle wave night dog cat chick penguin fish horse pig aries taurus gemini cancer leo virgo libra scorpius sagittarius capricornus aquarius pisces heart spade diamond club pc mobilephone mail phoneto mailto faxto telephone loveletter memo xmas clover tulip apple bud maple cherryblossom id key sharp one two three four five six seven eight nine zero copyright tm r-mark dollar yen free search new ok secret danger upwardright downwardleft downwardright upwardleft signaler toilet restaurant wheelchair house building postoffice hospital bank atm hotel school fuji 24hours gasstation parking empty full smoking nosmoking run baseball golf tennis soccer ski basketball motorsports cafe bar beer fastfood boutique hairsalon karaoke movie music art drama ticket camera bag book ribbon present birthday cake wine bread riceball japanesetea bottle noodle tv cd foot shoe t-shirt rouge ring crown bell slate clock newmoon moon1 moon2 moon3 train subway bullettrain car rvcar bus ship airplane bicycle yacht

コメントを書く

ヤマレコにユーザー登録いただき、ログインしていただくことによって、コメントが書けるようになります。
ヤマレコにユーザ登録する