hpapi.blogspot.jp

2016年2月26日金曜日

Notepad++ 最後の行を画面の最上に表示する方法

Notepad++ 最後の行を画面の最上に表示する方法

Plugin の「Notepad#」を追加します。

2016年2月12日金曜日

イメージファイルのオリジナルサイズを確認する

.naturalHeight
.naturalWidth

function item_cards_event(){
var x = document.getElementsByClassName('item_cards');
for(var i = 0; i<x.length; i++){
x[i].addEventListener("mouseover",function(e){
this.style.boxShadow = "3px 3px 14px";
console.log(this.firstElementChild.nextElementSibling.firstElementChild.naturalWidth + 'x' + this.firstElementChild.nextElementSibling.firstElementChild.naturalHeight);
},false);

x[i].addEventListener("mouseout",function(e){
this.style.boxShadow = "1px 1px 1px";
},false);
}
}

item_cards_event();

例

2016年2月2日火曜日

location プロパティ

location プロパティ

location.href
"http://www.asus.com/Motherboards/Z170-PRO/?SearchKey=Z170/"

location.origin
"http://www.asus.com"

location.protocol
"http:"

location.host
"www.asus.com"

location.hostname
"www.asus.com"

location.pathname
"/Motherboards/Z170-PRO/"

location.search
"?SearchKey=Z170/"

2016年1月27日水曜日

YouTube IFrame API ,再生リストの動作確認

YouTube IFrame API ,再生リストの動作確認、
以前に作成したプログラムは正常に停止しない、再び最初から
再生が始まります。そのための確認です。

今回のストップボイントは下記となります、各event.コード発生時に
実行します。

function stop(event){
if(event.target.getPlaylist()){
if(event.target.getVideoData().video_id == event.target.getPlaylist()[event.target.getPlaylist().length -1]) {
event.target.stopVideo();
}else{
event.target.playVideo();
}
}
}

<!DOCTYPE html>
<html>
<body>

<div id="player"></div>

<script>
// YouTube Player API Reference for iframe Embeds
// https://developers.google.com/youtube/iframe_api_reference
// 2. This code loads the IFrame Player API code asynchronously.
var tag = document.createElement('script');

tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

// 3. This function creates an <iframe> (and YouTube player)
// after the API code downloads.
var player;
function onYouTubeIframeAPIReady() {
player = new YT.Player('player', {
height: '0',
width: '0',
videoId: 'M7lc1UVf-VE',
events: {
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange,
'onError' : onPlayerError,
}
});
}

// 4. The API will call this function when the video player is ready.
function onPlayerReady(event) {
console.log(event.target.getPlayerState());
player.cuePlaylist({list:'PLoxAMAuDB1YbftJRZtIlec92SFNAPTnjW'});
event.target.playVideo();
}

function onPlayerStateChange(event) {

console.log('event.target.getPlayerState()' + event.target.getPlayerState());
console.log('event.data' + event.data);
console.log('player.getPlaylistId()' + event.target.getPlaylistId());
console.log('player.getPlaylist()' + event.target.getPlaylist());
console.log('player.getPlaylistIndex()' + event.target.getPlaylistIndex());

if(event.target.getPlayerState() == 5){
stop(event);
console.log('5---' + event.target.getPlayerState());

}

if(event.target.getPlayerState() == 4){
stop(event);
console.log('4---' + event.target.getPlayerState());

}

if(event.target.getPlayerState() == 3){
stop(event);
console.log('3---' + event.target.getPlayerState());
}

if(event.target.getPlayerState() == 2){
stop(event);
console.log('2---' + event.target.getPlayerState());

}

if(event.target.getPlayerState()== 1){
stop(event);
console.log('1---' + event.target.getPlayerState());
//event.target.nextVideo();
}

if(event.target.getPlayerState() == 0){
stop(event);
console.log('0--' + event.target.getPlayerState());
}

if(event.target.getPlayerState() == -1){
console.log('-1--' + event.target.getPlayerState());
}
}

function onPlayerError(event){
if(event.target.getPlaylist()){
if(event.target.getVideoData().video_id == event.target.getPlaylist()[event.target.getPlaylist().length -1]) {
event.target.stopVideo();
}else{
event.target.nextVideo();
}
}
}

function stop(event){
if(event.target.getPlaylist()){
if(event.target.getVideoData().video_id == event.target.getPlaylist()[event.target.getPlaylist().length -1]) {
event.target.stopVideo();
}else{
event.target.playVideo();
}
}
}

function stop_play() {
console.log(event.target.getPlayerState());
player.stopVideo();
}

//player.cuePlaylist({list:'PLoxAMAuDB1YbftJRZtIlec92SFNAPTnjW'});
</script>
</body>
</html>

2016年1月23日土曜日

addEventListener 一覧

分類	イベントハンドラ	発生状況
	onload	リソースのロードが完了したとき
	onunload	アンロードされたとき (ロードする前)
	readystatechange	documentのreadyState属性が変化したとき
フォーカス	onfocus	要素が入力フォーカスを得たとき
フォーカス	onblur	要素が入力フォーカスを失ったとき
	onchange	ユーザーが要素の値を変更し、要素が入力フォーカスを失ったとき (プログラムから変更した場合には、イベントは発生しない)
	onselect	テキストが選択されたとき
	oncontextmenu	マウスで右クリック、またはアプリケーションキーが押されるなどして、コンテキストメニューが表示されるとき
マウス	onclick	マウスでクリックされたとき
	ondblclick	マウスでダブルクリックされたとき
	onmousedown	マウスボタンが押されたとき
	onmouseup	マウスボタンが離されたとき
	onmouseover	マウスが要素に乗ったとき
	onmouseout	マウスが要素から離れたとき
	onmousemove	マウスが要素の上を移動したとき
キー	onkeydown	ユーザーがキーを押したとき
	onkeypress	ユーザーがキーを押して離したとき
	onkeyup	ユーザーがキーを離したとき
フォーム	onsubmit	フォームの送信が要求されたとき
フォーム	onreset	フォームのリセットが要求されたとき
	onresize	ウィンドウのサイズが変更されたとき (Windowオブジェクトのみ)
	onscroll	要素のコンテンツがスクロールされたとき
	onabort	画像のロードが中断されたとき
	onerror	画像のロード中にエラーが発生したとき

2016年1月20日水曜日

テキストボックスのオートコンプリートを無効

テキストボックスのオートコンプリートを無効
autocomplete="off"
<input type="text" name="input" autocomplete="off" />

2016年1月18日月曜日

フォームの送信（onsubmit）を中断する

submitの送信を中断する、addEventListener エベントの戻り値。
送信する値は””であれば、送信しませんん。

<php
echo "<form action =\"{$action_url}\" id =\"f\" method = \"get\">";
echo "<input id = \"searchform_q\" name = \"search_query\" value = \"{$value}\">";
echo '<button id = "searchform_button">send</button>';
echo '</from>';
?>
<script type = "text/javascript">
addevt();

function addevt(){
var f = document.getElementById('f');
f.addEventListener("submit",button_chk,false);
}

function button_chk(){
var input_text = document.getElementById('searchform_q');

if(input_text.value == ""){
event.returnValue=false; <<event.returnValue
}else{
event.returnValue=true;
}
}
</script>