Sign in to follow this  
Followers 0
Limpopo

Спрятать под сполер

20 posts in this topic

Привет ребята. Подскажите как можно спрятать все эти размеры,под сполер ?

тык надо css код какой? помогите реализовать

Share this post


Link to post
Share on other sites

Можно просто сделать список со скролингом, размер окна можете установить в соответствии с длинной фразы и количеством показываемых строк в окне.

Share this post


Link to post
Share on other sites


<div class="item_prices">

<a class="listblock2" href="#">

<span>ОТкрыть цены</span>

</a>

<div class="hide item_price_param">

 

<li>ЗДесь список с твоими ценами<li>

 

</div>

 

</div>

 

<!--JS --->

 

 

 

<script type="text/javascript">

$(document).ready(function(){

$('.hide.listblock2').hide();

$('.item_prices a.listblock2').toggle(

function(){

$(this).siblings('.hide.listblock2').stop(false, true).slideDown(1000);

$(this).html('<span>Список цен');

},

function(){

$(this).siblings('.hide.listblock2').stop(false, true).slideUp(1000);

$(this).html('<span>список цен');

}

);

});

</script>

Как то так

 

Folder, MaksimPW and Limpopo like this

Share this post


Link to post
Share on other sites

Список со скролингом жожет и грубоват немного бы был, но код поменьше.

Попробуйте вариант, который предложил vitponom, javascript можете в хедер вынести, но он маленький и просто можно прямо в коде страницы его прописать.

Share this post


Link to post
Share on other sites

@vitponom,,

вот код страницы

// зависимость цены от параметров ->
if($_ITEM_PRICE_PARAMS){
	echo "<div class=\"item_prices\">\n";
	
	$i = 0;
	foreach($_ITEM_PRICE_PARAMS as $id => $ipp){

		$ipp['ippPriceValue'] = (int)($ipp['ippPrice']*$_MONEY[$_ITEM_DATA['moneyID']]['moneyRelate'])." ".StringWithoutFormat($_MONEY[$_ITEM_DATA['moneyID']]['moneySymb']);	
		echo "<div class=\"item_price_param\">";
		echo "<input type=\"radio\" name=\"price\" id=\"price".$ipp['ippID']."\" value=\"".$ipp['ippID']."\"";

		if($_ITEM_BASKET_YET && isSet($_ITEM_PRICE_PARAMS[$_ITEM_BASKET_YET['ipp']]['ippPrice'])){
			if($_ITEM_BASKET_YET['ipp'] == $id){
				echo "checked=\"1\"";
			} else {
				echo "disabled=\"1\"";
			}
		} else {
			if(!$i) echo " checked=\"1\"";

			if($ipp['ippImage'] && is_file(IMAGES_SHOP_DIRECTORY_PHP.$_ITEM_DATA['catFolder']."/".$brandAddonURL.$_ITEM_DATA['itemURL'].SHOP_IPP_PREFEX.$id.IMG_FILE_TYPE)){
				echo" onClick=\"itemPriceParamChecked('".$_ITEM_ID."_".$id."', '".$ipp['ippPriceValue']."');\"";
			} else {
				echo" onClick=\"itemPriceParamChecked('".$_ITEM_ID."', '".$ipp['ippPriceValue']."');\"";
			}
			
		}
		echo " />";
		echo "<label for=\"price".$ipp['ippID']."\">";
		if($ipp['ippImage'] && is_file(IMAGES_SHOP_DIRECTORY_PHP.$_ITEM_DATA['catFolder']."/".$brandAddonURL.$_ITEM_DATA['itemURL'].SHOP_IPP_PREFEX.$id.IMAGE_PREVIEW_POSTNAME.IMG_FILE_TYPE)){
			echo "<img src=\"".IMAGES_SHOP_DIRECTORY.$_ITEM_DATA['catFolder']."/".$brandAddonURL.$_ITEM_DATA['itemURL'].SHOP_IPP_PREFEX.$id.IMAGE_PREVIEW_POSTNAME.IMG_FILE_TYPE."\" align=\"absmiddle\" />";
		}
		echo $ipp['ippName']." - ".$ipp['ippPriceValue'];
		echo "</label>";

		echo "</div>\n";

		$i++;
	}
	echo "</div>\n";

}
// <- зависимость цены от параметров
?>
<?php
if($_ITEM_PRICE_PARAMS || $_ITEM_COLORS){ echo "<br clear=\"all\" /><br />\n<div class=\"hr\"> </div>\n"; }
?>
</form>
<?php if($_ITEM_DATA['itemTDescr']){ echo "<div class=\"item_main_descr\">".$_ITEM_DATA['itemTDescr']."</div>\n"; } ?>
 

 и куда вписать то?

