Форум

pristav2 · #1 (**permalink**) 19.08.2011, 09:55

Все привет.
Возникла такая проблема

есть меню и набор картинок
необходимо что бы при нажатии на определенный пункт меню показывалась соответсвующая картинка.
Собствено проблема в том что меню и картинка находятся в разных блоках

в скриптах совсем начинающий, понимаю что нужно задать условиЕ а как - не понимаю

скприт по которому сторится меню:

<?if (!empty($arResult)):?>
	<ul id="top-menu">
<?foreach($arResult as $arItem):?>
	<?if ($arItem["PERMISSION"] > "D"):?>
		<li<?if ($arItem["SELECTED"]):?> class="selected"<?endif?> onclick="go_pict()"><a href="<?=$arItem["LINK"]?>"><?=$arItem["TEXT"]?></a></li>
	<?endif?>
<?endforeach?>

	</ul>
<?endif?>

Geddar · #2 (**permalink**) 19.08.2011, 11:43

O_o wtf?

kadabrik · #3 (**permalink**) 19.08.2011, 11:57

Мне кажется или это js а не PHP форум))
Вот, покури это:

<!DOCTYPE HTML>
<html>
  <head>   
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
    <script>
    $(function()
    {
      $('#images img').hide();
      $('#menu li').click(function()
      { 
        $('#images img').hide().eq($(this).index()).show(); 
      })
    });
    </script>
  </head>
  <body>
  <ul id="menu" style="cursor: pointer">
    <li>Smile</li>
    <li>Haha</li>
    <li>Nono</li>
  </ul>
  <div id="images">
    <img alt="" src="http://javascript.ru/forum/images/smilies/smile.gif"/>
    <img alt="" src="http://javascript.ru/forum/images/smilies/haha.gif"/>
    <img alt="" src="http://javascript.ru/forum/images/smilies/nono.gif"/>
  </div>
  </body>
</html>

Geddar · #4 (**permalink**) 19.08.2011, 12:11

прчём это альтернативный синиаксис php pristav2, даже в php так писать изврат, альтернативный синтаксис используется в основном для вывода больших блоков текста

kadabrik · #5 (**permalink**) 19.08.2011, 12:17

Сообщение от Geddar

прчём это альтернативный синиаксис php pristav2, даже в php так писать изврат, альтернативный синтаксис используется в основном для вывода больших блоков текста

Это шаблонизация на php, судя по отрывку кода pristav2 скорее всего правит шаблон bitrix компонента

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

Geddar · #6 (**permalink**) 19.08.2011, 12:22

kadabrik, ни когда не имел дела с bitrix, я думал 1С придумали что-то поумнее =) а писать <? ?> после каждого тега, ни есть хорошо xD

kadabrik · #7 (**permalink**) 19.08.2011, 12:36

Сообщение от Geddar

kadabrik, ни когда не имел дела с bitrix, я думал 1С придумали что-то поумнее =) а писать <? ?> после каждого тека, ни есть хорошо xD

Ну у них там можно поменять шаблонизатор, но сколько сайтов на bitrix повидал - никто этого не делает. Так что думаю, что добрая четверть сайтов рунета написана именно с этой шаблонизацией. Впринципе в ней нет ничего плохого кроме того что присать <?=?> относительно долго, и нет поддержки кеширования(последняя в свою очередь реализуется самой битрой). Такая шаблонизация сейчас прекрасно распознается большинством визуальных редакторов.

pristav2 · #8 (**permalink**) 16.09.2011, 15:27

Решение проблемы (может кому пригодится)

:

var my_top_photo_flag = true;
         	$(document).ready(function(){
			$(".top-menu a").click(function(){	
				var link_href = $(this).attr("href");		
				if (link_href) {
					
					$(".page_content").load(link_href + "?only_content=1");
					
					var image_path = "<?=BX_PERSONAL_ROOT?>" + "/templates/youarex/images/" + link_href.replace(/\//g, "") + ".png";
					var image = new Image();
					$(image).load(function () {
						var my_top_photo_1 = my_top_photo_flag ? $("#my_top_photo_img1") : $("#my_top_photo_img2"); // Текущий
						var my_top_photo_2 = my_top_photo_flag ? $("#my_top_photo_img2") : $("#my_top_photo_img1"); // Не активный
						
						my_top_photo_2.css("left", -650).attr("src", image_path).animate({ left: 0 }, 500);
						my_top_photo_1.animate({ left: 650 }, 500);

my_top_photo_flag = !my_top_photo_flag;
					}).attr("src", image_path);
					
					return false;
				}
			});
		});

Форум

Справочник

Discord чат

Курсы javascript