通常、サーバへデータを送る為にブラウザがパーセントエンコーディングを行ってくれますが、サーバーへ送らなくても変換だけは行ってくれます。なので、それを利用して変換するツールです。 主に利用している機能としては、document.charset と localStorage ですが、Firefox では charset が定義されていないので、FORM の acceptCharset を使用する必要がありました。
<script>
function setData() {
var wk = location.search;
var ar = wk.split("=");
if ( ar.length > 1 ) {
document.getElementById("result").value = ar[1];
}
if ( document.charset ) {
document.getElementById("charset").value = (document.charset).toLowerCase();
}
else {
document.getElementById("charset").value = (document.characterSet).toLowerCase();
}
if ( localStorage["encodeData"] ) {
document.getElementById("data").value = localStorage["encodeData"];
}
if ( localStorage["charset"] ) {
document.getElementById("charset").value = localStorage["charset"];
}
}
function vSubmit() {
localStorage["encodeData"] = document.getElementById("data").value;
localStorage["charset"] = document.getElementById("charset").value;
if ( document.charset ) {
document.charset = document.getElementById("charset").value;
}
else {
document.getElementById("frm").acceptCharset = document.getElementById("charset").value;
}
}
</script>
<body onload="setData()">
<select id="charset">
<option value="utf-8">utf-8</option>
<option value="euc-jp">euc-jp</option>
<option value="shift_jis">shift_jis</option>
</select>
<form id="frm" onsubmit='vSubmit()'>
<input type="text" name="data" id="data">
<input type="submit" value="send">
</form>
<textarea id="result" style='width:550px;height:400px;'></textarea>
</body>
上記のようなファイルを「urlencode.htm」で作成して、IFRAME に埋め込んで使います。以下は、Google ドライブにアップロードして利用しています。
関連する記事 Google ドライブにWEBページを作成する方法
|
|
【WEBブラウザの最新記事】
- CSS の @media screen と IFRAME を使用して PC コンテンツとスマホページを完全に別作成して切り替える
- WEB ブラウザで WEBカメラから静止画像を canvas へ転送して、その画像をローカルへ保存するテンプレート
- WEB ブラウザで WEBカメラをテストするテンプレート / Android Chrome でテストすると【今は】カメラの front と back を切り替えできます
- iPhone を EpocCam というアプリで Wi-Fi の WEBカメラにする場合のいろいろ知っておく事。
- ブラウザ別『Java 無効』
- IE、Firefox、Chrome、Opera、Safari で JavaScript を無効にする
- ブラウザの入力履歴の削除( 特にパスワード )
- IE、Firefox、Chrome、Opera、Safari のキャッシュ削除のショートカット
- 各ブラウザで、onbeforeunload を使おうとすると
- ２０１４年７月７日現在。WEBフォントの実際
- IE の占める割合の変遷と IE8 でないと動かないシステムの現実
- Flash Playerに危険な脆弱性( またかというかこっちもか )。13.0.0.206 である事を確認しましょう。
- デベロッパーツールを使用してクッキーの一覧を表示する
- Seesaa ブログの『保存ボタンが表示されない』
- Firefox のみのレイアウトトラブル / float:left と line-height
- ブラウザ毎の「開発者ツール」の起動と知っておくべき要点
- ブラウザ別『ソース』の表示
- 各ブラウザの現在の「document.charset」と「document.characterSet」
- Favicon の動的変更・または追加( IE8、Firefox、Chrome、Opera、Safari )
- Opera の window.open のバグ
