Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Как это можно реализовать подсказки для ссылок?
 
 автор: kanitelka   (24.08.2008 в 23:08)   письмо автору
 
 

Добрый день.
Проблема, точнее суть интересной вещи. Вот сайт fullware точка ru (извиняюсь за содержание сайта) к примеру другой найти не смог.

Подскажите как так же можно реализовать подсказки для ссылок? Уже просто не первый раз нахожу, но как это сделать не знаю.
Пробовал сохранять сайт, но он к сожалению не сохраняется с подсказками! =(

  Ответить  
 
 автор: coloboc66   (24.08.2008 в 23:30)   письмо автору
 
   для: kanitelka   (24.08.2008 в 23:08)
 

Что-то я лично там не увидел никаких удивительных подсказок. Видел только обычные:
<a href="file.php" title="podskazka">Ссылка</a>

  Ответить  
 
 автор: kanitelka   (24.08.2008 в 23:46)   письмо автору
17 Кб
 
   для: coloboc66   (24.08.2008 в 23:30)
 

Хм.. Ну вот это имелось ввиду...

  Ответить  
 
 автор: ONYX   (25.08.2008 в 04:20)   письмо автору
 
   для: kanitelka   (24.08.2008 в 23:46)
 

Есть вот такая идея:
<html>
<head>
<title>PopUp Example</title>
</head>
<style>
.pop{
    background: #EBF0F6;
    color:#69A5CA;
    text-align:center;
    border: solid #69A5CA 2px;
    padding:2px;
    position:absolute;
    top:0;
    left:0;
}
</style>
<body>
<a href="#" id="pop1">Статистика</a>
</body>
<script>
function MyPopUp(title, id){
    this.desc = document.getElementById(id);
    this.title = title;
    this.post = null;
    this.init();
}
MyPopUp.prototype = {
    init : function(){
        var oThis = this;
        this.desc.onmouseover = function(){oThis.showPop(oThis)}    
        this.desc.onmouseout = function(){oThis.hidePop(oThis)}    
    },
    showPop : function(oThis){
        var ch = document.createElement('DIV');
        oThis.post = document.body.appendChild(ch);
        oThis.post.style.top = oThis.desc.offsetTop+oThis.desc.offsetHeight+5;
        oThis.post.style.left = oThis.desc.offsetLeft+oThis.desc.offsetWidth/2;
        oThis.post.className = 'pop';
        oThis.post.innerHTML = oThis.title;
    },
    hidePop : function(oThis){
        document.body.removeChild(oThis.post);
    }
}
var names = new MyPopUp('Статистика сайта','pop1');
</script>
</html>

  Ответить  
 
 автор: kanitelka   (25.08.2008 в 11:09)   письмо автору
 
   для: ONYX   (25.08.2008 в 04:20)
 

Спасибо большое, работает.

Правда я думал что это сделано при помощи CSS Не думал что тут задействован javascript

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования