Уроки JS

[TopRaN 235]

В sitebill есть кластерная карта которую можно подключить через iframe

 <iframe src="{$estate_folder}/js/ajax.php?action=iframe_map&{$QUERY_STRING}" style="border: 0px;" border="0" width="100%" height="500px"></iframe>

Карта просто замечательная.

но в данной карте цена выводится целиком. Задача разделить саму цену на тысячи и добавить валюту.

Решение.

идем по адресу /apps/system/js файл activemap.js .  примерно 256 строка. находим содержимое

block.find('.ActiveMapListBlock-item-price').text(data.price);

и заменяем на 

  block.find('.ActiveMapListBlock-item-price').text(data.price.replace(/(\d)(?=(\d\d\d)+([^\d]|$))/g, '$1 '));

сразу после нее добавляем следующее

block.find('.ActiveMapListBlock-item-currency').text(data.currency_name);

теперь карта понимает валюту и делит цену на тысячи. Осталось все это вывести в шаблон

идем по адресу /apps/system/template файл iframe_map.tpl

содержимое 

<a class="ActiveMapListBlock-item-link" target="_blank" href="">
                                <div class="ActiveMapListBlock-item-image">
                                	<img src="{$estate_folder}/img/no_foto.jpg">
                                	<div class="ActiveMapListBlock-item-id"></div>
                                </div>
                                <div class="ActiveMapListBlock-item-description">
                                    <h3 class="ActiveMapListBlock-item-title"></h3>
                                    <div class="ActiveMapListBlock-item-price"></div>
                                    <div class="ActiveMapListBlock-item-address"></div>
                                    <div class="ActiveMapListBlock-item-text"></div>
                                </div>
                            </a>

меняем на это

<a class="ActiveMapListBlock-item-link" target="_blank" href="">
   <div class="ActiveMapListBlock-item-image">
       <img src="{$estate_folder}/img/no_foto.jpg">
   	   <div class="ActiveMapListBlock-item-id"></div>
   </div>
   <div class="ActiveMapListBlock-item-description">
       <h3 class="ActiveMapListBlock-item-title"></h3>
       <div class="ActiveBlockHalf">
           <div class="ActiveMapListBlock-item-price"></div>
           <div class="ActiveMapListBlock-item-currency"></div>
       </div>
       <div class="ActiveMapListBlock-item-address"></div>
       <div class="ActiveMapListBlock-item-text"></div>
    </div>
</a>

далее в конце файла добавляем стили

.ActiveMapListBlock-item-price, .ActiveMapListBlock-item-currency {
    float:left;
}
.ActiveBlockHalf {
	display:inline-block;
	font-size: 18px;
    font-weight: 700;
}
.ActiveMapListBlock-item-price {
	padding-right: 5px;
}

и все результатом будет