При подгрузке товаров с помощь ajax,но новых элементах перестают работать события:mouseover и onmouseout. Но при этом сам компонент отрабатывает. Кто нибудь сталкивался с такой проблемой?.
Принудительное подключение стилей не помогло.
Код компонента:
Принудительное подключение стилей не помогло.
| Код |
|---|
$APPLICATION->SetAdditionalCSS('/bitrix/components/bitrix/iblock.vote/templates/ajax/style.css'); |
Код компонента:
| Код |
|---|
<? if (!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED !== true) die(); ?>
<?
CJSCore::Init(array("ajax"));
//Let's determine what value to display: rating or average ?
if ($arParams["DISPLAY_AS_RATING"] == "vote_avg") {
if ($arResult["PROPERTIES"]["vote_count"]["VALUE"])
$DISPLAY_VALUE = round($arResult["PROPERTIES"]["vote_sum"]["VALUE"] / $arResult["PROPERTIES"]["vote_count"]["VALUE"], 2);
else
$DISPLAY_VALUE = 0;
} else
$DISPLAY_VALUE = $arResult["PROPERTIES"]["rating"]["VALUE"];
?>
<div class="rating" style="width: 80px;" id="vote_<? echo $arResult["ID"] ?>">
<i style="width:50%;">
<script type="text/javascript">
if (!window.voteScript) window.voteScript =
{
trace_vote: function (div, flag) {
var my_div;
var r = div.id.match(/^vote_(\d+)_(\d+)$/);
for (var i = r[2]; i >= 0; i--) {
my_div = document.getElementById('vote_' + r[1] + '_' + i);
if (my_div) {
if (flag) {
if (!my_div.saved_class)
my_div.saved_className = my_div.className;
if (my_div.className != 'star-active star-over')
my_div.className = 'star-active star-over';
}
else {
if (my_div.saved_className && my_div.className != my_div.saved_className)
my_div.className = my_div.saved_className;
}
}
}
i = r[2] + 1;
while (my_div = document.getElementById('vote_' + r[1] + '_' + i)) {
if (my_div.saved_className && my_div.className != my_div.saved_className)
my_div.className = my_div.saved_className;
i++;
}
},
<?
//16*
//Интерфейсный JavaScript
//хороший кандидат на "генерализацию"
?>
do_vote: function (div, parent_id, arParams) {
var r = div.id.match(/^vote_(\d+)_(\d+)$/);
var vote_id = r[1];
var vote_value = r[2];
console.log(r);
function __handler(data) {
var obContainer = document.getElementById(parent_id);
if (obContainer) {
//16a Мы предполагаем, что шаблон содержит только один элемент (например div или table)
var obResult = document.createElement("DIV");
obResult.innerHTML = data;
obContainer.parentNode.replaceChild(obResult.firstChild, obContainer);
}
}
PShowWaitMessage('wait_' + parent_id, true);
<?
//17*
//Запрос будет отослан напрямую компоненту.
?>
var url = '/bitrix/components/bitrix/iblock.vote/component.php'
<?
//18*
//Добиваем параметры поста выбором пользователя
?>
arParams['vote'] = 'Y';
arParams['vote_id'] = vote_id;
arParams['rating'] = vote_value;
var TID = CPHttpRequest.InitThread();
CPHttpRequest.SetAction(TID, __handler);
<?
//19*
//Стандартная библиотека была чуть-чуть поправлена
//чтобы могла отсылать параметры - массивы и массивы массивов и ...
?>
CPHttpRequest.Post(TID, url, arParams);
<?
//20*
//Продолжение экскурсии в файле component.php (начало)
?>
}
}
</script>
<?
//10*
//Обратите внимание на id этого div'а
//Именого его (div'а) содержимое и будет заменяться
//результатом запроса
?>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<? if ($arResult["VOTED"] || $arParams["READ_ONLY"] === "Y"): ?>
<? if ($DISPLAY_VALUE): ?>
<? foreach ($arResult["VOTE_NAMES"] as $i => $name): ?>
<? if (($DISPLAY_VALUE) > $i): ?>
<td>
<div id="vote_<? echo $arResult["ID"] ?>_<? echo $i ?>" class="star-voted"
title="<? echo $name ?>"></div>
</td>
<? else: ?>
<td>
<div id="vote_<? echo $arResult["ID"] ?>_<? echo $i ?>" class="star-empty"
title="<? echo $name ?>"></div>
</td>
<?endif ?>
<? endforeach ?>
<? else: ?>
<? foreach ($arResult["VOTE_NAMES"] as $i => $name): ?>
<td>
<div id="vote_<? echo $arResult["ID"] ?>_<? echo $i ?>" class="star"
title="<? echo $name ?>"></div>
</td>
<? endforeach ?>
<?endif ?>
<? else:
$onclick = "voteScript.do_vote(this, 'vote_" . $arResult["ID"] . "', " . $arResult["AJAX_PARAMS"] . ")";
?>
<? if ($DISPLAY_VALUE): ?>
<? foreach ($arResult["VOTE_NAMES"] as $i => $name): ?>
<? if (($DISPLAY_VALUE) > $i): ?>
<td>
<div id="vote_<? echo $arResult["ID"] ?>_<? echo $i ?>" class="star-active star-voted"
title="<? echo $name ?>" onmouseover="voteScript.trace_vote(this, true);"
onmouseout="voteScript.trace_vote(this, false)"
onclick="<?echo htmlspecialchars($onclick);
//11*
//Вызов функции, которая сформирует, отошлет и обработает запрос
//Первый параметр - понадобится для определения величины голоса
//Второй - это id контейнера для "замены" ответом
//Третий - содержит ключ к параметрам
?>"></div>
</td>
<? else: ?>
<td>
<div id="vote_<? echo $arResult["ID"] ?>_<? echo $i ?>" class="star-active star-empty"
title="<? echo $name ?>" onmouseover="voteScript.trace_vote(this, true);"
onmouseout="voteScript.trace_vote(this, false)"
onclick="<? echo htmlspecialchars($onclick) ?>"></div>
</td>
<?endif ?>
<? endforeach ?>
<? else: ?>
<? foreach ($arResult["VOTE_NAMES"] as $i => $name): ?>
<td>
<div id="vote_<? echo $arResult["ID"] ?>_<? echo $i ?>" class="star-active star-empty"
title="<? echo $name ?>" onmouseover="voteScript.trace_vote(this, true);"
onmouseout="voteScript.trace_vote(this, false)"
onclick="<? echo htmlspecialchars($onclick) ?>"></div>
</td>
<? endforeach ?>
<?endif ?>
<?endif ?>
<? /*if($arResult["PROPERTIES"]["vote_count"]["VALUE"]):?>
<td class="vote-result"><div id="wait_vote_<?echo $arResult["ID"]?>"><?echo GetMessage("T_IBLOCK_VOTE_RESULTS", array("#VOTES#"=>$arResult["PROPERTIES"]["vote_count"]["VALUE"] , "#RATING#"=>$DISPLAY_VALUE))?></div></td>
<?else:?>
<td class="vote-result"><div id="wait_vote_<?echo $arResult["ID"]?>"><?echo GetMessage("T_IBLOCK_VOTE_NO_RESULTS")?></div></td>
<?endif*/
?>
</tr>
</table>
</i>
</div><?
//12*
//Продолжение экскурсии в файле component.php (конец)
?>
|
