ひまぬし | ひま缶

多分LGTM画像表示では最後の機能追加なお実際に使用出来るのはここだではソースコードの公開です。ソースコード

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/clipboard.js/1.5.3/clipboard.min.js"></script>
<!--トレンド表示-->
トレンド検索：<input id="trending" type="checkbox">
<!--この辺で操作するタグ-->
<textarea id="word">cat</textarea>
<textarea id="limit">10</textarea>
<button id="btn">検索</button>
<!--このdivに表示される-->
<div id="lgtm_images"></div>
<button id="more_btn">もっと表示する</button>
<script type="text/javascript">
var lgiftm = {};
( function(){
"use strict";
var giphyRoot = "https://api.giphy.com/v1/gifs/",
apiKey = "dc6zaTOxFJmzC",
apiUrl = "&api_key=",
searchUrl = "search?q=",
trendUrl = "trending?",
limitUrl = "&limit=",
offsetUrl = "&offset=",
imgTag1 = '<img class="copy" data-clipboard-text="![LGTM](',
imgTag2 = ')" id="lgtm',
imgTag3 = '" src="',
imgTag4 = '">',
clipboardClass = ".copy",
lgtmId = "#lgtm_images",
offsetValue = 0;
lgiftm.setMoreGiphySearchImage = function(){
this.setGiphySearchImage( $( "#word" ).val(),
$( "#limit" ).val() +
offsetUrl + offsetValue)
};
lgiftm.setGiphySearchImage = function( word, conditions ){
var url = "";
if ( $( "#trending" ).prop( "checked" ) ) {
url = giphyRoot + trendUrl + apiUrl +
apiKey + limitUrl + conditions;
} else {
url = giphyRoot + searchUrl + word + apiUrl +
apiKey + limitUrl + conditions;
}
$.getJSON(
url,
function(data) {
var i = 0;
$.each(data.data, function( key, val ) {
$( lgtmId ).append(
imgTag1 + val.images.original.url +
imgTag2 + i + imgTag3 +
val.images.fixed_width_small.url + imgTag4
);
i++;
});
// クリックしただけでクリップボードに貼り付けちゃう便利ライブラリ
new Clipboard( clipboardClass );
}
);
offsetValue += parseInt( $( "#limit" ).val() );
};
lgiftm.clear = function(){
$( "div" + lgtmId ).empty();
offsetValue = 0;
}
})();
( function(){
"use strict";
// 初期表示用
lgiftm.setGiphySearchImage( "cat", 10 );
$( "#btn" ).click( function( e ) {
// 表示初期化してから検索画像を表示しまっせ
lgiftm.clear();
lgiftm.setGiphySearchImage( $( "#word" ).val(), $( "#limit" ).val() );
});
$( "#more_btn" ).click( function( e ) {
// 検索画像をもっと表示しまっせ
lgiftm.setMoreGiphySearchImage();
});
})();
</script>

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

トレンド検索：<input id="trending" type="checkbox">

<button id="more_btn">もっと表示する</button>

var lgiftm = {};

( function(){

"use strict";

var giphyRoot = "https://api.giphy.com/v1/gifs/",

apiKey = "dc6zaTOxFJmzC",

apiUrl = "&api_key=",

searchUrl = "search?q=",

trendUrl = "trending?",

limitUrl = "&limit=",

offsetUrl = "&offset=",

imgTag1 = '<img class="copy" data-clipboard-text="![LGTM](',

imgTag2 = ')" id="lgtm',

imgTag3 = '" src="',

imgTag4 = '">',

clipboardClass = ".copy",

lgtmId = "#lgtm_images",

offsetValue = 0;

lgiftm.setMoreGiphySearchImage = function(){

this.setGiphySearchImage( $( "#word" ).val(),

$( "#limit" ).val() +

offsetUrl + offsetValue)

};

lgiftm.setGiphySearchImage = function( word, conditions ){

var url = "";

if ( $( "#trending" ).prop( "checked" ) ) {

url = giphyRoot + trendUrl + apiUrl +

apiKey + limitUrl + conditions;

} else {

url = giphyRoot + searchUrl + word + apiUrl +

apiKey + limitUrl + conditions;

}

$.getJSON(

url,

function(data) {

var i = 0;

$.each(data.data, function( key, val ) {

$( lgtmId ).append(

imgTag1 + val.images.original.url +

imgTag2 + i + imgTag3 +

val.images.fixed_width_small.url + imgTag4

);

i++;

});

// クリックしただけでクリップボードに貼り付けちゃう便利ライブラリ

new Clipboard( clipboardClass );

}

);

offsetValue += parseInt( $( "#limit" ).val() );

};

lgiftm.clear = function(){

$( "div" + lgtmId ).empty();

offsetValue = 0;

}

})();

( function(){

"use strict";

// 初期表示用

lgiftm.setGiphySearchImage( "cat", 10 );

$( "#btn" ).click( function( e ) {

// 表示初期化してから検索画像を表示しまっせ

lgiftm.clear();

lgiftm.setGiphySearchImage( $( "#word" ).val(), $( "#limit" ).val() );

});

$( "#more_btn" ).click( function( e ) {

// 検索画像をもっと表示しまっせ

lgiftm.setMoreGiphySearchImage();

});

})();

</script>

解説今回の機能はランダムはめんどくさ […]

投稿者: ひまぬし

[遊戯王DL]フィールドギミックをタップしてジェムを手に入れる方法

[WOFF]WORLD OF FINAL FANTASYをクリアしたのでレビューする

[Ruby on Rails]一部分のテンプレートを更新する方法[Ajax]

Handsontableの入力時のバグ

私の肩こり解消方法

[FF15]FINAL FANTASY XV に出てくる企業一覧

読んだ本「シンギュラリティ:人工知能から超知能へ」

[FF]ファイナルファンタジーの「ビッグブリッヂの死闘」のアレンジまとめ

LGTM画像を検索してコピペできるツールを作ったのソースコード3

[WOFF]WORLD OF FINAL FANTASYのゴッドオメガのミラージュボードとマスターボーナスと攻略法