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 를 입력하여 위치를 지정할 수 있습니다.