Ответы пользователя по тегу Вёрстка
  • Почему не происходит замена текста при нажатии?

    @S3Ga
    Ошибка в функции toogle1, у вас в contentReview хранится массив элементов, вы пытаетесь применить к нему свойство innerHTML, но это свойство должно применяться конкретно к элементу. Как вариант :
    (function() {
    	var contentReview = document.querySelectorAll('.reviews__text');
    	var moreBtnReview = document.querySelectorAll('.reviews__more');
    	var num = 120;
    	for (var i = 0; i < contentReview.length; i++) {
    		var bigTextReview = contentReview[i].innerHTML;
    
    		var cutTextReview = bigTextReview.slice(0, num);
    
    		moreBtnReview[i].style.display = 'none';
    		if (bigTextReview.length > num) {
    			moreBtnReview[i].style.display = '';
    		  var vis = false;
    			var toggle1 = function(key) {
              console.log(key);
    		      if (!vis) {
    		        contentReview[key].innerHTML = cutTextReview;
    		        moreBtnReview[key].textContent = 'Подробнее';
    		        vis = true;
    		      } else {
    		        contentReview[key].innerHTML = bigTextReview;
    		        moreBtnReview[key].textContent = 'Скрыть';
    		        vis = false;
    		      }
    		  };
    		  moreBtnReview[i].addEventListener('click', function(key){return function(){toggle1(key);}}(i));
    		  toggle1(i);
    		}
    	}
    })();

    Обратите внимание на строчку с замыканием
    moreBtnReview[i].addEventListener('click', function(key){return function(){toggle1(key);}}(i));
    Ответ написан
    5 комментариев
  • Как сделать всплывающее popup окно(затемненное) в iframe?

    @S3Ga
    Потому что для iframe обязателен закрывающий тэг.
    Исправьте
    <iframe src="https://toster.ru" width="100%" height="100%"/>
    на
    <iframe src="https://toster.ru" width="100%" height="100%"></iframe>
    Ответ написан
    Комментировать