<div class="contained featurette" data-featurette="expandable-content-card" id="featurette-11"> <div class="grid-100"> <div class="achievement-meta"> <img class="toggle-steps" src="badges_independentStudy.png"> <h3> <span class="new-content" title="Кол-во просмотров">Просмотров: 0</span> <a class="trigger-steps toggle-steps">Название блока</a> </h3> <div class="form-item six columns"> <label for="search" style="opacity: 0; display: none;" class="in-field-label-processed"></label> <input type="text" id="search" value="Поле для ввода" class="text uniform-processed placeholder-processed"> </div> </div> <div class="achievement-steps"> <ul> <li> <a href="Готовая ссылка"> <span class="icon icon-stage icon-complete"></span> <a href="#" id="link"><strong>Текст ссылки</strong></a></a> </li> </ul> <a class="trigger-steps toggle-steps"> <span class="icon icon-chevron-down"></span> <i id="lhref">Show</i> сгенерированные ссылки </a> </div> </div> </div> <script> var ntext = function () { var l = "https://www.google.ru/search?q="; lhref.innerHTML = l + this.value; link.href = lhref.innerHTML; } search.onchange = ntext; search.onkeyup = ntext; </script>
<strong id="lhref"></strong>
<strong id="ltext "></strong>
