팝업으로 웹 사이트를 요소 호버에 자바 스크립트로 표시

Question

html 페이지에 동적 팝업 창이 있습니다. 사용자가 단어를 가리키면 팝업이 나타납니다. 팝업 창에서 매개 변수로 hovered 단어가있는 웹 페이지를 호출하려고합니다. 페이지의 모든 단어에 대해 작업 할 필요는 없습니다. 내가 선택한 단어 위로 마우스를 가져 가면 그렇게 작동합니다. 예를 들어, 내 HTML 페이지에 "안녕하세요 이것은 샘플 텍스트입니다"라는 텍스트가 있고 사용자가 "샘플"이라는 단어를 마우스로 가리키면 팝업이 표시되고 팝업에는 다음 페이지 "www.blabla"가 표시됩니다. co.kr /? word = sample "

희망은 분명합니다. 정적 페이지에서 작업 할 수 있기를 원합니다. 나는 아주 새로운 자바 스크립트입니다. 어떤 도움을 주어야할지 모르겠다. 감사합니다. .

편집 : 나는 팝업을 모달 팝업으로하고 싶습니다. 아주 기본적인

Answer 1

, http://www.tizag.com/javascriptT/javascriptevents.php 및 http://www.w3schools.com/jsref/met_win_open.asp

에 자습서를 읽어 그러나 방법의이 종류로, 브라우저 차단기를 자신의 팝업을 게재 할 것을 나는 당신을 알 수 있습니다.

Answer 2

이 효과를 적용 할 요소를 가져오고 루프를 반복하여 각각을 팝업 창으로 표시하는 이벤트 리스너를 추가합니다.

이 단어가 그들 주위 클래스 popup이 이런 일의 원유 구현은 다음과 같습니다

[].slice.apply(document.getElementsByClassName('popup')).forEach(function (elem){ 
    elem.addEventListener('mouseover', function(){ 
     window.open('http://google.com/?q=' + this.innerHTML); 
    }, false); 
});​ 

Demo