Yui: различия между версиями
Содержимое удалено Содержимое добавлено
Moriline (обсуждение | вклад) Нет описания правки |
Moriline (обсуждение | вклад) Нет описания правки |
||
Строка 717:
<h3><span>Container (Контейнер)</span></h3>
'''Создание простого tooltip (всплывающей подсказки):'''
<source lang="javascript">
<!-- 1 -->
<script type="text/javascript">▼
<link rel="stylesheet" type="text/css" href="yui/build/fonts/fonts-min.css" />
<link rel="stylesheet" type="text/css" href="yui/build/container/assets/skins/sam/container.css" />
<script type="text/javascript" src="yui/build/yahoo-dom-event/yahoo-dom-event.js"></script>
<script type="text/javascript" src="yui/build/container/container.js"></script>
<style>
#tool { background:orange;width:100px;height:100px; }
</style>
<!-- 1 -->
<!-- 2 -->
<p id="tool">Hover over me to see a Tooltip!</p>
<p><a id="link" href="http://www.yahoo.com/" title="Second tooltip for link">Hover over me to see a Tooltip!</a></p>
▲<script type="text/javascript">
YAHOO.namespace("example.container");
YAHOO.example.container.tt1 = new YAHOO.widget.Tooltip("tt1", { context:"tool", text:"First tooltip for element id='tool'" });
//динамическое назначение подсказки
YAHOO.example.container.tt2 = new YAHOO.widget.Tooltip("tt2", { context:"link" });
// подсказка взятая из 'title'
</script>
<!-- 2 -->
</source>
| |||