2011-12-19 7 views
0

링크 위로 마우스를 가져 가면 내 페이지에 팝업 창이 나타납니다. 팝업은 텍스트 또는 이미지가 아니라 자체 웹 페이지입니다. 팝업은 onmouseover에 아무 문제없이 나타나지만, 나는 그것이 onmouseout에서 사라지게 할 수없는 것처럼 보입니다. onmouseout 팝업을 숨기려면 자바 스크립트 코드를 작성해야한다는 것을 알고 있지만 제대로 작동하지 않는 것 같습니다. 누구든지 어떤 제안이 있습니까?asp.net/jquery에서 마우스를 닫을 때 나타나는 팝업 표시

<a class="hoverlink" href="#" onmouseover="javascript:openPopup('TCW_BannerIPGChart.aspx?IPG_desc=<%# Eval("IPG_desc") %>&banner=Cub Foods&enterprise_zone=1')" onmouseout="javascript:closePopup()"><%# Eval("IPG_desc")%></A> 

내가 제대로 JQuery와 그것을 정의 할 수 없었다 때문에 의미가 페이지의 I 마우스 아웃 closePopup이 정의되지 말한다 오류는, 그래서 만약 사람이 어떻게 좋겠 알고 : 여기 내 코드입니다 정말 감사합니다. 보조 노트로, 나는 위의 asp.net 코드보다 더 openPopup을 정의 할 필요가 없다. 나는 그것이 왜 여분의 코드가 필요하지 않은지 모르겠다.

+0

'무엇을 closePopup'합니까? 지금까지 내가 알고있는'openPopup'과'closePopup'은 자바 스크립트 –

+0

에 내장되어 있지 않습니다.하지만 당신이 ins't jquery를 보여주는 예제에서는 순수 자바 스크립트처럼 보입니다. 우리에게 당신의 js 코드를 보여주세요. – Jorge

+0

예. 미안하지만 더 잘 설명해야합니다. openPopup 자바 스크립트는 이전 시도의 일부 였고 필요한 코드가 무엇인지 파악할 수 없었기 때문에 js 또는 jquery 코드가 없습니다. 내가 asp 코드를 표시하는 이유는 자바 스크립트에 추가 할 때 asp 코드를 잘라내는데 필요한 것에 대한 조언을 얻기를 원했기 때문입니다. 예를 들어, 나는 onmouseover를 떠나야합니까? 그렇다면 다른 코드로 작성한 자바 스크립트 코드로 어떤 코드를 사용해야합니까? jquery를 작성한 가장 최근의 시도는 다음과 같습니다. – TBK

답변

1

어쩌면 당신은 호버를 사용해야합니다. ... --- 이 더 바이올린을 난 당신의 코드가 어떻게 보이는지 모르겠지만, 이것은이

http://jsfiddle.net/pixelass/8y7RP/

$('.hoverlink').hover(function(){ 
    $('#popup').toggle(); 
}) 

--- UPDATE를하는 간단한의 jQuery 방법입니다

http://jsfiddle.net/pixelass/8y7RP/6/

http://jsfiddle.net/pixelass/8y7RP/5/

+0

코드를 보내 주셔서 감사합니다.이 솔루션은 분명 내가 찾고있는 솔루션입니다. 하지만 몇 가지 질문이 있습니다. 첫째, jsfiddle 링크에서 보여준 html, javascript 및 css를 구현 했으므로 혼란 스럽긴하지만 링크 위로 마우스를 가져 가면 팝업이 나타나지 않는 것 같습니다. 내 다른 질문은 페이지의 div에 콘텐츠를 만드는 대신 하이퍼 링크로 팝업을 정의하도록 할 수 있습니까? – TBK

+0

코드를 $ (document) .ready (function() {CODE GOES HERE})에 넣어야합니다. 동적 창에 대한 http://jsfiddle.net/pixelass/8y7RP/6/ 또는 http://jsfiddle.net/pixelass/8y7RP/5/. 아무것도 만들 수 있습니다. – pixelass

+0

이것은 지연된 응답에 대해 유감스럽게 생각합니다. Alse 나는 jsfiddle 사이트를 좋아합니다. 코드를 이해하고 사용하기가 매우 쉽습니다. – TBK