멀티창을 통해 웹 페이지에서 다른 일과 동시에 검색을 할 수 있는 플러그인

Content

Get Started - javascript

플러그인을 사용하고자하는 html의 <body> 태그 안에다 스크립트를 넣습니다. 스크립트가 로드 되면서 필요한 파일들을 불러오고 사용할 준비가 되면 검색창 버튼이 나타납니다.

<aside> ✅ 플러그인 스크립트에서 info.name 에 플러그인을 사용하는 웹 페이지 이름을 넣어서 사용해 주세요:)

</aside>

Plugin Script

플러그인을 사용할 페이지에 아래 코드를 붙여넣어 주세요.

<!--Multi Window Plugin Script-->
<script src="/js/plugin.js" charset="UTF-8"></script>
<script>
  (function() {
    const w = window;
    if(w.MultiWindow) {
      return (window.console.log)('Multi Window script included already');
    }

    let style = function() {
      style.pushArgs(arguments);
    }

    style.arg = [];
    style.pushArgs = function(args) {
      style.arg.push(args);
    }

    w.buttonCustom = style;

    function init() {
      info.name = "YOUR_WEB_PAGE_NAME" //fill your web page name

      if(!info.name) {
        info.name = "web name";
      }
    }

    function load() {
      if(w.multiWindowInitialized) {
        return;
      }
      init();
      w.multiWindowInitialized = true;
    }
    if(document.readyState === 'complete') {
      load();
    }
    else if (window.attachEvent) {
      window.attachEvent('onload', load);
    }
    else {
      window.addEventListener('DOMContentLoaded', load, false);
    }
  })();
</script>

Starter Sample

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
    <title>sample</title>
          
  </head>
  <body>
    <h1>sample test</h1>
		
    <!--Multi Window Plugin Script-->
    <script src="/js/plugin.js" charset="UTF-8"></script>
		<script>
		  (function() {
		    const w = window;
		    if(w.MultiWindow) {
		      return (window.console.log)('Multi Window script included already');
		    }
		
		    let style = function() {
		      style.pushArgs(arguments);
		    }
		
		    style.arg = [];
		    style.pushArgs = function(args) {
		      style.arg.push(args);
		    }
		
		    w.buttonCustom = style;
		
		    function init() {
		      info.name = "HaionNet Manual" //fill your web page name
		
		      if(!info.name) {
		        info.name = "web name";
		      }
		    }
		
		    function load() {
		      if(w.multiWindowInitialized) {
		        return;
		      }
		      init();
		      w.multiWindowInitialized = true;
		    }
		    if(document.readyState === 'complete') {
		      load();
		    }
		    else if (window.attachEvent) {
		      window.attachEvent('onload', load);
		    }
		    else {
		      window.addEventListener('DOMContentLoaded', load, false);
		    }
		  })();
    </script>
  </body>
</html>