My Name is Kay....

DIY , 먹방 , 개발 , 육아 , 여행 좋아합니다.
AdBlock 사용시 화면이 정상적으로 노출되지 않습니다.
포스팅 관련 문의 및 개발 문의는 Email : wkzkfmxksi@gmail.com

추가 포스팅이 이뤄지지 않는 블로그입니다. 문의는 wkzkfmxksi@gmail.com 으로 연락주세요.
kay
조회 수 2716 추천 수 0 댓글 2
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

특정 페이지 또는 객체에서 키워드 찾는 함수..


1원짜리는 아니고...3원쯤의 가치가..;;


Test Url : http://www.uhoon.co.kr/test/3143.html


* 사용법 
fnKeyWordHighlights("객체 지정","키워드");



아래 샘플은 p태그들에서 감기라는 키워드를 강조하는 예제.


<!DOCTYPE html>
<html>

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>KeyWord Highlights</title> 
	<script src='//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js'></script>
	</head> 
	<script type="text/javascript">
	<!-- 
		$(document).ready(function(){
			fnKeyWordHighlights("p","감기");
		});

		function fnKeyWordHighlights(obj,keyword)
		{
			$(obj).each(function(){  
				$(this).html($(this).html().replace(eval("/"+keyword+"/gi"), "<span style='color:red;font-weight:bold;'>"+keyword+"</span>"));
			});
		} 
	//-->
	</script>
</head>
<body > 
	<p>나는 오늘 감기에 걸렸다. 지겨운 감기.. 너무 싫다.</p>
</body> 
</html>


?
  • ?
    매너달팽이 2015.04.23 14:48

    좋은 글 잘 봤습니다. 이런식으로 출처를 남기면 될까요?

    용도는 개인 스터디 정도입니다. 


    http://blog.naver.com/nosent/220339337662

  • ?
    kay 2015.04.27 11:23

    감사합니다.^^


  1. FadeIn , FadeOut 을 이용한 간단한 메인 배너 이미지 노출.

  2. 기본값 가져오기 get default value

  3. 페이지 또는 객체에서 특정 키워드 강조하기

  4. 우클릭 , 셀 선택 , 드래그 방지 스크립트

  5. Jquery Load 유무 체크하기

  6. Table에 동적 Tr 추가/삭제 하기

  7. 한글/영어 byte 체크해서 자르기

  8. $.trim(str) trim...

  9. 자동 Submit 방지 및 Enter Key 체크하기

  10. input hidden <-> text 변경하기

  11. 1.9x 버전 $.browser 삭제 대체 사용

  12. 에러 리포팅 , Ajax 디버깅 ( JS , ASP ) - 오류메시지 확인하기

  13. XML 파싱

  14. 페이지 로딩 속도 개선 - 이미지 로딩처리

Board Pagination Prev 1 Next
/ 1