Share this post


Link to post
Share on other sites

Мне кажется вы чего то путаете, в этом коде нет вашего списка.

Пошел смотреть сам.

Limpopo likes this

Share this post


Link to post
Share on other sites

Речь идет об этом списке, который был по ссылке - тык.

 

<div class="item_prices">

<div class="item_price_param"><input type="radio" name="price" id="price712" value="712" checked="1" onClick="itemPriceParamChecked('53628', '14000 руб.');" /><label for="price712">1000х450х2200 Платяной - 14000 руб.</label></div>

<div class="item_price_param"><input type="radio" name="price" id="price713" value="713" onClick="itemPriceParamChecked('53628', '14200 руб.');" /><label for="price713">1000х450х2400 платяной - 14200 руб.</label></div>

<div class="item_price_param"><input type="radio" name="price" id="price714" value="714" onClick="itemPriceParamChecked('53628', '14200 руб.');" /><label for="price714">1000х600х2200 (+200 руб.)платяной - 14200 руб.</label></div>

<div class="item_price_param"><input type="radio" name="price" id="price715" value="715" onClick="itemPriceParamChecked('53628', '14400 руб.');" /><label for="price715">1000х600х2400 (+400 руб.)платяной - 14400 руб.</label></div>

<div class="item_price_param"><input type="radio" name="price" id="price716" value="716" onClick="itemPriceParamChecked('53628', '14800 руб.');" /><label for="price716">1200х450х2200 (+800 руб.)платяной - 14800 руб.</label></div>

<div class="item_price_param"><input type="radio" name="price" id="price717" value="717" onClick="itemPriceParamChecked('53628', '15000 руб.');" /><label for="price717">1200х450х2400 (+1 000 руб.)платяной - 15000 руб.</label></div>

<div class="item_price_param"><input type="radio" name="price" id="price718" value="718" onClick="itemPriceParamChecked('53628', '15000 руб.');" /><label for="price718">1200х600х2200 (+1 000 руб.)платяной - 15000 руб.</label></div>

<div class="item_price_param"><input type="radio" name="price" id="price719" value="719" onClick="itemPriceParamChecked('53628', '15200 руб.');" /><label for="price719">1200х600х2400 (+1 200 руб.)платяной - 15200 руб.</label></div>

<div class="item_price_param"><input type="radio" name="price" id="price720" value="720" onClick="itemPriceParamChecked('53628', '15800 руб.');" /><label for="price720">1400х450х2200 (+1 800 руб.)платяной - 15800 руб.</label></div>

<div class="item_price_param"><input type="radio" name="price" id="price721" value="721" onClick="itemPriceParamChecked('53628', '16000 руб.');" /><label for="price721">1400х450х2400 (+2 000 руб.)платяной - 16000 руб.</label></div>

<div class="item_price_param"><input type="radio" name="price" id="price722" value="722" onClick="itemPriceParamChecked('53628', '16000 руб.');" /><label for="price722">1400х600х2200 (+2 000 руб.)платяной - 16000 руб.</label></div>

<div class="item_price_param"><input type="radio" name="price" id="price723" value="723" onClick="itemPriceParamChecked('53628', '16300 руб.');" /><label for="price723">1400х600х2400 (+2 300 руб.)платяной - 16300 руб.</label></div>

<div class="item_price_param"><input type="radio" name="price" id="price724" value="724" onClick="itemPriceParamChecked('53628', '15000 руб.');" /><label for="price724">1200х450х2200 (+1 000 руб.)Бельевой/платяной - 15000 руб.</label></div>

<div class="item_price_param"><input type="radio" name="price" id="price725" value="725" onClick="itemPriceParamChecked('53628', '16300 руб.');" /><label for="price725">1200х450х2400 (+1 300 руб.)Бельевой/платяной - 16300 руб.</label></div>

<div class="item_price_param"><input type="radio" name="price" id="price726" value="726" onClick="itemPriceParamChecked('53628', '16300 руб.');" /><label for="price726">1200х600х2200 (+1 300 руб.)Бельевой/платяной - 16300 руб.</label></div>

<div class="item_price_param"><input type="radio" name="price" id="price727" value="727" onClick="itemPriceParamChecked('53628', '16600 руб.');" /><label for="price727">1200х600х2400 (+1 600 руб.)Бельевой/платяной - 16600 руб.</label></div>

<div class="item_price_param"><input type="radio" name="price" id="price728" value="728" onClick="itemPriceParamChecked('53628', '17800 руб.');" /><label for="price728">1400х450х2200 (+2 800 руб.)Бельевой/платяной - 17800 руб.</label></div>

