Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Как вы думаете в чем проблема? (https://javascript.ru/forum/misc/23259-kak-vy-dumaete-v-chem-problema.html)

vladislav19923 17.11.2011 23:53

Как вы думаете в чем проблема?
 
Чето не спится ... решил пример с Флэнагана попробывать но че то нем могу запустить его на странице:(
Не ругать)
function Tooltip() {//Ф-ция констркутор класса Tooltip
this.tooltip = document.createElement("div");
this.tooltip.style.position = "absolute";
this.tooltip.style.visibility = "hidden";
this.tooltip.className = "tooltipShadow";

this.content = document.createElement("div");
this.content.style.position = "relative";
this.content.className = "tooltipContent";

this.tooltip.appendChild(this.content);
}

//Определить содержимое, устнановить позицию окна с подсказкой и отобразить ее
Tooltip.prototype.show = function(text, x, y){
this.content.innerHTML = text; //Записать текст подсказки
this.tooltip.style.left = x + "px"; //Определить положение
this.tooltip.style.top = y + "px";
this.tooltip.style.visibility = "visible"; //сделать видимой


//Добавить подсказку в документ, если это еще не сделано
if(this.tooltip.parentNode != document.body)
document.body.appendChild(this.tooltip);
};

//Скрыть подсказку
Tooltip.prototype.hide = function() {
this.tooltip.style.visibility = "hidden"; //сделаьб невидимой
};


//По сути вызываю метод
window.onload = function(){
var c = new Tooltip();
document.body.onmousedown = c.show("Большая жирная жопа", 24, 43);
document.body.onmouseup = c.hide();
}

<html>
<head>
<script type="text/javascript" src="tooltip.js"></script>
<link rel="stylesheet" type="text/css" href="tooltip.css">
<title>Всплывающие подсказки</title>
</head>
<body>
Привет меня зовут Владик
</body>
</html>

Код:

CSS
.tooltipShadow {
background: url(shadow.png); /* полупрозрачная тень */
}

.tooltipContent {
left: -4px; top: -4px; /*смещение относительно тени*/
background-color: #ff0; /* желтый фон */
border: solid black 1px; /* тонкая рамка черного цвета*/
padding: 5px; //
font: bold 10pt sans-serif;
}


trikadin 17.11.2011 23:57

Цитата:

Сообщение от vladislav19923
Как вы думаете в чем проблема?

В ДНК))

Firebug что говорит?

trikadin 18.11.2011 00:09

<!DOCTYPE HTML>
<html>
<body>   
<style>
tooltipShadow {
background: black;
}

.tooltipContent {
left: -4px; top: -4px; /*смещение относительно тени*/
background-color: #ff0; /* желтый фон */
border: solid black 1px; /* тонкая рамка черного цвета*/
padding: 5px; //
font: bold 10pt sans-serif;
}
</style>
  <script>
function Tooltip() {//Ф-ция констркутор класса Tooltip
this.tooltip = document.createElement("div");
this.tooltip.style.position = "absolute";
this.tooltip.style.visibility = "hidden";
this.tooltip.className = "tooltipShadow";
 
this.content = document.createElement("div");
this.content.style.position = "relative";
this.content.className = "tooltipContent";
 
this.tooltip.appendChild(this.content);
}
 
//Определить содержимое, устнановить позицию окна с подсказкой и отобразить ее
Tooltip.prototype.show = function(text, x, y){
this.content.innerHTML = text; //Записать текст подсказки
this.tooltip.style.left = x + "px"; //Определить положение
this.tooltip.style.top = y + "px";
this.tooltip.style.visibility = "visible"; //сделать видимой
 
 
//Добавить подсказку в документ, если это еще не сделано
if(this.tooltip.parentNode != document.body)
document.body.appendChild(this.tooltip);
};
 
//Скрыть подсказку
Tooltip.prototype.hide = function() {
this.tooltip.style.visibility = "hidden"; //сделаьб невидимой
};
 
 
//По сути вызываю метод
window.onload = function(){
var tip = new Tooltip();
document.onmousedown = function(){
  tip.show("Большая жирная жопа", 24, 43);
};
document.onmouseup = function(){tip.hide()};
}
  </script>
  
</body>
</html>

ksa 18.11.2011 09:24

Цитата:

Сообщение от vladislav19923
Чето не спится ... решил пример с Флэнагана попробывать но че то нем могу запустить его на странице

Ну прям как в старом анекдоте! :lol:
- Абрам, чего не спишь?
- Да вот должен Рабиновичу $100, а отдавать не хочу...
Сара стучит в стену...
- Рабинович!!!
- Таки чё?
- Тебе Абрам должен $100?
- Таки да...
- Он их тебе не отдаст! Спи, Абрам... Пусть теперь Рабинович не спит.

vladislav19923 18.11.2011 17:40

trikadin,
Спасибо)
ksa,
:haha:, подумал про разбирательство между олигархами в лондоне)

andrey888 18.11.2011 23:38

Про ДНК - на повал ) так как бы между делом )))))
Что самое интересное проблемы с ДНК есть наверное у всех - у кого то они выявляются при появлении в качалке , у кого то в программировании , у кого то в зеркале ;)

trikadin 18.11.2011 23:40

Это не моё...


Часовой пояс GMT +3, время: 23:35.