kay
조회 수 2357 추천 수 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. 특정 객체가 화면에 보이는지 여부 확인

  2. jQuery Formatnumber , 콤마처리

  3. Select Box Option 동적 추가 , 삭제 , 복사

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

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

  6. woothemes FlexSlider - 슬라이더

  7. jQuery Org Chart - 조직도 그리기

  8. Jquery Slider Bar / 슬라이더 바 3종 샘플

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

  10. Star Rating Plugin - jQuery 별점 주기

  11. jQuery Plugin For Auto Resizing iFrame - iFrame Resizer

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

  13. Jquery Load 유무 체크하기

  14. jquery-syaku.rolling 상하좌우 롤링 ( 자동롤링 , 버튼 )

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

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

  17. 동적으로 추가된 객체에 datepicker() 적용하기

  18. $.trim(str) trim...

  19. Jquery 로 defaultValue 읽어오기

  20. readonly , disabled 지정하기

Board Pagination Prev 1 2 3 Next
/ 3
CLOSE