Рубрики
Основы.JQuery

Основы.JQuery «события элемента»

  • выполнить событие у элемента
    • div.trigger(event)
Рубрики
Основы.JQuery

Основы.JQuery «видимость элемента»

  • показать элемент
    • div.show()
  • скрыть элемент
    • div.hide()
  • свернуть развернуть элемент
    • div.slideToggle()
Рубрики
Основы.JQuery

Основы.JQuery «содержимое элемента»

  • очистить содержимое элемента
    • div.empty()
  • проверка на пустоту элемента
    • div.is(:empty)
Рубрики
back-end PHP Web development

Web development «WorldPress — Записи — открываем через ссылку в окно с движением»

  • function mypost_content_replace($content) {
    • $id = str_replace(array([post),«,$content);
    • $id = substr($id, 0,strpos($id,«));
    • return mypost_el($id);
  • }
  • function mypost_content_callback($matches) {
    • return mypost_content_replace($matches[0]);
  • }
  • function mypost_content_write($content){
    • return preg_replace_callback(/\\[post.*?\\]/i,mypost_content_callback, $content);
  • }
  • $GLOBALS[myposts]=array();
  • function mypost_load_content($content,$name,$link,$ID,$title,$id{
    • $GLOBALS[myposts][]=$ID;
    • $content = mypost_content_write($content);
    • $el=<div data-id=".$ID." id="posts'.$ID.'" class="block-mouse data2206241820 color2206241820" style="padding:2px;font-size:9pt;display:none;position:absolute;z-index:1003">; $el=$el.»\n».<div style="display:inline-block;font-weight: bold;color:red">.$title.`</div><div style=»float:right;display:inline-block»>`.$id.</div>;
      $el=$el.»\n».<div class="btns" style="none">;
    • $el=$el.»\n».<div style="display:inline-block">.$link.</div>; $el=$el.»\n».<a href="#" onclick="$('.block-mouse').css('display','none')" style="text-decoration: none;margin-right:2px;vertical-align: middle;float:right;display:inline-block;">Все</a>;
    • $el=$el.»\n».<img onclick="$('#posts.$ID.).css('display','none')" src="https://codegid.ru/img/close.png" style="margin-right:2px;cursor:pointer;float:right;display:inline block;height:18px;width:18px">;
    • $el=$el.»\n».</div>;
    • $el=$el.»\n».<div style="font-weight: bold;color:green">.$name.</div>;
    • $el=$el.»\n».<div class="res" style="overflow:scroll;height:400px;width:400px;">'.$content.'</div></div>;
    • return $el;
  • }
  • function mypost_el($id){
    • $ID=p.$id;
    • $href=https://codegid.ru/?p=.$id;
    • $my_post=get_post($id);
    • $name=$my_post->post_name;
    • $name=urldecode($name);
    • $title=$my_post->post_title;
    • $content=$my_post->post_content;
    • $link=<a title=".$name." style="text-decoration: none;margin-right:2px;vertical-align: middle;display:inline-block;" target="_blank" href="'.$href.'">.$title.</a>;
    • $post_categories = wp_get_post_categories($id); foreach($post_categories as $c ){
      • $cat = get_category($c);
      • $cat = <a style="text-decoration: none;color:green;margin-left:2px" href="'.get_category_link($cat->term_id).'">.$cat->name.</a>;
      • $link=$cat./.$link;
    • }
    • $el=<div style="margin-bottom:2px;"><a class="posts-root" onmouseover="posts_root_mouseover($(this))" data-id=".$ID." style="text-decoration: none;margin-left:2px;" href="'.$href.'">.$title.</a></div>;
    • if(array_search($ID,$GLOBALS[myposts]) == false){
      • $el=$el.»\n».mypost_load_content($content,$name,$link,$ID,$title,$id);
    • }
    • return $el;
  • }
  • Вызов через простой текст c вводом номера поста
    • function mypost_content_replace($content) {…}
      • $id = str_replace(array([post),«,$content);
      • $id = substr($id, 0,strpos($id,` `));
      • return mypost_el($id);
[post10644 описание]
Рубрики
Основы.JQuery

Основы.JQuery «:focus selector»

Ссылка

  • CSS
    • /*color,color контент*/
    • .css2207031228 { background-color:red; }
  • JS
    • $(#content).delegate(*, focus blur,
      • function() {
        • let el = $(this)
        • setTimeout(function() {
          • el.toggleClass(css2207031228, el.is(:focus))
        • },0)
      • }
    • )
  • HTML
    • <div id=content>
      • <div tabindex=1>test1 </div>
      • <div tabindex=2>test2 </div>
    • </div>