Jump to content

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

Limpopo
 Share Followers 0

Recommended Posts

  • VIP
Error

Error 667

Posted
  • VIP
Posted

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

Link to post
Share on other sites
vitponom

vitponom 57

Posted
Posted 




<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>






Как то так


 



			
		


		
			

				
					
						

	
	
		

			
				
				

					
						

	
	

					
				

			
			
			
		

	


					
				
				
    
					
						
						
						
					
					
  • 
						
					
    • 
				

			

		

		
			

		
	


	

	

		
Link to post

		
			
		
		
		

		
			
Share on other sites

			

	

		
	



	



					
					
					
				

					

					
					







	

	
		

			
    
				
					
  • VIP
    • 
				
				
				
				
			

		

	

	

		

			


	
		Error
	

			
		

		

			

				

Error
				

	
		
	
			 667
	
		
	

			

			

				Posted 
				
			

		

	

	
	

		




	

		

			

				
    
					
					
						
  • VIP
    • 
					
					
					
					
				

			

			
		


		

			Posted  
			
			
				
				
			
		

	


	


	

		
		

			

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



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



			
		


		

		
			

		
	


	

	

		
Link to post

		
			
		
		
		

		
			
Share on other sites

			

	

		
	



	



					
					
					
				

					

					
					







	

	

	

		

			


	
		Limpopo
	

			
		

		

			

				

Limpopo
				

	
		
	
			 22
	
		
	

			

			

				Posted 
				
			

		

	

	
	

		




	

		

			

				
    
					
						
  • Author
    • 
					
					
					
					
					
				

			

			
		


		

			Posted  
			
			
				
				
			
		

	


	


	

		
		

			

@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"; } ?>
 


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



			
		


		

		
	


	

	

		
Link to post

		
			
		
		
		

		
			
Share on other sites

			

	

		
	



	



					
					
					
				

					

					
					






					
					
					
				

					

					
					







	

	
		

			
    
				
					
  • VIP
    • 
				
				
				
				
			

		

	

	

		

			


	
		Error
	

			
		

		

			

				

Error
				

	
		
	
			 667
	
		
	

			

			

				Posted 
				
			

		

	

	
	

		




	

		

			

				
    
					
					
						
  • VIP
    • 
					
					
					
					
				

			

			
		


		

			Posted  
			
			
				
				
			
		

	


	


	

		
		

			

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


 



<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>



			
		


		

		
			

		
	


	

	

		
Link to post

		
			
		
		
		

		
			
Share on other sites

			

	

		
	



	



					
					
					
				

					

					
					






					
					
					
				

					

					
					







	

	
		

			
    
				
					
  • VIP
    • 
				
				
				
				
			

		

	

	

		

			


	
		Error
	

			
		

		

			

				

Error
				

	
		
	
			 667
	
		
	

			

			

				Posted 
				
			

		

	

	
	

		




	

		

			

				
    
					
					
						
  • VIP
    • 
					
					
					
					
				

			

			
		


		

			Posted  
			
			
				
				
			
		

	


	


	

		
		

			

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



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



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



			
		


		

		
			

		
	


	

	

		
Link to post

		
			
		
		
		

		
			
Share on other sites

			

	

		
	



	



					
					
					
				

					

					
					






					
					
					
				

					

					
					







	

	

	

		

			


	
		vitponom
	

			
		

		

			

				

vitponom
				

	
		
	
			 57
	
		
	

			

			

				Posted 
				
			

		

	

	
	

		




	

		

			

				
    
					
					
					
					
					
				

			

			
		


		

			Posted  
			
			
				
				
			
		

	


	


	

		
		

			

<?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>.



			
		


		
			

				
					
						

	
	
		

			
				
				

					
						

	
	

					
				

			
			
			
		

	


					
				
				
    
					
						
						
						
					
					
  • 
						
					
    • 
				

			

		

		
			

		
	


	

	

		
Link to post

		
			
		
		
		

		
			
Share on other sites

			

	

		
	



	



					
					
					
				

					

					
					






					
					
					
				

					

					
					






					
					
					
				

					

					
					






					
					
					
				

					

					
					







	

	

	

		

			


	
		Limpopo
	

			
		

		

			

				

Limpopo
				

	
		
	
			 22
	
		
	

			

			

				Posted 
				
			

		

	

	
	

		




	

		

			

				
    
					
						
  • Author
    • 
					
					
					
					
					
				

			

			
		


		

			Posted  
			
			
				
				
			
		

	


	


	

		
		

			

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


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


было так:


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



стало так:


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



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


 


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



			
		


		

		
	


	

	

		
Link to post

		
			
		
		
		

		
			
Share on other sites

			

	

		
	



	



					
					
					
				

					

					
					







	

	

	

		

			


	
		vitponom
	

			
		

		

			

				

vitponom
				

	
		
	
			 57
	
		
	

			

			

				Posted 
				
			

		

	

	
	

		




	

		

			

				
    
					
					
					
					
					
				

			

			
		


		

			Posted  
			
			
				
				
			
		

	


	


	

		
		

			



 


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


 


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




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


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


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


 


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



			
		


		
			

				
					
						

	
	
		

			
				
				

					
						

	
	

					
				

			
			
			
		

	


					
				
				
    
					
						
						
						
					
					
  • 
						
					
    • 
				

			

		

		
			

		
	


	

	

		
Link to post

		
			
		
		
		

		
			
Share on other sites

			

	

		
	



	



					
					
					
				

					

					
					






					
					
					
				

					

					
					






					
						
    
							
							
								
  • 
									2 weeks later...
								
    • 
							
						

					
					
					
				

					

					
					






					
					
					
				

					

					
					







	

	

	

		

			


	
		Limpopo
	

			
		

		

			

				

Limpopo
				

	
		
	
			 22
	
		
	

			

			

				Posted 
				
			

		

	

	
	

		




	

		

			

				
    
					
						
  • Author
    • 
					
					
					
					
					
				

			

			
		


		

			Posted  
			
			
				
				
			
		

	


	


	

		
		

			

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


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


 


	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>



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





			
		


		

		
	


	

	

		
Link to post

		
			
		
		
		

		
			
Share on other sites

			

	

		
	



	



					
					
					
				
			
			



		

	


	
	
	
	
	
		
		

			
				
				



	
	
		

			
Please sign in to comment

			
You will be able to leave a comment after signing in

			

			

			Sign In Now
		

	


			
		

	

	
		

			
				

					


    
          Share
    

    

				

			
			

				


	

	
		Followers
		0
	


			

			
		

	







	

		
			
				Go to topic listing
			
		
	

	




						


	

		
    
			
				
					
					
  • 


    
	
		Recently Browsing
	
	
		  0 members
	

    

    
	
		
    No registered users viewing this page.
    
	

    • 
				
			
		

	


					

					


					

				

			

			
		

		
		


	

		×
		

			
				

					
				

			

			
		

	






	

		×
		

			
    
				
  • Create New...
    •