Jquery в тройке

EasyBot · 26 Октября 2009

Возможн ли его как-то использовать, чтоб не было косяков например вот таких:

http://i073.radikal.ru/0910/6a/0fc4a88896e9.png (появление кнопок OK)

Ritsuka · 26 Октября 2009

Встроенный AJAX/JS функционал работает в IP.Board 3 на библиотеке prototype. Включайте режим совместимости, и будет вам счастье.

http://docs.jquery.com/Using_jQuery_with_Other_Libraries

Изменено 26 Октября 2009 пользователем Ritsuka

EasyBot · 26 Октября 2009

то, что нужно, благодарю

kindermix · 26 Января 2010

Gjмогите пожалуйста, не совсем понимаю что делаю не так, хочу добавить Tooltip popup на форум c использованием jQuery.

Система tooltip и код: http://flowplayer.org/tools/demos/tooltip/any-html.htm

Что делаю:

В шапку перед </head> вставляю код:

	<!-- standalone page styling (can be removed)-->
<link rel="stylesheet" type="text/css" href="http://static.flowplayer.org/tools/css/standalone.css"/>

<title>jQuery Tools standalone demo</title>



<!-- Full version of jQuery Tools + jQuery 1.3.2 -->
<script src="http://cdn.jquerytools.org/1.1.2/full/jquery.tools.min.js"></script>

</head>

<!-- without body tag IE may have unprodictable behaviours -->
<body>

<!-- now that jQuery Tools is included we can begin with the actual demo -->



<style>


/* trigger button */
#download_now {
background:transparent url(http://flowplayer.org/img/home/download.png) no-repeat scroll 0 0;
display:block;
height:44px;
margin-bottom:30px;
overflow:hidden;
text-indent:-999em;
width:159px;
cursor:pointer;
}

/* mouseover state */
#download_now:hover {
background-position:0 -44px;		
}

/* clicked state */
#download_now:focus {
background-position:0 -88px;
}

/* tooltip styling */
.tooltip {
display:none;
background:url(http://static.flowplayer.org/tools/img/tooltip/black_arrow_big.png);
height:163px;
padding:40px 30px 10px 30px;
width:310px;
font-size:11px;
color:#fff;
}

/* a .label element inside tooltip */
.tooltip .label {
color:yellow;
width:35px;
}

.tooltip a {
color:#ad4;
font-size:11px;
font-weight:bold;
}


body  {
padding:250px 0 0 200px;
}	

</style>

Далее создаю самы ссылку и tooltip:

Для примера сразу после <body id='ipboard_body'>, вставляю:

<!-- trigger element. a regular workable link -->
<a id="download_now" title="System tooltip for search engines">Download now</a>

<!-- tooltip element -->
<div class="tooltip">

<img src="http://static.flowplayer.org/img/title/eye.png" alt="Flying screens" 
	style="float:left;margin:0 15px 20px 0" />

<table>
	<tr>
		<td class="label">File</td>

		<td>flowplayer-3.1.5.zip</td>
	</tr>
	<tr>
		<td class="label">Date</td>
		<td>2009-10-24</td>
	</tr>
	<tr>

		<td class="label">Size</td>
		<td>112 kB</td>
	</tr>
	<tr>
		<td class="label">OS</td>
		<td>all</td>
	</tr>		
</table>

<a href="/blog/36">New features in 3.1</a>
</div>

<script>
// What is $(document).ready ? See: http://flowplayer.org/tools/using.html#document_ready

$(document).ready(function() {

// enable tooltip for "download" element. use the "slide" effect
$("#download_now").tooltip({ effect: 'slide'}); 
});
</script>

Обновляю форум, что вижу: Tooltip работает, форум не работает, меню пользователя, свёртка-разворот форумов, всё это не работает.

Что пробую сделать:

Изменяю последний скрипт на:

<script>

 jQuery.noConflict();

$(document).ready(function() {
$("#download_now").tooltip({ effect: 'slide'}); 
});
</script>

Итог - Форум работает, tooltip не работает...

Пытаюсь сделать по другому:

<script>

 var $j = jQuery.noConflict();

$j(document).ready(function() {
$j("#download_now").tooltip({ effect: 'slide'}); 
});
</script>

После чего, вообще ничего не работает...

Что делаю не так, не понимаю, кто знает, поправьте плз.

Sannis · 26 Января 2010

<script>

 jQuery.noConflict();

jQuery(document).ready(function() {
jQuery("#download_now").tooltip({ effect: 'slide'});
});

?

kindermix · 26 Января 2010

Спасибо большое Sannis.

То что нужно!

Я очень рад и благодарен за помощь.

kindermix · 30 Января 2010

Спасибо большое Sannis.
То что нужно!
Я очень рад и благодарен за помощь.

К очень большому сожалению, после того когда я проверил это в IE 7+ выводится ошибка на странице и Tooltip не работает.

"Выполнено, но с ошибкой на странице"

Сведения об ошибке на веб-странице

Сообщение: Объект не поддерживает это свойство или метод

Строка: 4821

Символ: 5

Код: 0

URI-код: http://ajax.googleapis.com/ajax/libs/proto....6/prototype.js

Сообщение: Объект не поддерживает это свойство или метод

Строка: 3941

Символ: 1

Код: 0

URI-код: http://www.phantoms.su/index.php?

Сообщение: Объект не поддерживает это свойство или метод

Строка: 3947

Символ: 1

Код: 0

URI-код: http://www.phantoms.su/index.php?

Если убрать этот код, то всё сразу нормализуется:

<script>
 jQuery.noConflict();
jQuery(document).ready(function() {
jQuery("#users_tooltip").tooltip({ effect: 'slide'});
});
</script>

Подскажите, что не так?

Также только что попробовал заменить код на этот:

<script>
 var $j = jQuery.noConflict();
$j(document).ready(function() {
$j("#users_tooltip").tooltip({ effect: 'slide'});
});
</script>

После чего вообще всё перестало работать на любых браузерах...

Sannis · 30 Января 2010

Также только что попробовал заменить код на этот:
<script>
 var $j = jQuery.noConflict();
$j(document).ready(function() {
$j("#users_tooltip").tooltip({ effect: 'slide'});
});
</script>
После чего вообще всё перестало работать на любых браузерах...

Мне казалось мы уже решили, что этот код не должен работать. потрудились бы вы почитать описание к jQuery.noConflict(), тоже бы это поняли.

У меня, к сожалению, нет IE7+ под рукой. Если на работе есть дебагер, посмотрю на неделе в IE8, но это всё в рабочем порядке, если время будет.

Ritsuka · 31 Января 2010

А у меня на тройке некторое время стояло и работало jquery tooltip - вообще никаких проблем не было. Внимательно прочитайте документацию по ссылке выше.

Войти

Jquery в тройке

Вопрос

EasyBot

Ссылка на комментарий

Поделиться на других сайтах

8 ответов на этот вопрос

Рекомендуемые сообщения

Ritsuka

Ссылка на комментарий

Поделиться на других сайтах

EasyBot

Ссылка на комментарий

Поделиться на других сайтах

kindermix

Ссылка на комментарий

Поделиться на других сайтах

Sannis

Ссылка на комментарий

Поделиться на других сайтах

kindermix

Ссылка на комментарий

Поделиться на других сайтах

kindermix

Ссылка на комментарий

Поделиться на других сайтах

Sannis

Ссылка на комментарий

Поделиться на других сайтах

Ritsuka

Ссылка на комментарий

Поделиться на других сайтах

Присоединиться к обсуждению

Главная

Активность

Магазин

Support

Важная информация