| kobezzza |
24.07.2011 03:12 |
Цитата:
Сообщение от prototype
(Сообщение 115072)
а тебя обезьян никто и не спрашивает
максимум что ты умеешь это сидеть на ветке с голой жопой и есть бананы
|
:haha: :haha: Ща с голой жопой практично - жара ведь:haha: :haha:
Ахахахахах))) Ты мне даже открытку подарил?) ну всё - это мой успех:D
Специально для ржаки форумчан, первый пост автора:haha:
Цитата:
IE 6 кобыла не пашет, найдите ошибку в чем проблема, гад IE 6 не выводит ошибки
Нехрен качать мои труды с закрытой темой
Слышал админ?
Если что не нравится то удаляется тема вместе с примером, а не оставляется тема, а потом все качают и пользуются по всему инету скриптами с моими авторскими правами
Копия этой темы закрыта и админ пишет какую то муть с перепоя - "сомнение в психической адекватности спрашивающего"
Повторение темы
__________________________________________________ ________
А вопрос был таким, мой пример работает во всех браузерах, но в IE 6 не работает и не выводит ошибок
в чем может быть проблема?
Подробное описание:
В чем вообще преимущество данного движка?
В том что не нужно ничего программировать и разбираться в коде
Давайте сразу разберем пример:
Допустим у вас есть html код в котором есть теги у которых есть id
1 <br /><br /><br /><br /><br />
2 <div id="lololo">наведи сюда мышь 1</div>
3 <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
4 <div id="lololox">наведи сюда мышь 2</div>
5 <br /><br /><br /><br /><br />
Как сделать так чтобы при навидении на div-ы с id равными lololo и lololox всплывали подсказки причем для каждого id своя подсказка?
Все очень просто нужно просто подключить вот такой просто javascript код:
01 <script type="text/javascript">
02 tooltip.create({
03 'img':true,
04 'border':'1px solid #000000',
05 'bg_img_1':'imgtool/tooltip-1.png',
06 'bg_img_2':'imgtool/tooltip-2.png',
07 'bg_img_3':'imgtool/tooltip-3.png',
08 'bg_img_4':'imgtool/tooltip-4.png',
09 'bg_img_5':'imgtool/tooltip-5.png',
10 'bg_img_6':'imgtool/tooltip-6.png',
11 'bg_img_7':'imgtool/tooltip-7.png',
12 'bg_img_8':'imgtool/tooltip-8.png',
13 'bg_color':'#ffffff',
14 'width':19,
15 'height':15,
16 'font':12,
17 'id_el':[
18 'lololo',
19 'lololox'
20 ],
21 'id_txt':[
22 'Это всплывающая подсказка<br />новая строка в ней',
23 'Еще одна подсказка!!!!!!!'
24 ]
25 'pos':'bottomright',
26 't':10,
27 'l':15,
28 'timer_on':30,
29 'speed_on':5,
30 'timer_off':30,
31 'speed_off':5,
32 'alpha_end':100
33 });
34 </script>
Давайте теперь посмотрим для чего нужен какой параметр:
01 'img' - может принимать значение как true так и false
02 при установке true рамка подсказок формируется из изображений, при false из обычного бордюра
03
04 'border' - если img установлен false то здесь пишутся параметры толщина цвет бордюра рамки всплывающей подсказки аналогично как в css
05
06 Если параметр img установлен true, то для формирования рамки всплывающих подсказок будут использованы следующие изображение
07 'bg_img_1' - изображение левого верхнего угла рамки
08 'bg_img_2' - изображение верхнего центр рамки
09 'bg_img_3' - изображение правого верхнего угла рамки
10 'bg_img_4' - изображение левого центра рамки
11 'bg_img_5' - изображение правого центра рамки
12 'bg_img_6' - изображение левого нижнего угла рамки
13 'bg_img_7' - изображение нижнего центра рамки
14 'bg_img_8' - изображение правого нижнего угла рамки
15
16 'bg_color' - цвет фона рамки
17
18 Если параметр img установлен true, то размеры угловых картинок рамки будут устанавливаться в свойстве width и height, если параметр img установлен false то параметры width и height будут отступом между текстом и рамкой, соответственно width слева и справа, height сверху и снизу рамки.
19 'width' - ширина угловых изображений рамки, либо отступ слева и справа от рамки, в зависимости от установок параметра img
20 'height' - высота угловых изображений рамки, либо отступ сверху и снизу от рамки, в зависимости от установок параметра img
21
22 'font' - размер шрифта подсказки в пикселях
23
24 'id_el' - массив идентификаторов id для которых устанавливается подсказка
25
26 'id_txt' - массив текста подсказок, для каждого id из параметра id_el своя подсказка в той же последовательности.
27
28 Подсказка может всплывать слева внизу от курсора, справа внизу, слева сверху, справа сверху, либо автоматически будет вычисляться оптимальное положение подсказки.
29 'pos' - Подсказка позиционируется автоматически - 'auto', всплывает слева вверху от курсора - 'topleft' либо 'lefttop', всплывает справа сверху от курсора - 'topright' либо 'righttop', всплывает слева внизу от курсора - 'bottomleft' либо 'leftbottom', всплывает справа внизу от курсора - 'bottomright' либо 'rightbottom'
30
31 't' - отступ рамки подсказки от курсора в пикселях слева либо справа в зависимости от установок параметра pos
32
33 'l' - отступ рамки подсказки от курсора в пикселях сверху либо снизу в зависимости от установок параметра pos
34
35 'timer_on' - скорость появления подсказки в миллисекундах
36
37 'speed_on' - скорость появления подсказки от 1 - до значения параметра alpha_end
38
39 'timer_off' - скорость исчезновения подсказки в миллисекундах
40
41 'speed_off' - скорость исчезновения подсказки от значения параметра alpha_end - до 1
42
43 'alpha_end' - прозрачность отображаемой подсказки от 0 до 100, где 0 полная прозрачность
Большинство параметров не требуют установки, поэтому можно упростить наш скрипт и написать его так:
01 <script type="text/javascript">
02 tooltip.create({
03 'id_el':[
04 'lololo',
05 'lololox'
06 ],
07 'id_txt':[
08 'Это всплывающая подсказка<br />новая строка в ней',
09 'Еще одна подсказка!!!!!!!'
10 ]
11 'pos':'auto'
12 });
13 </script>
можно написать и так, обратите внимание что подсказка представляет собой изображение!
01 <script type="text/javascript">
02 tooltip.create({
03 'img':false,
04 'border':'1px solid #000000',
05 'id_el':[
06 'lololo',
07 'lololox'
08 ],
09 'id_txt':[
10 '<img src="http://nagon.net/uploads/images/26/26-bfig739m1.jpg" border="0" />',
11 'Еще одна подсказка!!!!!!!'
12 ]
13 'pos':'bottomright',
14 });
15 </script>
Видите как все просто?
Естественно просто так это все работать не будет.
Сначала нужно подключить код движка после тега <body> в вашем html коде
код движка не помещается, поэтому смотреть в архиве
лучше этого движка не встречал, кто не согласен отписывайтесь
если удастся устранить проблему с IE6 то это будет движок №1 по функциональности
Вот архив с готовым примером:
|
|
