세이프 서치 모드 > 코딩게시판

  • 댓글
  • 글쓰기

세이프 서치 모드

페이지 정보

작성자  (192.♡.0.1) 작성일 23-10-18 21:28 조회 15,799 댓글 4

본문

데이터 텍스트 파일 내의 단어와 페이지 내의 단어가 일치하면 페이지 블러처리

<?php
$words = file("data.txt", FILE_IGNORE_NEW_LINES | FILE_SKIP_EMPTY_LINES);
?>
<script>
document.addEventListener("DOMContentLoaded", function() {
    var wordsToBlur = <?php echo json_encode($words); ?>;

    function createBlurredElement(originalElement) {
        // '세이프 서칭이 적용됐습니다.' 메시지를 추가
        var message = document.createElement("div");
        message.innerHTML = "세이프 서칭이 적용됐습니다.";
        
        // 완전한 블러 스타일 적용을 위한 spanWrapper 생성
        var blurredElement = originalElement.cloneNode(true);
        blurredElement.style.position = "relative";
        blurredElement.style.overflow = "hidden";
        blurredElement.style.filter = "blur(4px)"; // 블러 강도 조절 가능
        
        blurredElement.appendChild(message);

       return blurredElement;
    }

    function applyBlurToElements(element) {
      wordsToBlur.forEach(function(word) {
          if (element.textContent.includes(word)) {
              var blurredEl= createBlurredElement(element);
              element.replaceWith(blurredEl);
          }
      });

      for (var i=0; i<element.children.length; i++) { 
          applyBlurToElements(element.children[i]); 
      }
  }

  applyBlurToElements(document.body); 

});
</script>
url 복사카카오톡 공유라인 공유페이스북 공유트위터 공유

댓글목록 4

2kat님의 댓글

no_profile 2kat 아이피 (222.♡.250.95) 작성일

?

2kat님의 댓글

no_profile 2kat 아이피 (222.♡.250.95) 작성일

?

bot님의 댓글

bot 아이피 (222.♡.250.95) 작성일

경제 (Economy)

익명님의 댓글

아이피 (192.♡.0.1) 작성일

개발중

이모티콘
전체 216건 1 페이지
게시물 검색