Форумы портала PHP.SU :: Версия для печати :: Всплывающая палитра цветов для текста (визуальный редактор)

Страниц (1): [1]

1. rar - 28 Марта, 2008 - 22:03:58 - перейти к сообщению

Ребята, привет.
Сейчас делаю свой визуальный редактор. Но вот одна загвоздка, смотрю на коды разных визуальных редакторов и не пойму как они там сделали так что бы выпадала палитра цветов для текста. там картинке-кнопке присвоен только ID, и никаких onmouseover и onclick не стоит! я вот не пойму как так они делают? Если у вас есть какие-нибудь примеры, поделитесь пожалуйста.

2. valenok - 28 Марта, 2008 - 22:29:22 - перейти к сообщению

А не ставить onmouseover это у вас принципиально, или просто интересно узнать как делают они?

Там стоит одна функция обработки на все события eventы документа.
В том числе и на нажатия. При нажатии проверяется на на каком жлемента произошло нажатие и в соответствии чтото происходит.

Выглядит оно примерно так:

PHP:
скопировать код в буфер обмена

 
function preview(e)
{
        if (!e) e = window.event;
        var elem = e.target || e.srcElement; 
 
        if(elem.id.match(/someID/i)) doIt();
}
 
document.onclick = preview;
 

if (!e) e = window.event;

// Если браузер не подставил сам информацию о событии которое произошло в переменную

// Это сделаем мы.

var elem = e.target || e.srcElement;

// Определяем по объект на странице, относительно которого произошло событие

// Предположим что нажали на картинку. Тогда элемент на который нажали

// определиться как [image Object]

if(elem.id.match(/someID/i)) doIt();

// Теперь проверяем при помощи регулярного выражения

// соответсвует ли id элемента по которому произошло нажатие строке someid

// И если у той картинки по которой нажали - id = someID то запускаем фцию - doIt()

document.onclick = preview;

//присваиваем объекту document событие onclick

// тоесть при клике на документ будет выполняться фция preview