bookmarklet

by chanchihiro 2018-10-29 [2018/10/29 11:29:53]

my bookmarklet

@@ -7,16 +7,37 @@
  */
 (function(){
 
+var SMILE_IMG = 'https://files.slack.com/files-pri/T02HZH8HZ-FDQ3V382X/smile.png';
+
+(function(){
+
+/*
   let memberImages = [];
-  memberImages = document.getElementsByClassName("portfolio-card__item");
+  memberImages = document.getElementsByClassName("portfolio-card__cell__cover");
   let smile_img = document.createElement("img");
   smile_img.src = 'https://files.slack.com/files-pri/T02HZH8HZ-FDQ3V382X/smile.png';
   smile_img.className = 'smile';
 
   function nika() {
-  	alert(memberImages.length);
-		document.body.insertBefore(smile_img,memberImages);
+  	alert(memberImages.length)
+		memberImages.innerHTML =  '<img src="https://files.slack.com/files-pri/T02HZH8HZ-FDQ3V382X/smile.png">';
 	};
 	nika();
+*/
+
+	var $members = document.querySelectorAll('.js-team-manga-image');
+	var img = new Image();
+
+	alert($members.length)
+
+	img.src = SMILE_IMG;
+	img.onload = function() {
+		$members.forEach(function($member) {
+			$member.appendChild(img);
+		});
+	}
+
+}());
+
 
 }());

• /*
   * @title bookmarklet
   * @description my bookmarklet
   * @include http://*
   * @license MIT License
   * @require 
   */
  (function(){
  
  var SMILE_IMG = 'https://files.slack.com/files-pri/T02HZH8HZ-FDQ3V382X/smile.png';
  
  (function(){
  
  /*
    let memberImages = [];
    memberImages = document.getElementsByClassName("portfolio-card__cell__cover");
    let smile_img = document.createElement("img");
    smile_img.src = 'https://files.slack.com/files-pri/T02HZH8HZ-FDQ3V382X/smile.png';
    smile_img.className = 'smile';
  
    function nika() {
    	alert(memberImages.length)
  		memberImages.innerHTML =  '<img src="https://files.slack.com/files-pri/T02HZH8HZ-FDQ3V382X/smile.png">';
  	};
  	nika();
  */
  
  	var $members = document.querySelectorAll('.js-team-manga-image');
  	var img = new Image();
  
  	alert($members.length)
  
  	img.src = SMILE_IMG;
  	img.onload = function() {
  		$members.forEach(function($member) {
  			$member.appendChild(img);
  		});
  	}
  
  }());
  
  
  }());

• Permalink RAW Packed Userscript LOADER Metadata ?

  Permalink

  このページへの個別リンクです。

  RAW

  書かれたコードへの直接のリンクです。

  Packed

  文字列が圧縮された書かれたコードへのリンクです。

  Userscript

  Greasemonkey 等で利用する場合の .user.js へのリンクです。

  Loader

  @require やソースコードが長い場合に多段ロードする Loader コミのコードへのリンクです。

  Metadata

  コード中にコメントで @xxx と書かれたメタデータの JSON です。