2012-11-20 6 views
1

현재 내 swf 10 OL 5.0 코드를 DHTML 런타임으로 마이그레이션 중이며이 문제에 직면하고 있습니다.Openlaszlo DHTML 사용자 정의 커서 문제

끌고있는보기에 대한 사용자 지정 커서를 설정할 수 없습니다. 그럼 내가 설명서에 주어진 코드가 작동하지 않는 것으로 나타났습니다. 다음 코드는 swf 10 런타임에서 제대로 실행되지만 DHTML 런타임에서는 작동하지 않습니다.

나는 샘플 코드

<canvas height="30"> 
    <resource name="waitcursor" src="wait.png"/> 
    <view bgcolor="yellow" cursor="waitcursor"> 
    <text>Roll over to change the cursor</text> 
     <handler name="onmouseover"> 
     lz.Cursor.showHandCursor(false); 
     </handler> 
    </view> 
</canvas> 

난 단지 정상적인 커서를 볼 수 있어요 붙어있다. 자바 스크립트를 통해 커서를 변경해 보았지만 작동하지 않았습니다. 스프라이트 이벤트 클래스가 이것을 관리하고 자바 스크립트로 해결할 수 없다는 것을 알았습니다.

현재 5.0 버전에서 Firefox 16.0 Windows를 테스트 중입니다.

답변

3

자원에 대해 잘못된 이름을 사용하고 있습니다. DHTML에서 마우스 커서를 조작 할 때 리소스 이름은 CSS 속성 cursor의 값으로 직접 사용됩니다.

이 코드는 예상대로 작동합니다

<canvas height="500"> 

    <!-- The name attribute used here is directly set as a CSS property 
     cursor: {value of name property}. --> 
    <resource name="wait" src="cursor_wait.png"/> 

    <view bgcolor="yellow" cursor="wait"> 
     <text>Roll over to change the cursor</text> 
     <handler name="onmouseover"> 
      lz.Cursor.showHandCursor(false); 
     </handler> 
    </view> 

</canvas> 

는 W3C 위키에서 봐 CSS property cursor and the allowed values을 문서화 되세요. 허용되는 값은 다음과 같습니다.

[[, | * [auto | 십자선 | 기본 | 포인터 | 이동 | 전자 크기 조정 | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize | 텍스트 | 기다리다 | 도움 | 진행]] | 상속

코드에서 커서 값을 cursor: waitcursor으로 설정하면 브라우저에서 해당 값을 인식 할 수 없습니다. 이 제한 사항은 개발자 가이드에도 언급되어 있습니다. Chapter 31: Input devices and gestures :

DHLML과 SWF로 사용자 정의 커서를 설정할 수 있습니다. DHTML 및 SWF에서 맞춤 커서를 사용하려는 경우 DHTML에 대해 적절한 커서 ID (자세한 내용은 http://www.quirksmode.org/css/cursor.html 참조)를 사용하고 에 SWF에 대한 ID의 이름이 지정된 리소스가 포함되어 있는지 확인하십시오.

+0

감사합니다.이 문제를 이해했습니다. 하지만 여전히 나는 자원으로 설정하고있는 커스텀 리소스를 볼 수 없다. – karthick

+0

다른 리소스를 사용해 보셨습니까? 어쩌면 이미지가 손상되었을 수 있습니까? 이 예제를 워드 프로세서에서 확인하십시오. Chrome 및 Firefox 모두에서 Windows 및 Linux에서 작동합니다. http://www.openlaszlo.org/lps4.9/laszlo-explorer/editor.jsp?src=docs/developers/ programs/cursors.lzx & lzr = dhtml –

관련 문제