0 Пользователей и 1 Гость просматривают эту тему.
  • 6 Ответов
  • 2283 Просмотров
*

radimir013

  • Новичок
  • 3
  • 0 / 0
Двигающиеся tooltips
« : 05.01.2011, 18:07:29 »
Всем здравия,

Подскажите пожалуйста как сделать двигающиеся tooltips как на примере http://www.onlineradiostations.com/members/community.html, для модуля ПОЛЬЗОВАТЕЛИ и НОВЫЕ ФОТО?

Благодарю
*

Diiimonn

  • Захожу иногда
  • 234
  • 29 / 0
Re: Двигающиеся tooltips
« Ответ #1 : 05.01.2011, 18:24:32 »
Весьма просто.
Подключаем wz_tooltip.js:
<script type="text/javascript" src="/путь/к/wz_tooltip.js">
</script>
дальше в нужный блок помещаете два события:
onmouseover="Tip('Основной текст', TITLE, 'Название окошка')"
onmouseout="UnTip()"

вот и все ^-^
Создание расширений для Joomla
Skype: diiimonn
ICQ: 351181332
*

radimir013

  • Новичок
  • 3
  • 0 / 0
Re: Двигающиеся tooltips
« Ответ #2 : 05.01.2011, 21:26:21 »
Крайне извиняюсь за свой не профессионализм. Но. Где мы берем wz_tooltip.js? Это файл или скрипт упомянутый ниже?

Куда прописываем этот скрипт в index.php?

Благодарю
*

Diiimonn

  • Захожу иногда
  • 234
  • 29 / 0
Re: Двигающиеся tooltips
« Ответ #3 : 05.01.2011, 22:03:41 »
Файл возмите отсюда http://www.onlineradiostations.com/members/templates/vinove_ors/js/wz_tooltip/wz_tooltip.js
Прописываем желательно там где он нужен, т.е. нерационально будет его загружать не тех страницах где он не используется.Но впринципе можно и в шаблон(index.php) вписать.
События пишем например так
Код
<img src="/hgfdhgfdgh/gfggf.jpg" onmouseover="Tip('Основной текст', TITLE, 'Название окошка')" onmouseout="UnTip()" />

---
а профессионализм дело наживное ^-^
Создание расширений для Joomla
Skype: diiimonn
ICQ: 351181332
*

SuperStar

  • Захожу иногда
  • 63
  • 2 / 0
  • Мега Мозг
Re: Двигающиеся tooltips
« Ответ #4 : 29.04.2011, 23:47:58 »
Код
<?php
defined( '_JEXEC' ) or die( 'Access to this location is RESTRICTED.' );
echo '<?xml version="1.0" encoding="utf-8"?'.'>';
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
<jdoc:include type="head" />
<?php
// inserting mootools
JHTML::_('behavior.mootools');
?>
<meta name="designer" content="Juergen Koller - http://www.lernvid.com" />
<meta name="licence" content="Copywright LernVid.com" />
<link href="templates/<?php echo $this->template ?>/css/reset.css" rel="stylesheet" type="text/css" media="all" />
<link href="templates/<?php echo $this->template ?>/css/template.css" rel="stylesheet" type="text/css" media="all" />
  <!--[if IE 7]>
  <link href="templates/<?php echo $this->template ?>/css/ie7.css" rel="stylesheet" type="text/css" media="all" />
   <![endif]-->
   <!--[if lt IE 7]>
  <link href="templates/<?php echo $this->template ?>/css/ie5x6x.css" rel="stylesheet" type="text/css" media="all" />
   <![endif]-->
<?php
if($this->countModules("left")&&!$this->countModules("right")){ $contentwidth="left";}
if($this->countModules("right")&&!$this->countModules("left")){ $contentwidth="right";}
if($this->countModules("left")&&$this->countModules("right")) {$contentwidth="middle"; }
?>
<?php if (($this->params->get('useJavascript'))!=0) : ?>
<script type="text/javascript" src="templates/<?php echo $this->template ?>/js/hover.js"></script>
<?php endif;?>
<script type="text/javascript" src="templates/<?php echo $this->template ?>/js/fontsizer.js"></script>

<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-20842703-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>

</head>

