右クリックのログとかリストの逆順表示とかのjQuery | WordPressのカスタマイズ

<?php
	$strquery = $_SERVER['REMOTE_ADDR'] . ':' . $_SERVER['QUERY_STRING'];
?>

<input type="hidden" name="senddata" value="<?php echo $strquery; ?>">

jQuery(function() {
	//右クリック時
	jQuery( '.dllink' ).bind( 'contextmenu', function() {//class="dllink"の要素を右クリックすると
		var idstr = jQuery( this ).attr( 'id' );//クリックした要素のid属性を取得
		clcklog( 'right', idstr );
	});

	//左クリック時
	jQuery( '.dllink' ).click( function() {//class="dllink"の要素を左クリックすると
	var idstr = jQuery( this ).attr( 'id' );//クリックした要素のid属性を取得
	clcklog( 'left', idstr );
	});

	//XMLHttpRrequestさせる関数
	function clcklog( cli, id ) {
		var tarips = jQuery( "[name='senddata']" ).val();//phpで仕込んであるhidden inputのip addressとurlのデータを取得
		var altsrc = '-' + id + '_' + cli + '_click';
		var strsends = '2012/12/1212122691.jpg' + altsrc + ':' + tarips;//送信するデータを作成
		var urls = './logimage.php';//postでデータを受け取ってファイルに記録するphpファイル
		jQuery.post( urls,
			{ target:strsends },
			function( data, status ) {
			}
		);
	}
});

<?php
	$cdt = date( 'Y/m/d H:i:s' );
	$filnam = './***/imglooklog.php';
	if ( isset( $_POST['target'] ) ) {
		$targetstr = $_POST['target'];
		$targetstr = str_replace( 'https://strix.main.jp/wp-content/uploads/', '', $targetstr );
		list( $imgurl, $ipadrs, $pageid ) = explode( ':', $targetstr );
		$hname = gethostbyaddr( $ipadrs );
		
		if ( '***.***.***.***' !== $ipadrs ) {//管理者のipと違う場合、'***.***.***.***'は管理者のipです
			$fp = fopen( $filnam, 'a+b' );
			flock( $fp, LOCK_EX );
			
			fputs( $fp, "$cdt  [$ipadrs]  [$hname]  [$pageid]  $imgurl\n" );
					
			fclose( $fp );
		}
	} else {
			$fp = fopen( $filnam, 'a+b' );
			flock( $fp, LOCK_EX );
			
			fputs( $fp, "$cdt data none\n" );
					
			fclose( $fp );
	}
?>

<li class="widget monthlist-3">
	<h2><span id="urote" title="リストをローテーションします">all post</span><span id="drote" title="リストを逆順にローテーションします">list</span></h2>
	<p id="reverse" title="リストを逆順にします">reverse</p>
	<ul id="postlist">
		<li><a href="https://strix.main.jp/?diys=javascript-click-images">画像クリック時のjavascript</a></li>
		<li><a href="https://strix.main.jp/?diys=can-not-use-syntaxhighlighter">SyntaxHighlighterがつかえない！</a></li>
		<li><a href="https://strix.main.jp/?diys=custom-taxonomy-of-image">カスタム分類による画像個別の分類</a></li>
		<li><a href="https://strix.main.jp/?diys=close-popup-on-scroll">続、画像クリック時のjavascript</a></li>
		/*** 省略 ***/
	</ul>
</li>

jQuery( function() {
	//リストを逆順に並び替えて表示＊しかしこれだとIEでは動かないのでこの下を
	jQuery( '#reverse' ).click( function() {
		var childli = jQuery( '#postlist' ).children( 'li' );//<ul id="postlist">の子要素<li>を全て取得
		jQuery( '#postlist' ).html( '' );//<ul id="postlist">の子要素<li>を一度全て消去
		for( var i = childli.length-1; i >= 0; i-- ) {
			jQuery( '#postlist' ).append( childli[i] );//取得しておいた子要素<li>を逆順にて挿入
		}
	});

	//一番上の項目を一番下に移動
	jQuery( '#hpostlist' ).click( function() {//id="hpostlist"の要素をクリックすると
		jQuery( '#postlist li:first' ).appendTo( '#postlist' );
		//もしくは一番下の項目を一番上に移動させるのはこちら
		//jQuery( '#postlist li:last' ).prependTo( '#postlist' );
	});
});

jQuery( function() {
	//リストを逆順に並び替えて表示
	jQuery( '#reverse' ).click( function() {
		jQuery( '#postlist' ).html( jQuery( '#postlist li' ).get().reverse() );
	});
});

<div id="englist">
	<h4>Species names list</h4>
	<p class="greencolor">※click on back white to close</p>
	<p class="reverse" title="リストを逆順に並び替えます">rev</p>
	<ul>
		<li><a href="#spc568" title="ノビタキ">African Stonechat</a></li>
		<li><a href="#spc316" title="コシジロアジサシ">Aleutian Tern</a></li>
		<li><a href="#spc682" title="オオホンセイインコ">Alexandrine Parakeet</a></li>
		/*** 途中省略 ***/
		<li><a href="#spc523" title="セッカ">Zitting Cisticola</a></li>
	</ul>
</div>

jQuery( function() {
	jQuery( '.reverse' ).click( function() {
		var tardiv = jQuery( this ).parent( 'div' ),
			tarul = jQuery( tardiv ).children( 'ul' ),
			revli = jQuery( tardiv ).find( 'li').get().reverse();

		jQuery ( tarul ).html( revli );
	});
});