<div class="item_price_param"><input type="radio" name="price" id="price729" value="729" onClick="itemPriceParamChecked('53628', '18000 руб.');" /><label for="price729">1400х450х2400 (+3 000 руб.)Бельевой/платяной - 18000 руб.</label></div>

<div class="item_price_param"><input type="radio" name="price" id="price730" value="730" onClick="itemPriceParamChecked('53628', '18000 руб.');" /><label for="price730">1400х600х2200 (+3 000 руб.)Бельевой/платяной - 18000 руб.</label></div>

<div class="item_price_param"><input type="radio" name="price" id="price731" value="731" onClick="itemPriceParamChecked('53628', '18200 руб.');" /><label for="price731">1400х600х2400 (+3 200 руб.)Бельевой/платяной - 18200 руб.</label></div>

<div class="item_price_param"><input type="radio" name="price" id="price732" value="732" onClick="itemPriceParamChecked('53628', '18300 руб.');" /><label for="price732">1600х450х2200 (+3 300 руб.)Бельевой/платяной - 18300 руб.</label></div>

<div class="item_price_param"><input type="radio" name="price" id="price733" value="733" onClick="itemPriceParamChecked('53628', '18500 руб.');" /><label for="price733">1600х450х2400 (+3 500 руб.)Бельевой/платяной - 18500 руб.</label></div>

<div class="item_price_param"><input type="radio" name="price" id="price734" value="734" onClick="itemPriceParamChecked('53628', '18300 руб.');" /><label for="price734">1600х600х2200 (+3 300 руб.)Бельевой/платяной - 18300 руб.</label></div>

<div class="item_price_param"><input type="radio" name="price" id="price735" value="735" onClick="itemPriceParamChecked('53628', '18600 руб.');" /><label for="price735">1600х600х2400 (+3 600 руб.)Бельевой/платяной - 18600 руб.</label></div>

<div class="item_price_param"><input type="radio" name="price" id="price736" value="736" onClick="itemPriceParamChecked('53628', '18800 руб.');" /><label for="price736">1800х450х2200 (+3 800 руб.)Бельевой/платяной - 18800 руб.</label></div>

<div class="item_price_param"><input type="radio" name="price" id="price737" value="737" onClick="itemPriceParamChecked('53628', '19100 руб.');" /><label for="price737">1800х450х2400 (+4 100 руб.)Бельевой/платяной - 19100 руб.</label></div>

<div class="item_price_param"><input type="radio" name="price" id="price738" value="738" onClick="itemPriceParamChecked('53628', '19000 руб.');" /><label for="price738">1800х600х2200 (+4 000 руб.)Бельевой/платяной - 19000 руб.</label></div>

<div class="item_price_param"><input type="radio" name="price" id="price739" value="739" onClick="itemPriceParamChecked('53628', '19300 руб.');" /><label for="price739">1800х600х2400 (+4 300 руб.)Бельевой/платяной - 19300 руб.</label></div>

</div>

Share this post


Link to post
Share on other sites

Код, который предоставили вы написан на php, он генерирует исходный внешний код, который я и скопировал.

По html я ориентируюсь неплохо, но здесь в затруднении.

Какой движок у сайта?

Share this post


