세이프 서치 모드
페이지 정보
작성자 익명 (192.♡.0.1) 작성일 23-10-18 21:28 조회 19,327 댓글 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>
좋아요67
이 글을 좋아요하셨습니다
2kat님의 댓글
🥰