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
    Greasemonkey 等で利用する場合の .user.js へのリンクです。
    Loader
    @require やソースコードが長い場合に多段ロードする Loader コミのコードへのリンクです。
    Metadata
    コード中にコメントで @xxx と書かれたメタデータの JSON です。

History

  1. 2018/10/29 11:29:54 - 2018-10-29
  2. 2018/10/29 06:40:35 - 2018-10-29
  3. 2018/10/29 06:15:10 - 2018-10-29