Пытался выдернуть, но почему то так и не заработало( странно, но всежее...
как сделать такие же появляющиеся окошки, например когда нажимаешь на "В почту" и т.д (правом верхнем углу)
1. defenderyk - 12 Октября, 2008 - 16:54:06 - перейти к сообщению
2. Furax - 13 Октября, 2008 - 01:54:46 - перейти к сообщению
Это мы с Тобой уже проходили! 
Делается div или что-то, у которого есть id и в котором изображено это самое псевдоокошко, и при щелчке на ссылке для этого divа делается style.display='block' (а по умолчанию - 'none'
.
Делается div или что-то, у которого есть id и в котором изображено это самое псевдоокошко, и при щелчке на ссылке для этого divа делается style.display='block' (а по умолчанию - 'none'
.
3. defenderyk - 13 Октября, 2008 - 12:35:41 - перейти к сообщению
это я помню просто там скрипт попапа есть и окошко вызавть хоткеем можно)
просто там скрипт попапа есть и окошко вызавть хоткеем можно)
4. defenderyk - 13 Октября, 2008 - 12:58:57 - перейти к сообщению
и как сделать в этом примере
чтобы при повторном нажатии это окошко исчезало?)
CODE:
<div id="qq">...</div>
<a href="#" onclick="document.getElementById('qq').style.display='block'; return false;">...</a>
<a href="#" onclick="document.getElementById('qq').style.display='block'; return false;">...</a>
чтобы при повторном нажатии это окошко исчезало?)
5. Леголегс - 13 Октября, 2008 - 14:36:09 - перейти к сообщению
CODE:
<div id="qq">...</div>
<a href="#" onclick="var qq = document.getElementById('qq');qq.style.display=(qq.style.display=='block')?'none':'block'; return false;">...</a>
<a href="#" onclick="var qq = document.getElementById('qq');qq.style.display=(qq.style.display=='block')?'none':'block'; return false;">...</a>
6. defenderyk - 13 Октября, 2008 - 16:17:40 - перейти к сообщению
Однако) никогда бы не подумал) спс.
7. Леголегс - 13 Октября, 2008 - 17:25:35 - перейти к сообщению
Я люблю покороче, но получается, наверно, запутанно. Но работает ведь.
Только вот так чуточку получше:
Только вот так чуточку получше:
CODE:
<div id="qq">...</div>
<a href="#" onclick="var qq = document.getElementById('qq');qq.style.display=(qq.style.display!='none')?'block':'none'; return false;">...</a>
<a href="#" onclick="var qq = document.getElementById('qq');qq.style.display=(qq.style.display!='none')?'block':'none'; return false;">...</a>
8. defenderyk - 15 Октября, 2008 - 05:29:40 - перейти к сообщению
а можно как нить его доработать этот пример до такого, что если есть такая же ссылка но с другим идентификатором, то при открытий другого такого окошка, если уже ранее было открыто окошко, то оно бы закрывалось. Чтобы не было 10-ка открытых окошек.
(правда Furax уже сделал подобное, но всеже это другой пример)
(правда Furax уже сделал подобное, но всеже это другой пример)
9. Furax - 15 Октября, 2008 - 10:26:50 - перейти к сообщению
CODE:
<script type="text/javascript>
var qqDivs = 10; //Количество divов qqN
var currentQq = 0; //Открытый qq
function pickQqs(index)
{
if (currentQq)
document.getElementById('qq'+currentQq).style.display = 'none';
if (index == 0 || index == currentQq)
currentQq = 0;
else
{
document.getElementById('qq'+index).style.display = 'block';
currentQq = index;
}
}
</script>
<div id="qq1">
<div id="qq2">
...
<div id="qq10">
<a href="#" onclick="pickQqs(1); return false;">
<a href="#" onclick="pickQqs(2); return false;">
...
<a href="#" onclick="pickQqs(10); return false;">
var qqDivs = 10; //Количество divов qqN
var currentQq = 0; //Открытый qq
function pickQqs(index)
{
if (currentQq)
document.getElementById('qq'+currentQq).style.display = 'none';
if (index == 0 || index == currentQq)
currentQq = 0;
else
{
document.getElementById('qq'+index).style.display = 'block';
currentQq = index;
}
}
</script>
<div id="qq1">
<div id="qq2">
...
<div id="qq10">
<a href="#" onclick="pickQqs(1); return false;">
<a href="#" onclick="pickQqs(2); return false;">
...
<a href="#" onclick="pickQqs(10); return false;">
10. defenderyk - 16 Октября, 2008 - 12:56:00 - перейти к сообщению
все работает. спасибо. а в этом окошке можно сделать ссылку на закрытие