Что то я делаю не то...
Вот отличные всплывающие подсказки
http://vadikom.com/demos/poshytip/
Исходники
http://vadikom.com/files/?file=poshytip/poshytip-1.0.zip
Вроде ничего сложного ( это жёстко урезанная демо страница):
Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<!-- Tooltip classes -->
<link rel="stylesheet" href="../src/tip-yellow/tip-yellow.css" type="text/css" />
<link rel="stylesheet" href="../src/tip-violet/tip-violet.css" type="text/css" />
<link rel="stylesheet" href="../src/tip-darkgray/tip-darkgray.css" type="text/css" />
<link rel="stylesheet" href="../src/tip-skyblue/tip-skyblue.css" type="text/css" />
<link rel="stylesheet" href="../src/tip-yellowsimple/tip-yellowsimple.css" type="text/css" />
<link rel="stylesheet" href="../src/tip-twitter/tip-twitter.css" type="text/css" />
<link rel="stylesheet" href="../src/tip-green/tip-green.css" type="text/css" />
<!-- jQuery and the Poshy Tip plugin files -->
<script type="text/javascript" src="includes/jquery-1.4.min.js"></script>
<script type="text/javascript" src="../src/jquery.poshytip.js"></script>
</head>
<a id="demo-basic" title="Hey, there! This is a tooltip." href="#">Hover for a tooltip</a>
<body>
</body>
</html>
В header.tpl указываем пути к скриптам и таблицам стилей css, вставляем между
<head> и </head> ( все пути верные - проверял не один раз)
Код:
<!-- jQuery and the Poshy Tip plugin files -->
<script type="text/javascript" src="{$js_dir}jquery-1.4.min.js"></script>
<script type="text/javascript" src="{$js_dir}jquery.poshytip.js"></script>
<script type="text/javascript" src="{$js_dir}jquery.tip.js"></script>
<!-- /jQuery and the Poshy Tip plugin files -->
<!-- Setup examples on this page -->
{literal}<script type="text/javascript">
$(function(){
$('#demo-basic').poshytip();
});
</script>{/literal}
<!-- /Setup examples on this page -->
<!-- Tooltip classes -->
<link rel="stylesheet" href="{$img_dir}tip-yellow/tip-yellow.css" type="text/css" />
<link rel="stylesheet" href="{$img_dir}tip-violet/tip-violet.css" type="text/css" />
<link rel="stylesheet" href="{$img_dir}tip-darkgray/tip-darkgray.css" type="text/css" />
<link rel="stylesheet" href="{$img_dir}tip-skyblue/tip-skyblue.css" type="text/css" />
<link rel="stylesheet" href="{$img_dir}tip-yellowsimple/tip-yellowsimple.css" type="text/css" />
<link rel="stylesheet" href="{$img_dir}tip-twitter/tip-twitter.css" type="text/css" />
<link rel="stylesheet" href="{$img_dir}tip-green/tip-green.css" type="text/css" />
<!-- /Tooltip classes -->
чуток ниже, так же между
<head> и </head> добавляем
Код:
<!-- Setup examples on this page -->
{literal}<script type="text/javascript">
$(function(){
$('#demo-basic').poshytip();
});
</script>{/literal}
<!-- /Setup examples on this page -->
Далее, что сформировалась подсказка вставляем в tpl файлы
Код:
<a id="demo-basic" title="Hey, there! This is a tooltip." href="#">Hover for a tooltip</a>
пробовал вставлять этот код:
Код:
<!-- Setup examples on this page -->
{literal}<script type="text/javascript">
$(function(){
$('#demo-basic').poshytip();
});
</script>{/literal}
<!-- /Setup examples on this page -->
в tpl файлы, чуть выше кода формирования подсказок, но это не к чему не приводит
4 дня уже бьюсь, есть идеи?
Сообщение отредактировано Fant63 16-04-2011 14:48 ...
Alt в виде картинки