運営サイト/オリジナルCMS   |   ダウンロードランキング   |   お問い合わせ

PR

Javascriptでウィンドウオープン

JavaScriptでポップアップウィンドウを表示するスクリプト。
aタグと、ボタンクリック時のサンプルです。

■ソースコード

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>サンプル</title>
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />

<script type="text/javascript">
<!--
function openWin(wUrl , wName , Width , Height , Resize , Status , Scroll){
  wOption = "toolbar=no,location=no,directories=no,status=" + Status +",menubar=no,scrollbars=" + Scroll +",resizable=" + Resize +",width=" + Width + ",height=" + Height + ",left=";
  w = window.open(wUrl,wName,wOption);
  w.focus();
}
function openPopup(url){
  openWin(url , "win" , 500 , 600 , 1 , 1 , 1);
}
//-->
</script>
</head>

<body>

<p><a href="javascript:;" onclick="openPopup('http://www.adbon.net/')">ポップアップウィンドウ</a></p>
<p><input type="button" value="ポップアップウィンドウ" onclick="openPopup('http://www.adbon.net/')" /></p>


</body>
</html>

■動作サンプル&ソースダウンロード

 

参考になりました?

Filed under: JavaScript,忘れっぽいのでメモる — admin 23:16  Comments (0)

簡単にリッチテキストエリアを作る

Word感覚で入力できるリッチテキストエリアが簡単にできるスクリプトを紹介します。

wysiwyg っていうスクリプトです。通常のテキストエリアとの違いをサンプルで表示します。

使いたい方は以下からダウンロードしてください。

参考になりました?

Filed under: Ajax,JavaScript — admin 23:05  Comments (0)

JavaScriptでウィンドウライクなコンボボックスを作る

Webの<select>タグは選ぶだけで入力ができない。

ウィンドウライクなコンボボックスがほしいと思った人は多いと思います。

そこで、JavaScriptでウィンドウライクなコンボボックスをつくりました。

__
参考になりました?

Filed under: Ajax,JavaScript — admin 21:10  Comments (0)

項目が動的に増える(ように見える)フォーム

入力項目をどんどん増やせるフォームです。

デフォルトで最大3つまでですが、カスタマイズによっては無制限に増やせます。

複数の商品を一度に申し込んだりする場合にご利用ください。

 

参考になりました?

Filed under: JavaScript — admin 13:36  Comments (0)

フォームをアクティブにすると色が変わる

 

参考になりました?

Filed under: JavaScript — admin 23:28  Comments (0)

「全てチェック」クリックで全チェックボックス選択

 

参考になりました?

Filed under: JavaScript — admin 23:24  Comments (0)

セレクトリスト選択でページ遷移

 

参考になりました?

Filed under: JavaScript — admin 23:22  Comments (0)

ラジオボタンクリックでページ遷移

このスクリプトは、ページ内のhtmlタグを走査して、該当のイベントを見つけます。

見つけ方は、(1)HTMLタグで見つける方法、(2)cssのid、classで見つける方法、(3)name属性で見つける方法が選べます。ちょっと複雑ですが、カスタマイズすることでいろいろと使えますので、利用してみてください。


参考になりました?

Filed under: JavaScript — admin 23:16  Comments (0)

DOMのお話

DOM(Document Object Model)とは、HTML文書やXML文書を”JavaScript”などで操作する為の仕組み。

【HTML部分】

<form name=”form01″>
<input type=”text” id=”text01″ name=”text01″ value=”" /> <== ここを操作したい
</form>

【JavaScript部分:DOMの基本的な形態】

<script type=”text/javascript”>
function test(){
  data = document.forms.form01.text01.value; <== これがその仕組み
}
</script>

【JavaScript部分:W3C策定】

<script type=”text/javascript”>
function test(){
  data = document.getElementById(”text01″).value; <== これがその仕組み
}
</script>

【JavaScript部分:Ajaxライブラリ、prototype.js】

<script type=”text/javascript”>
function test(){
  data = $(”test01″).value; <== これがその仕組み
}
</script>
 

参考になりました?

Filed under: JavaScript — admin 21:03  Comments (0)

運営サイト/オリジナルCMS   |   ダウンロードランキング   |   お問い合わせ