<body>
<div id="wrapper">
<div id="bg_up">
<div id="masthead_container">
<div id="masthead">
<?php if (($this->params->get('showFontsizer'))!=0) : ?>
<div id="fontsizer">
    <a href="index.php" title="Font Larger" onclick="changeFontSize(1);return false;"> <img onmouseout="this.src='templates/<?php echo $this->template ?>/images/plus.png';" onmouseover="this.src='templates/<?php echo $this->template ?>/images/plus_hover.png';" src="templates/<?php echo $this->template ?>/images/plus.png" alt="plus" title="Font Larger" style="width:20px;height:30px;" height="20" width="30" border="none" /></a> <a href="index.php" title="Font Smaller" onclick="changeFontSize(-1);return false;"><img onmouseout="this.src='templates/<?php echo $this->template ?>/images/minus.png';" onmouseover="this.src='templates/<?php echo $this->template ?>/images/minus_hover.png';" src="templates/<?php echo $this->template ?>/images/minus.png" alt="minus" title="Font Smaller" style="width:20px;height:30px;" height="20" width="30" border="none" /></a> <a href="index.php" title="Font Standard" onclick="revertStyles(); return false;"><img onmouseout="this.src='templates/<?php echo $this->template ?>/images/reset.png';" onmouseover="this.src='templates/<?php echo $this->template ?>/images/reset_hover.png';" src="templates/<?php echo $this->template ?>/images/reset.png" alt="gleich" title="Font Standard" style="width:20px;height:30px;" height="20" width="30" border="none" /></a>
</div>
<?php endif; ?>
<div id="sitetitle"><?php echo $mainframe->getCfg('sitename');?></div>
</div>
</div>
<div id="container">
<!-- Begin Container -->

<?php if($this->countModules('user3')) : ?>
<div id="navigation">
             <jdoc:include type="modules" name="user3" style="xhtml" />
</div>
<?php endif; ?>
<div id="top">
<?php if($this->countModules('top')) : ?>
             <jdoc:include type="modules" name="top" style="xhtml" />
<?php endif; ?>
</div>
<!-- Begin Page Content -->
<div id="page_content">
<!-- Begin Content Upside -->
<div id="content_up">
<div id="content_up_left">
<div id="breadcrumbs">
            <jdoc:include type="module" name="breadcrumbs" />
    </div>
<div id="content_up_right">
</div>
</div>
</div>
<!-- End Content Upside -->
<?php if($this->countModules('left')) : ?>
<div id="sidebar_left">
             <jdoc:include type="modules" name="left" style="xhtml" />
</div>
<?php endif; ?>
<?php if($this->countModules('right')) : ?>
<div id="sidebar_right">
             <jdoc:include type="modules" name="right" style="xhtml" />
</div>
<?php endif; ?>
    <div id="content_out<?php echo $contentwidth; ?>">
<div class="content">
<jdoc:include type="component" />
</div>
</div>
</div>
<!-- Begin Content Downside -->
<div id="content_down">
<div id="content_down_left">
<div id="content_down_right">
</div>
</div>
</div>
<!-- End Content Downside -->
<div id="container2">
<!-- End Page Content -->
<div id="user_modules1">
<?php if($this->countModules('user1')) : ?>
<div id="user1">
           <jdoc:include type="modules" name="user1" style="xhtml" />
</div>
<?php endif; ?>
<?php if($this->countModules('user2')) : ?>
<div id="user2">
           <jdoc:include type="modules" name="user2" style="xhtml" />
</div>
<?php endif; ?>
</div>
<div id="user_modules2">
<?php if($this->countModules('user5')) : ?>
<div id="user5">
<jdoc:include type="modules" name="user5" style="xhtml" />
</div>
<?php endif; ?>
<?php if($this->countModules('user6')) : ?>
<div id="user6">
<jdoc:include type="modules" name="user6" style="xhtml" />
</div>
<?php endif; ?>
</div>
<div id="footer">
<jdoc:include type="modules" name="footer" />
</div>
<div id="bottom">


<div id="syndicate">
<?php if($this->countModules('syndicate')) : ?>
<jdoc:include type="modules" name="syndicate" />
<?php endif; ?>
</div>
</div>
<div id="copyright_info">
<p><?php echo  $this->params->get('CopyrightInfo');  ?></p>

</div>
</div>
</div>
<div class="clr"></div>
<div id="designed_by">


</div>
</div>
</div>
<jdoc:include type="modules" name="debug" style="xhtml" />
</body>
</html>

Вот мой код файла индекс PHP подскажите пожалуйста куда мне вставлять wz_tooltip.js
Извините за непрофессеонализм только учусь)
*

Diiimonn

  • Захожу иногда
  • 234
  • 29 / 0
Re: Двигающиеся tooltips
« Ответ #5 : 30.04.2011, 19:38:38 »
Код
<?php
defined( '_JEXEC' ) or die( 'Access to this location is RESTRICTED.' );
echo '<?xml version="1.0" encoding="utf-8"?'.'>';
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
<script type="text/javascript" src="/путь/к/wz_tooltip.js">
</script>
...
...
Создание расширений для Joomla
Skype: diiimonn
ICQ: 351181332
*

xaocbozzz

  • Захожу иногда
  • 205
  • 8 / 0
  • Котэ просит! Не обижайте котэ!
Re: Двигающиеся tooltips
« Ответ #6 : 19.10.2011, 12:55:11 »
Внимание! Если подключить его так, то страница выдаст сообщение о неправильности подключения. Подключать надо между тегами BODY.
Код
..................
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
</head>
<body>
<script type="text/javascript" src="/путь/к/wz_tooltip.js">
.................
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться