Currently viewing the tag: "Javascript"

楽天ウェブサービスAPI＋jQueryでブログにアフィリエイトを簡単自動表示する方法

On 2011/05/06

仕事でjQueryを使ったAPI接続を試す機会があったので、僕のブログで出ているアフィリエイトリンクもJavascriptでがんばれないか試してみた。前はPHPでカテゴリやタグをつかってAPIを叩いていたが、Javascriptならクライアントサイドで動くしなにかとアレかと思いまして。

以下のソースとなる。

Continue Reading →

disableを使った二度押し防止

On 2008/06/25

昔、「Javascriptでボタンのダブルクリックを抑制する」という記事でも書いたんですが、これを書いたのが今から5年前ぐらいの情報でして、ちょっと前にはてブで同じような記事があったので、ブックマークしていました。
で、最近（とはいっても数年前）はどうやってるのかみてみると、ボタンをdisableにして押せなくしてるみたいですね。どんなもんかということで試してみました。
参考：二度押し防止の onsubmit で disable にするやつ by Drk7jpさん
このページのはじめに載ってた方法だと、prototype1.6.jsでは戻ったときとかにボタンが押せなくなってしまっていたので、「onsubmit で disable にするやつ by 鷹の島さん」の方法を使いました。
テストで使ったJSPは以下。あんまりよくなさそうだけど、時間稼ぐために頭に3秒Sleepしてます。

<% String countString = request.getParameter("count"); int count = 0; try{ count = Integer.parseInt(countString); count++; }catch(Exception e){ count = 1; } %> <%@page contentType="text/html" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>JSP Page</title> <script type="text/javascript" src="./utility.js"></script> <script type="text/javascript" src="./prototype-1.6.0.2.js"></script> </head> <body> <form action="index.jsp" method="GET"> <input type="text" name="string" value="" /> <input type="hidden" name="count" value="<%=count%>" /> <input type="submit" name="subsub" value="OK" /> </form> <p> string=<%= request.getParameter("string") %><br /> count=<%=count%><br /> subsub=<%= request.getParameter("subsub") %> </p> </body> </html>

たしかにこれだと、うまくいくのですが、1秒後にdisableが戻るのがなんか気持ち悪い。これはAPサーバにリクエストを投げるときに、1秒以上かからない前提でやってるのかなー。

Continue Reading →

Web画面テストで使う文字列データをJavascriptで作ってみる

On 2008/05/10

文字列テストデータを作成する。

http://daipresents.com/tool/createstr.html

Continue Reading →

Javascriptメモ

On 2008/04/20

head要素内に記述する場合  <html>
<head>
<title>タイトル</title>
<meta http-equiv=”Content-Script-Type” content=”text/javascript”>
<script type=”text/javascript”>
<!–
// ここに処理を記述
// –>
</script>
</head>
<body /> 外部ファイルに記述する場合

拡張子が「js」のファイルを用意します。そしてそのファイルにJavascriptを記述し、外部ファイルとしてHTML内で読み込むことも可能。

// test.js
function test(){
alert(“テストです”);
} <html>
<head>
<title>JavaScript Sample</title>
<script type=”text/javascript” src=”test.js” />
</head>
<body /> THをJavascriptでインサートしたいんだけどできないのだ。

http://www.y-adagio.com/public/standards/tr_dom1/level-one-html.html

function addRule(tableName){
table = document.getElementById(tableName);
row = table.insertRow(table.rows.length);
cell = row.insertCell();
cell.innerHTML = “aaa”;

cell = row.insertCell();
cell.innerHTML = “bbb”;

newElement = document.createElement(‘th’);
newValue = document.createTextNode(‘中身’);
appendElement = newElement.appendChild(newValue);
row.appendChild(appendElement);

alert(row.hasChildNode());

newElement = document.createElement(‘td’);
newValue = document.createTextNode(‘中身’);
appendElement = newElement.appendChild(newValue);
[...]

Continue Reading →

Javascriptでボタンのダブルクリックを抑制する

On 2008/04/20

ダブルクリックによる2重投稿を防ぐために使用する。

isSubmittedフラグにより、クリックされたかどうかを判断し、 されていなければ、3秒（3000ミリ秒）待ってから、フラグを変更し、 trueを返す。ようは、1回目のクリックから3秒間はフラグがtrueの為、 2回目のクリックが無効になる。

方法 

フォームには以下のように。

onsubmit=”return formSubmit()”

JavaScriptファイルは以下のように

// クリック判定フラグ
// falseの場合は、クリックされていないを意味する
var isSubmitted = false;

function formSubmit(){

// クリックされていないかどうか
if(!isSubmitted){

// フラグをtrueに変更する
// これにより1回目のクリックがまだ実行中の為、
// 2回目のクリックが無効となる
isSubmitted = true;

// 3000ミリ秒後にフラグをfalseに戻す
// 3000ミリ秒の間は、フラグがtrueの為、Submitできない
setTimeout(“resetIsSubmitted()”, 3000);

// Submitする
return true;
} else{
// Submitしない
return false;
}
}

function resetIsSubmitted(){
// フラグをfalseに戻す
isSubmitted = false;
}

Continue Reading →

Javascriptでメーラーを起動する

On 2008/04/20

メーラーに文字を設定して開くには

mailto:[email protected]?subject=サブジェクト・・・

のようなURLを作成し、そこへ遷移するとうまくいく。

書き方 function startMailer(){

var mailto = “mailto:[email protected]”;
mailto = mailto +
“?subject=サブジェクト&body=本文です。%0D%0A改行もできます。”;

location.href= mailto;

}

Continue Reading →

Javascriptでスクロール位置を覚える

On 2008/04/20

同じ画面に遷移すると、ページの一番上に遷移してしまう。 そこで、スクロール位置を記憶しておき、同じ場所が表示されるように工夫。

方法

まずは画面の位置を取得

function viewYl(form){
alert(“この位置は” + document.body.scrollTop + “です。”);
}

添付ファイルを追加するときなどは、「追加」ボタンが押されたときに「scrollTop」の位置をhiddenなどで飛ばしてあげるといい。
遷移後に、その値を受け取り、onloadで自動的に移動させると、画面遷移後も同じスクロール位置にいる気分になれる。

Continue Reading →

Javascriptで自動遷移

On 2008/04/20

ページを自動で遷移させる場合はこんな感じで。refresh使ってます。

&lt;?xml version=”1.0″ encoding=”UTF-8″ ?&gt;<br />&lt;!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.1//EN” “http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd”&gt;<br />&lt;html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”ja”&gt;<br />&lt;head&gt;<br /> &lt;meta http-equiv=”content-type” content=”application/xhtml+xml; charset=UTF-8″ /&gt;<br /> &lt;meta http-equiv=”content-style-type” content=”text/css” /&gt;<br /> &lt;meta http-equiv=”refresh” content=”1; url=/kingdom/faces/login/login.jsp”&gt;<br /> &lt;title&gt;藤原王国&lt;/title&gt;<br />&lt;/head&gt;<br />&lt;body&gt;<br />自動的に遷移しない時は&lt;a href=”/kingdom/faces/login/login.jsp”&gt;自動的に遷移しない時はこちら&lt;/a&gt;をクリック。<br />&lt;/body&gt;<br />&lt;/html&gt;<br /><br />

Continue Reading →