Рубрики
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 описание]
Рубрики
Web development

Web development «ToolTip»

  • header
    • <script src=https://code.jquery.com/jquery-1.12.4.js></script>
    • <script src=https://code.jquery.com/ui/1.12.1/jquery-ui.js></script>
  • CSS
  • .tooltip span
    • { display:none; position: absolute; z-index: 1001; margin-top:0px; }
  • .tooltip a
    • { display:block; width: 100px; text-decoration: none; }
  • .tooltip:not(:hover)>span
    • { display:none; }
  • .tooltip:hover:after
    • { width:10%; height:15px; position: absolute; z-index: 1001; margin-top:-17px; margin-left:1px; }
  • html.body
  • <div class=tooltip>
    • <a class=tooltip-header href=#>Изменить</a>
    • <span>
      • <div class=tooltip>
        • <a class=tooltip-header href=#>АТРИБУТЫ</a> <span>test1</span>
      • </div>
      • <div class=»tooltip»>
        • <a class=»tooltip-header» href=»#»>VARS</a> <span>test2</span>
      • </div>
      • <div class=tooltip>
        • <a class=tooltip-header href=#>МОДУЛИ</a> <span>test3</span>
      • </div>
    • </span>
  • </div>
  • script
  • $(.tooltip).hover(function() {
    • $(this).children(:last-child).css(display,none) });
    • $(.tooltip-header).on(click,function(){tooltip_click()});
    • function tooltip_click(){
      • var span=$(window.event.currentTarget).next();
      • if (span.css(display)==none) span.css(display,block);
      • else span.css(display,none);
      • span.css(width,200px);
      • span.css(background,white);
      • span.css(padding,10px 10px);
      • span.css(border,1px solid #220);
  • }