Рубрики
CSS WordPress

Web development «Toggle»

  • сворачивание блоков
    • $(.mytoggle).each(function () {
      • h=$(this);
      • let html=h.html();
      • h.empty();
      • h.css(margin-bottom,0);
      • let btn=$(<img>).prependTo(h);
      • $(<div>).appendTo(h).html(html);
      • btn.css(display,inline-block);
      • btn.css(vertical-align,top);
      • btn.css(height,24px);
      • btn.css(width,24px);
      • btn.next().css(display,inline-block);
      • btn.attr(src,СсылкаНаКартинку);
      • btn.click(function(){…});
        • $(this).parent().next().slideToggle();
      • let div=h.next();
      • div.css(padding,5px);
      • div.css(border,1px solid);
      • div.css(display,none);
    • }
  • Размещение кода на WordPress
    • Insert Headers and Footers
      • плагин размещения js кода
      • Script in Footer
        • раздел для расположения кода
  • Пример использования в редакторе с блоками html
    • <div class=mytoggle>head</div>
    • <div>content</div>
Рубрики
HTML

HTML «экранирование кода»

< = &lt;
text=text.replace(/</g,'&lt;');
> = &gt;
text=text.replace(/\>/g,'&gt;');
Рубрики
ajax Vue.js Текущие Задачи Уровень Важности 2

Использование AJAX в Vue компоненте

Рубрики
CSS основы

Основы.CSS «Способы добавления стилей на страницу»

  • ОТНОСИТЕЛЬНОЕ
    • локальное добавление стиля в корне текущей папки
      • <link rel=stylesheet href=/САЙТ/style.css>
    • локальное добавление стиля в родительской папке корня текущей папки
      • <link rel=stylesheet href=../style.css>
  • АБСОЛЮТНОЕ
    • добавление стиля по полному пути
      • <link rel=stylesheet href=http://www.htmlbook.ru/style.css>
Рубрики
Fragments HTML

Fragments «HTML»

  • t теги
//пробел
<div>&nbsp;</div>
  • ts набор тегов
//scroll
<div style="overflow:scroll;width:700px;">
 <div style="height:300px;width:1000px;">code</div>
</div>
  • ev события тегов
//наведение на тег
mouseover
//клавиша нажата и опущена на теге
keypress