Link to post
Share on other sites
<?php// зависимость цены от параметров ->
if($_ITEM_PRICE_PARAMS){ ?>
    <script type="text/javascript">
        $(document).ready(function(){
            $('.hide.listblock2').hide();
            $('.item_prices a.listblock2').toggle(
                function(){
                    $(this).siblings('.hide.listblock2').stop(false, true).slideDown(1000);
                    $(this).html('<span>Список цен');
                },
                function(){
                    $(this).siblings('.hide.listblock2').stop(false, true).slideUp(1000);
                    $(this).html('<span>Cписок цен');
                }
            );
        });
    </script>
<?php
echo "<div class=\"item_prices\">\n";
echo "<a class='listblock2' href='#'><span>Открыть цены</span></a>";

    $i = 0;
    echo "<div class=\"hide item_price_param\"><ul>";
    foreach($_ITEM_PRICE_PARAMS as $id => $ipp){

    $ipp['ippPriceValue'] = (int)($ipp['ippPrice']*$_MONEY[$_ITEM_DATA['moneyID']]['moneyRelate'])." ".StringWithoutFormat($_MONEY[$_ITEM_DATA['moneyID']]['moneySymb']);
    echo "<li>";
        echo "<input type=\"radio\" name=\"price\" id=\"price".$ipp['ippID']."\" value=\"".$ipp['ippID']."\"";

                     if($_ITEM_BASKET_YET && isSet($_ITEM_PRICE_PARAMS[$_ITEM_BASKET_YET['ipp']]['ippPrice'])){
        if($_ITEM_BASKET_YET['ipp'] == $id){
        echo "checked=\"1\"";
        } else {
        echo "disabled=\"1\"";
        }
        } else {
        if(!$i) echo " checked=\"1\"";

        if($ipp['ippImage'] && is_file(IMAGES_SHOP_DIRECTORY_PHP.$_ITEM_DATA['catFolder']."/".$brandAddonURL.$_ITEM_DATA['itemURL'].SHOP_IPP_PREFEX.$id.IMG_FILE_TYPE)){
        echo" onClick=\"itemPriceParamChecked('".$_ITEM_ID."_".$id."', '".$ipp['ippPriceValue']."');\"";
        } else {
        echo" onClick=\"itemPriceParamChecked('".$_ITEM_ID."', '".$ipp['ippPriceValue']."');\"";
        }

        }
        echo " />";
        echo "<label for=\"price".$ipp['ippID']."\">";
            if($ipp['ippImage'] && is_file(IMAGES_SHOP_DIRECTORY_PHP.$_ITEM_DATA['catFolder']."/".$brandAddonURL.$_ITEM_DATA['itemURL'].SHOP_IPP_PREFEX.$id.IMAGE_PREVIEW_POSTNAME.IMG_FILE_TYPE)){
            echo "<img src=\"".IMAGES_SHOP_DIRECTORY.$_ITEM_DATA['catFolder']."/".$brandAddonURL.$_ITEM_DATA['itemURL'].SHOP_IPP_PREFEX.$id.IMAGE_PREVIEW_POSTNAME.IMG_FILE_TYPE."\" align=\"absmiddle\" />";
            }
            echo $ipp['ippName']." - ".$ipp['ippPriceValue'];
            echo "</label>";

        echo "</li>\n";

    $i++;
    }
    echo "</ul></div>\n";
    echo "</div>\n";
}
// <- зависимость цены от параметров
?>
<?php
if($_ITEM_PRICE_PARAMS || $_ITEM_COLORS){ echo "<br clear=\"all\" /><br />\n<div class=\"hr\"> </div>\n"; }
?>
</form>
<?php if($_ITEM_DATA['itemTDescr']){ echo "<div class=\"item_main_descr\">".$_ITEM_DATA['itemTDescr']."</div>\n"; } ?>

Думаю с css разберешься для списка <ul><li>.

Limpopo likes this

Share this post


Link to post
Share on other sites

Что за ошибка?

Parse error: syntax error, unexpected T_IF in /home/p/*****/shkaf-market.ru/public_html/content/modules/shop/body/item.php on line 245

Share this post


Link to post
Share on other sites

Что за ошибка?

короче получилось ошибку устранил так

было так:

<?php// зависимость цены от параметров ->
if($_ITEM_PRICE_PARAMS){ ?>

стало так:

<?php
// зависимость цены от параметров ->
if($_ITEM_PRICE_PARAMS){ ?>

теперь работает но как стиль прописать

 

дабы сделать как вот здесь тык

Share this post


Link to post
Share on other sites

 

теперь работает но как стиль прописать

 

дабы сделать как вот здесь

Стоп, там совсем другой принцип: там сделано через select - > option

У тебя же список с input'ами.

Как тебе надо: так как Select - > option ?

 

При варианте с js который есть, прописано просто раскрывающийся, скрывающийся блок соответсвенно

Limpopo likes this

Share this post


Link to post
Share on other sites

 

 

Как тебе надо: так как Select - > option ?

 

 

да желательно так бы, но и с раскрывающимся блоком тоже пойдет.

Share this post


Link to post
Share on other sites

Сам себе помог!.

пришлось изучить 

 
JavaScript

 

кому интересно на будущие то вот:

<script>
$(function() {
	$('.item_prices').prepend(
		$('<div class="myholder active">Раскрыть Цены</div>').click(function(){ 
			var childs = $(this).parent().find('.item_price_param');

			if($(this).hasClass('active')) {
				childs.show();
				$(this).html('Скрыть Цены');
			} else {
				childs.hide();
				$(this).html('Раскрыть Цены');
			}

			$(this).toggleClass('active');
		})
	).find('.item_price_param').hide();
	
	var calcWidth = function() {
      $('.item_prices').width($('#basket_add').width()-$('#basket_add .price').width());
    };
	
	$(window).resize(calcWidth);
	calcWidth();
	
});
</script>

Тему можно закрыть!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0

  • Recently Browsing   0 members

    No registered users viewing this page.