1: <html>
2: <head>
3: <title>Dojo Toolkit Test Page</title>
4: 5: <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/dojo/1.5/dijit/themes/tundra/tundra.css"/>
6: <script src="http://ajax.googleapis.com/ajax/libs/dojo/1.5/dojo/dojo.xd.js" type="text/javascript" djConfig="parseOnLoad:true, isDebug:true"></script>
7: <script type="text/javascript">
8: dojo.require("dijit.Tooltip");
9: </script>
10: 11: </head>
12: <body class="tundra">
13: 14: 15: <textarea id="textarea1">tooltip below</textarea>
16: <div dojoType="dijit.Tooltip" connectId="textarea1" style="display:none; width: 100px;" position="below" >
17: 안녕하세요..18: </div>
19: 20: </body>
21: </html>
22: Dojo를 이용하여 툴팁을 표시하는 소스입니다.
position 속성에 below , above, before, after 를 입력하여 위치를 지정할 수 있습니다.
댓글 없음:
댓글 쓰기