2016-10-07 4 views
1

그래서 할당을 위해 이미지를 사용자에게 설명해야합니다. 강사가 원하는 방식으로, "mouseover"자바 스크립트 메서드를 사용하여 이미지를 설명하는 페이지로 사용자를 보내야합니다.마우스 오버를 사용하여 새 페이지로 사용자 보내기

이것은 내가 지금까지 가지고있는 것이지만 작동하도록 할 수는 없습니다.

<div class="image1"> 
<img id="solomid" src="Team_SoloMid.png" alt="Team Solomid Logo" style="width:300px;height:228px"> 
</div> 


<script type="text/javascript"> 
document.getElementbyId("solomid").addEventListener("mouseover", Mouseover); 

function Mouseover(){ 
window.location = "https://en.wikipedia.org/wiki/Team_SoloMid"; 
} 
Mouseover(); 
</script> 

아무도 도와 줄 수 있습니까? 나는 이것의 몇 가지 변형을 가지고 있지만 실제로 사용자를 페이지로 리디렉션하도록 마우스 오버를 얻을 수는 없습니다. 그리고 예, 리그에 관한 페이지입니다. 관심있는 내용에 관한 프로그램을 작성하면 단조 로움을 없앨 수 있습니다.

+1

을 즉시 '마우스 오버()'를 호출하는 이유는 무엇입니까? 페이지가로드되는 즉시 리디렉션되지 않습니까? –

답변

0

document.getElementbyId 기능이 아닙니다. "by"의 "b"는 대문자이어야합니다. 또한 사용자가 즉시 리디렉션되지 않도록 라인 Mouseover();을 제거하십시오.

+0

고마워요! 때로는 그 sytax 것들에 대해 두 번째 눈 쌍이 필요합니다. – nwd12a

+0

네가 무슨 뜻인지 알 겠어. 나는 콘솔에서 오류를 발견하고, 항상 거기를 보면서 기억하고, 프로젝트에 행운을 비네! – Howzieky

0

이 같이 할 수 ..

<div class="image1"> 
     <img id="solomid" onMouseOver="document.location.href='https://en.wikipedia.org/wiki/Team_SoloMid'" src="Team_SoloMid.png" alt="Team Solomid Logo" style="width:300px;height:228px"> 
    </div>