javascriptでブラウザを閉じるソース。
<form> <input type="button" value=" Close " onClick="opener.winfl=0;window.close()"> </form>
ちょこっと使うことがあったので、
メモ程度に。。。
‘javascript’ カテゴリーのアーカイブ
javascriptでブラウザを閉じる
2009 年 6 月 14 日 by admin
はてなスターをブログに設置
2009 年 6 月 11 日 by admin
はてなスターをブログに設置しました。
<script type="text/javascript" src="http://s.hatena.ne.jp/js/HatenaStar.js"></script>
<script type="text/javascript">
Hatena.Star.SiteConfig = {
entryNodes: {
'div.section': {
uri: 'h3 a',
title: 'h3',
container: 'h3'
}
}
};
</script>
当ブログの場合は、
div.section → div.post
uri: ‘h3 a’ → uri: ‘h2 a’
title: ‘h3′ → title: ‘h2′
container: ‘h3′ → ’h2′
って感じで動作します。
この部分は、自分のブログに合わせて下さい。
CSSの指定を選択可能にして、cookieに保存
2009 年 5 月 6 日 by admin
訪問者側でCSSを指定して、それによって、
次回以降のアクセスは指定したCSSが自動的に適用されるようにする。
たぶんYahoo!のトップページも同じ感じだと思います。
これらを選ぶと、次回から一度選んだCSSが適用されます。
▼javascriptソース（headタグ内）
<script type="javascript">
<!--
var cssfiles = new Array();
cssfiles[0] = "style0.css";
cssfiles[1] = "style1.css";
cssfiles[2] = "style2.css";
var css = GetCookie("CSS");
if(css == ""){css = cssflies[0];}
document.write('<link rel="styleseet" href="'+css+'" tyl="text/css">');
function CssfChange(sel){
if(sel.options[sel.selectedIndex].value){
SetCookie("CSS",cssfiles[sel.options[sel.selectedIndex].value]);
window.location.reload();
}
}
function GetCookie(key){
var tmp = document.cookie + ";
var index1 = tmp.indexOf(key,0);
if(index1 != -1){
tmp = tmp.substring(index1,tmp.length);
var index2 = tmp.indexOf("=",0)+1;
var index3 = tmp.indexOf(";"index2);
return(unescape(tmp.substring(index2,index3)))
}
return("");
}
function SetCookie(key,val){
document.cookie = key + "=" + escape(val) + ";expires = Fri, 31-DEC -2010 23:59:59 GMT;";
}
// -->
</script>
<noscript>
<link rel="stylesheet" href="style1.css" type="text/css">
</noscript>
▼HTMLソース
<form name="form"> <select name="file"> <option value="0">style0.css</option> <option value="1">style1.css</option> <option value="2">style2.css</option> </select> <input type="button" value="変更" onclick="CssfChange(document.form.file)"> </form>
入力フォームを選択したらフォーカスされるinput
2009 年 5 月 5 日 by admin
入力フォームを選択したらフォーカスされるinputを作成するには、javascriptとcssを使います。
入力中のフォームがフォーカスされることは「訪問者がどの部分を入力しているか？」が分かりやすく、ユーザビリティが高まります。
▼HTMLサンプルソース
<input size="35" name="name" style="background:#ffffff;" onfocus="this.style.backgroundColor='#99cc00'" onblur="this.style.backgroundColor='#ffffff'" type="text" />
フォントサイズをワンクリックで変更
2008 年 9 月 10 日 by admin
フォントサイズをワンクリックで変更するには、
デフォルトの状態から大きなフォント『A』を押すと、
フォントが大きく表示されて、
小さいフォント『A』を押すと、
フォントが小さく表示されます。
javascriptでCSSのfont-sizeプロパティを変更することで実現します。
▼javascriptソース（headタグ内）
var Default = 2;
var tags = new Array('div','td','tr');
var sizing = nre Array('xx-small','x-small','small','medium','large','x-large','xx-large');
function FontChange(target,tarF){
if(!document.getElementByld) return
var dore = document,tarS = null,fontSize = Default,value,su,cTags;
fontSize += tarF;
if(fontSize < 0) fontSize = 0;
if(fontSize > 6) fontSize = 6;
Default = fontSize;
if(!(tarS = dore.getElementByld(target))) tarS =
dore.getElementsByTagName(target)[0];
tarS.style.fontSize = sizing[fontSize];
for(value = 0; value < tags.length; value++){
cTags = tarS.getElementsByTagName(tags[value]);
for(su = 0; su < cTags.length; su++) cTags[su].style.fontSize =sizing[fontSize];
}
}
▼HTMLソース
<p>
フォントを大きく ⇒ <a href="javascript:FontChange('body',1)">『A』</a><br>
フォントを小さく ⇒ <a href="javascript:FontChange('body',-1)">『A』</a><br>
</p>
