Question

Нужно передвинуть всплывающую панель bb-кодов :

Answer 1

Никак, так как вот зайдя под пользователем, я вашей сторонней формы не вижу. Чтобы ее передвинуть ее нужно видеть, а не скрывать ее.

Comments

она появляется когда выделен текст в поле. если поле пустое либо текст не выделен панель не появится.

---

Покажиет скрипт/код, который вызывает вашу панельку.

---

<script type="text/javascript" src="/js/jquery.caret.js"></script>
<script type="text/javascript" src="/js/BB.js"></script>
<style type="text/css">
#menu
{
 padding: 10px 10px 0px 10px;
 background: #3c3c3c;
 display:none;
 overflow:hidden;
 position:absolute;
 top:0;
 left:0;
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
 -khtml-opacity: .3;
 -moz-opacity: .3;
 opacity: .3;
 -webkit-border-radius: 5px;
 -khtml-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 -webkit-transition: all 0.3s ease-out;
 -moz-transition: all 0.3s ease-out;
 -ms-transition: all 0.3s ease-out;
 -o-transition: all 0.3s ease-out;
 transition: all 0.3s ease-out;
 -webkit-box-shadow: 0px 0px 5px #4c4c4c;
 -moz-box-shadow: 0px 0px 5px #4c4c4c;
 -box-shadow: 0px 0px 5px #4c4c4c;
}

#menu:hover
{
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
 -khtml-opacity: .9;
 -moz-opacity: .9;
 opacity: .9;
 -webkit-box-shadow: 0px 0px 7px #4c4c4c;
 -moz-box-shadow: 0px 0px 7px #4c4c4c;
 -box-shadow: 0px 0px 7px #4c4c4c;
}

#menu a {padding:0 1px 0 0}
.effect
{
 -webkit-border-radius: 30px;
 -khtml-border-radius: 30px;
 -moz-border-radius: 30px;
 border-radius: 30px;
}
.effect:hover
{
 -webkit-transform: scale(1.15) translateY(0px);
 -moz-transform: scale(1.15) translateY(0px);
 -ms-transform: scale(1.15) translateY(0px);
 -o-transform: scale(1.15) translateY(0px);
 transform: scale(1.15) translateY(0px);
}
.point {cursor:pointer;}
.grey {background:grey; width:20px; height:20px;border:0;}
.olive {background:olive; width:20px; height:20px;border:0;}
.green {background:green; width:20px; height:20px;border:0;}
.blue {background:blue; width:20px; height:20px;border:0;}
.purple {background:purple; width:20px; height:20px;border:0;}
.red {background:red; width:20px; height:20px;border:0;}
.orange {background:orange; width:20px; height:20px;border:0;}
.pink {background:pink; width:20px; height:20px;border:0;}
.yellow {background:yellow; width:20px; height:20px;border:0;}
</style>

<div id="menu">
<center>
<table>
<tr>
<td><a title="Жирный" class="point" id="bold"><img src="/images/b.gif" border="0"></a></td>
<td><a title="Наклонный" class="point" id="italic"><img src="/images/i.gif" border="0"></a></td>
<td><a title="Подчёркнутый" class="point" id="underline"><img src="/images/u.gif" border="0"></a></td>
<td><a title="По левому краю" class="left" id="left"><img src="/images/l.gif" border="0"></a></td>
<td><a title="По центру" class="center" id="center"><img src="/images/c.gif" border="0"></a></td>
<td><a title="По правому краю" class="right" id="right"><img src="/images/r.gif" border="0"></a></td>
<td><a title="Вставить ссылку" class="point" id="link"><img src="/images/link.gif" border="0"></a></td>
<td><a title="Код" class="point" id="code"><img src="/images/code.gif" border="0"></a></td>
<td><a title="Цитата" class="point" id="quote"><img src="/images/quote.gif" border="0"></a></td>
</tr><tr>
<td><a class="point" id="grey"><div class="grey"></div></a></td>
<td><a class="point" id="olive"><div class="olive"></div></a></td>
<td><a class="point" id="green"><div class="green"></div></a></td>
<td><a class="point" id="blue"><div class="blue"></div></a></td>
<td><a class="point" id="purple"><div class="purple"></div></a></td>
<td><a class="point" id="red"><div class="red"></div></a></td>
<td><a class="point" id="orange"><div class="orange"></div></a></td>
<td><a class="point" id="pink"><div class="pink"></div></a></td>
<td><a class="point" id="yellow"><div class="yellow"></div></a></td>
</tr>
</table>
</center>
</div>

---

Код вроде рабочий. У вас в коде страниц достаточно много скриптов. Скорее всего конфликт с каким-то из них, потому скрипт не может определить правильно координаты указателя и вывести блок в нужном месте.

---

по моему дело в этих трех строчках:

position:absolute;
 top:0;
 left:0;

 

но какие значения там поставить угадать не получается. да и свойство может нужно изменить не absolute, а другое.

---

У него скрипт вычисляет положение мыши и уже от этого положения выводит панель бб-кодов.

Если скрипт не вычисляет правильное положение мыши, значит проблема в скрипте.

---

тогда надо поискать в jquery.caret.js