Category Archives: JavaScript

「django入門」静的ファイル(css、js、images)を読み込むメモ

1.静的ファイルのフォルダ
STATICFILES_DIRS = (
(“images”,os.path.join(STATIC_URL, ‘images’).replace(‘\\’, ‘/’)),
(“css”, os.path.join(STATIC_URL, ‘css’).replace(‘\\’, ‘/’)),
(“js”, os.path.join(STATIC_URL, ‘js’).replace(‘\\’, ‘/’)),
)

2.ディフォルトの設定
STATICFILES_FINDERS = (
“django.contrib.staticfiles.finders.FileSystemFinder”,
“django.contrib.staticfiles.finders.AppDirectoriesFinder”

)

3.使用例
{% load static from staticfiles %}
{% static “css/sample.css” assample %}
<link href=”{{ sample }}” rel=”external nofollow” rel=”stylesheet”>

「JavaScript入門」requestFullScreen()でページのフルスクリーンを実行するサンプル

JSコード
function FullScreenEnterFunc() {
document.getElementById(‘cft’).style.height = screenHeight+”px”;
var d= document.getElementById(‘cft’);
if (d.requestFullscreen) {
d.requestFullScreen();
} else if (d.webkitRequestFullScreen) {
d.webkitRequestFullScreen();
} else if (d.mozRequestFullScreen) {
d.mozRequestFullScreen();
} else {
d.msRequestFullscreen();
}
}

「JavaScript入門」scriptタグを動的に実行する方法

サンプルコード
//IEの場合
var script = document.createElement(“script”);
script.setAttribute(“type”,”text/javascript”);
script.onreadystatechange = function() {
if(this.readyState == “loaded” || this.readyState == “complete”){
console.log(“load success”);
}
}
script.setAttribute(“src”,scripts[i]);

//Opera、FF、Chromeの場合
var script = document.createElement(“script”);
script.setAttribute(“type”,”text/javascript”);
script.onload = function() {
console.log(“load success”);
}
script.setAttribute(“src”,scripts[i]);

「JavaScript入門」指定時間後にwindowを閉じるサンプル

JSコード
<script language=”javascript”>
<!–
function closewindowFunc(){
self.opener=null;
self.close();
}

function clock(){
i=i-1
document.title=”本ウィンドウ”+i+”秒後自動閉じる”;
if(i>0)
setTimeout(“clock();”,1000);
else
closewindowFunc();}
var i=10;

clock();
//–>
</script>

「jQuery入門」checkboxの状態をする方法

attr
<input type=”checkbox” name=”changfa” checked=”checked” />

prop
$(‘[name=”changfa”]’).prop(‘checked’,true);

「JavaScript入門」チェックボックスの値を取得する

1.htmlコード
<p><input type=”checkbox” name=”chkuser” value=”test”>テスト</p>
<div id=”cft”></div>

2.JSコード
$(function() {
$(‘input[name=”chkuser”]’).change(function() {
if ($(this).prop(‘checked’)) {
$(‘#cft’).text($(this).val());
} else {
//
}
});
});

「jQuery」trigger()とclick()でボタンイベント発火を実行する方法

1.JSPコード
<button>テスト</button>

2.イベントを実行する方法
方法1
$(‘button’).trigger(‘click’);
方法2
$(‘button’).click();

$(‘button’).click(function(){
//処理コード
});

「JavaScript入門」文字列を連結するサンプル

サンプルコード
var tt1= ‘test11’;
var tt2 = ‘test22’;
var tt3 = ‘test33’;
var result = tt1 + tt2 + tt3 ;
console.log( result );

JavaScriptで指定idのdomを操作する方法

サンプルコード
$(“#nameId”).html();
$(“#nameId”)[0].innerHTML;
$(“#nameId”).eq(0)[0].innerHTML;
$(“#nameId”).get(0).innerHTML;

「JavaScript開発」parseJSON()、JSON.parse()、toJSONString()とJSON.stringify()の使い方

JSON文字列:
var str1 = ‘{ “name”: “yamada”, “address”: “tokyo shinagawa” }’;
JSONオブジェクト:
var str2 = { “name”: “yamada”, “address”: “tokyo shinagawa” };

1.JSON文字列をJSONオブジェクトへ変換
方法1
var obj = eval(‘(‘ + str + ‘)’);
方法2
var obj = str.parseJSON();
方法3
var obj = JSON.parse(str);
debug:
console.log(obj.name);
console.log(obj.address);

2.toJSONString()またはJSON.stringify()でJSONオブジェクトをJSON文字列へ変換
方法1
var cft=obj.toJSONString();
方法2
var cft=JSON.stringify(obj);
console.log(cft);

1 / 3712345...102030...最後 »