JavaScript – ページ 5 – 東京発、雲に乗って

2007年5月4日2017年3月2日

【JavaScript】JavaScriptファイルを動的に読みこむ

JavaScriptファイルを動的に読み込む関数です。
読み込んだ後、コールバック関数を呼ぶことができます。

function load_script(src, callback) {
  var done = false;
  var head = document.getElementsByTagName('head')[0];
  var script = document.createElement('script');
  script.src = src;
  head.appendChild(script);
  script.onload = script.onreadystatechange = function() {
    if(!done && (!this.readyState ||
      this.readyState === "loaded" || this.readyState === "complete") ) {
      done = true;
      if(callback) {
        callback();
      }
      script.onload = script.onreadystatechange = null;
      if ( head && script.parentNode ) {
          head.removeChild( script );
      }
    }
  };
}

function load_script(src, callback) {

var done = false;

var head = document.getElementsByTagName('head')[0];

var script = document.createElement('script');

script.src = src;

head.appendChild(script);

script.onload = script.onreadystatechange = function() {

if(!done && (!this.readyState ||

this.readyState === "loaded" || this.readyState === "complete") ) {

done = true;

if(callback) {

callback();

}

script.onload = script.onreadystatechange = null;

if ( head && script.parentNode ) {

head.removeChild( script );

}

};

}

2007年3月9日2017年3月2日

【JavaScript】URLを自動的にリンクにする

文字列の中にURLを見つけたら自動的にAタグによるリンクに変換します。

function auto_link(val) {
  var exp = /(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/ig;
  return val.replace(exp,"<i class='fa fa-globe'>&nbsp;</i><a target='_blank' href='$1'>$1</a>");
}

function auto_link(val) {

var exp = /(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/ig;

return val.replace(exp," <a target='_blank' href='$1'>$1</a>");

}

2006年10月10日2017年2月28日

【JavaScript】NULLエスケープ

あると重宝するNULLエスケープ関数

function nul(val, def) {
  if(def == undefined) {
    def = '';
  }
  if(val == undefined || val == null || val == '') {
    return def;
  }
  else {
    return val;
  }
}

function nul(val, def) {

if(def == undefined) {

def = '';

}

if(val == undefined || val == null || val == '') {

return def;

}

else {

return val;

}

2006年7月26日2017年3月2日

【JavaScript】タグエスケープ

HTMLタグをただの文字列として扱わせることができます。

function escape_tag(val) {
  val = val.replace(/</g, '&lt;');
  val = val.replace(/>/g, '&gt;');
  return val;
}

function escape_tag(val) {

val = val.replace(/</g, '<');

val = val.replace(/>/g, '>');

return val;

}

2006年5月15日2017年3月2日

【JavaScript】改行とBRタグの変換

改行をBRタグへ

function cr2br(val) {
  val = val.replace(/\r\n/g, '<br/>');
  val = val.replace(/\n/g, '<br/>');
  val = val.replace(/\r/g, '<br/>');
  return val;
}

function cr2br(val) {

val = val.replace(/\r\n/g, ' ');

val = val.replace(/\n/g, ' ');

val = val.replace(/\r/g, ' ');

return val;

}

BRタグを改行へ

function br2cr(val) {
  return val.replace(/<br\/>/g, '\r\n');
}

function br2cr(val) {

return val.replace(/<br\/>/g, '\r\n');

}