Рубрики
PHP front-end HTML back-end PROJECT

«Записи» от 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 вводом номера поста

[post10644 описание] 
Рубрики
WorldPress Блоки "произвольный html" CSS JQuery

«Toggle»

  • сворачивание блоков
  • Insert Headers and Footers плагин размещения js кода
    • Script in Footer
$('.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','http://codegid.ru/img/cub_r.png');
	btn.click(function(){$(this).parent().next().slideToggle()});
	
	let div=h.next();
	div.css('padding','5px');
	div.css('border','1px solid');
	div.css('display','none');
});
  • Пример использования в редакторе с блоками html
Рубрики
HTML JQuery

task.jQuery «:focus selector»

Ссылка

CSS

.css2207031228 {
    background-color:red;
}
/*color,color контент*/

JS

bo52.f[2207031228]={
    arg:[{name:'el',title:'element'}],
    data:(p)=>{let ID=2207031228;let OBJ=bo52.f[ID];ARG=fun_arg(p,OBJ,ID);

    $(ARG.el).delegate("*", "focus blur", function() {
        let el = $(this);
        setTimeout(function() {
            el.toggleClass("css2207031228", el.is(":focus"));
    },0);
});
},tegs:"el.color.border",title:"color el"}

HTML

<div id="el">
<div tabindex="1">test1</div>
<div tabindex="2">test2</div>
</div>
Рубрики
HTML

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

Ссылка

< = &lt;
text=text.replace(/</g,'&lt;');
> = &gt;
text=text.replace(/\>/g,'&gt;');
Рубрики
CSS HTML HTML "Projects" JQuery JavaScript Портфолио

html\editor «sd»

Строчный вложенный редактор с перетаскиванием