웹페이지 검색어 마킹 > 그누보드5 팁자료실

그누보드5 팁자료실

웹페이지 검색어 마킹 정보

웹페이지 검색어 마킹

본문

   자바스크립트 이용 웹페이지의 검색어를 노란색으로 마킹합니다.

 

     <form id="f1" name="f1" action="javascript:void()">

        <input type="text" id="t1" name="t1" size=20 style="width:150px; font-size:20px; border:1px solid #eee;">

        <input type="button" value="검색" id="search_btn" style="font-size:16px; border:1px solid #eee; background-color:pink; padding:5px; color:white; border-radius:5px; cursor:pointer;">

      </from>

 

<script>

    var k;

    var temp;

    $(document).ready(function() {

      $('#search_btn').on('click',function(){

        k = $("#t1").val();

        if (k != ''){

        var text = $('.textbook').html();

        $('.textbook').html(text.replaceAll(`${k}`, "<span class='textspot' style='background-color:yellow;'>" + `${k}` + "</span>"));

        }

      });

    })

    </script>

추천
2

댓글 2개

전체 2,096 |RSS
그누보드5 팁자료실 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIR SOFT