Показать сообщение отдельно
  #46 (permalink)  
Старый 25.02.2016, 18:48
Аспирант
Отправить личное сообщение для olmensk Посмотреть профиль Найти все сообщения от olmensk
 
Регистрация: 24.02.2016
Сообщений: 33

Сообщение от рони Посмотреть сообщение
olmensk,
Скажите пожалуйста, а если у меня такое, вместо сcылок на картинку, как-бы кнопка для div.
Как в таком случае правильно написать название, что б записалось в bloknot3?


<div class="bloknot3"></div><!-----БЛОКНОТ список----->

<!---------------------------------------------------><!-----div 1----->
<div id="mydiv7" style="display:none;">
 <div class="np2l-1">	
    <div class="shape cuboid-7 cub-7">
      <div class="face ft"></div>
</div>
<!---------------------------------------------------><!-----div 2----->
</div>
<div id="mydiv8" style="display:none;">
 <div class="np2l-1">	
    <div class="shape cuboid-8 cub-8">
      <div class="face ft"></div>
</div>
</div>
<!---------------------------------------------------><!-----div 3----->
<div id="mydiv9" style="display:none;">
 <div class="np2l-1">	
    <div class="shape cuboid-9 cub-9">
      <div class="face ft"></div>
</div>
</div>
<!--------------------------------------------------->

<!---------------------------------------------------><!-----аккордеон выбора кнопок------>
<input id="ac-13" name="accordion-1" type="checkbox" />
  <label for="ac-13">Заголовок</label>
    <article class="ac-small">
      <ul class="list5">
          <li><a class="button7" href="javascript:void(0);" onclick="viewdiv('mydiv7');" data-title="текст название button7"></a></li>
          <li><a class="button8" href="javascript:void(0);" onclick="viewdiv('mydiv8');" data-title="текст название button8"></a></li>
          <li><a class="button9" href="javascript:void(0);" onclick="viewdiv('mydiv9');" data-title="текст название button9"></a></li>
       </ul> 
     </article>

<!-------------скрипт вписывания названия---------------->

//список 
$(function() {
    var arrText = [];
    $(".list1, .list2").each(function(indx, ul) {
        arrText[indx] = "";
        $("li", ul).click(function() {var img_path = $(this).attr("path-img"),title = $("img", this).data("title");
            $(".list1 li, .list2 li").css("border-color", "white");
            $(this).css("border-color", "#000");
            $(".wall-top").css("background", "url(" + img_path + ") repeat");
            arrText[indx] = title;
            $(".bloknot3").html(arrText.join("<br>"))})
    })
});

<!---------- скрывает-открывает div mydiv7--- mydiv8--- mydiv9--------------->
function viewdiv(id)
{
var el=document.getElementById(id);
if(el.style.display=="block")
{
el.style.display="none";
} else {
el.style.display="block";
}
}

Последний раз редактировалось olmensk, 25.02.2016 в 19:19.
Ответить с цитированием