debuneko333 @ ウィキ
http://w.atwiki.jp/debuneko333/
debuneko333 @ ウィキ
ja
2010-09-27T22:42:12+09:00
1285594932
-
css分岐
https://w.atwiki.jp/debuneko333/pages/26.html
2010-09-27T22:42:12+09:00
1285594932
-
条件付きコメント
https://w.atwiki.jp/debuneko333/pages/25.html
2010-09-27T20:49:34+09:00
1285588174
-
selfcheck
https://w.atwiki.jp/debuneko333/pages/24.html
<?xml version="1.0" encoding="EUC-JP"?>
<!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="application/xhtml+xml; charset=EUC-JP" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<link rel="shortcut icon" href="../img/110sekuhara.ico">
<title>セルフチェック セクハラ被害者編</title>
<link rel="shortcut icon" href="">
<link rel="stylesheet" type="text/css" media="all" href="../css/set.css" title="style importer" />
<script type="text/javascript">
function Mycnt() {
var Myobj = document.getElementById('Mychk'); // id名が "Mychk"内のオブジェクトを Myobj に格納
var Mytag = Myobj.getElementsByTagName('input'); // Myobj 内の "input"タグ要素を格納
var chksuu = 0; //チェックの数のカウンタ
var Myvalue=""; //空白の文字列
for (var i = 0; i < Mytag.length
2010-09-01T23:34:13+09:00
1283351653
-
javascript チェックボックスの値＆表示 非表示
https://w.atwiki.jp/debuneko333/pages/21.html
<!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">
<HEAD>
<TITLE>チェックボックスのチェックの有無とチェックの数を調べます</TITLE>
<script type="text/javascript">
<!--
function Mycnt() {
var Myobj = document.getElementById("Mychk"); // id名が "Mychk"内のオブジェクトを Myobj に格納
var Mytag = Myobj.getElementsByTagName("input"); // Myobj 内の "input"タグ要素を格納
var chksuu = 0; //チェックの数のカウンタ
var Myvalue=""; //空白の文字列
for (var i = 0; i < Mytag.length; i ++) { //Mytag.length; チェックボックスの数
if (Mytag[i].checked == true) { //checked == trueであればチェック有り
Myvalue += Mytag[i].value;//チェックのあるMytag[i] のvalue値の結合
chksuu ++; // trueであれば １ずつ加算します
}
}
if (chksuu > 0) { //チェックがある時のメッセージです
msg = "あんたのチェックした数は " + chksuu + "個やで";
}
else { //チェックがない時のメッセージです
msg = "あんたのチェックした数は0個やで";
}
document.getElementById("tBox").innerHTML=msg;
2010-08-31T01:24:32+09:00
1283185472
-
開閉するQ&A javascript
https://w.atwiki.jp/debuneko333/pages/20.html
参考 http://amenti.usamimi.info/treemenu2.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<link rel="stylesheet" href="import.css" type="text/css" media="all" />
<script type="text/javascript"><!--
function qa(menu_class,menu_id) {
var div=document.getElementById(menu_id);
if (div.style.display == "block") div.style.display="none";
else {
var sib=div.parentNode.childNodes;
for (var i=0; i < sib.length; i++)
if (sib[i].className == menu_class) sib[i].style.display="none";
div.style.display="block";
}
}
// --></script>
<title>test</title>
</head>
<body>
<div id="first">
<div id="content">
<div id="qa">
<dl class="first-qa">
<dt><a href="javascript:qa('tree','menu1');">派遣法改正後新しく加わった職種はなんですか？</a></dt>
<dd class="tree" id="menu1"><p>従来は、OA機器操作、ファイリングなど人材派遣が認められていたのは、<br />
26業務だけでしたが2004年３
2010-06-29T23:12:48+09:00
1277820768
-
透明css
https://w.atwiki.jp/debuneko333/pages/19.html
filter: alpha(opacity=25);
-moz-opacity:0.25;
opacity:0.25;
IE
alpha(opacity=透明度);
100が100％となる。25％の場合は、25
Firefox・Netscape
-moz-opacity:.透明度;
1.0が100％となる。25％の場合は、.25
Opera・Safari
opacity:透明度;
1.0が100％となる。25％の場合は、.25
CSS3.0からは、opacity:透明度;の設定ですべてのブラウザで表示可能となるようです。
2010-02-05T22:34:17+09:00
1265376857
-
親ボックスに高さをつける（floatでぺちゃんこ）
https://w.atwiki.jp/debuneko333/pages/18.html
#parentBox＝高さを出したいボックス
/* start: clearfix ------------------------------ */
#parentBox:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}
#parentBox { display:inline-table; }
/* Hides from Mac IE \*/
* html #parentBox { height:1px; }
#parentBox { display:block; }
/* */
/* end: clearfix ------------------------------ */
2009-12-28T13:40:02+09:00
1261975202
-
footer_css02
https://w.atwiki.jp/debuneko333/pages/17.html
1. html, body {
2. height: 100%; /* ① */
3. margin: 0;
4. padding: 0;
5. text-align: center;
6. }
7. #container {
8. min-height: 100%; /* ② */
9. height: auto !important; /* ③ */
10. height: 100%; /* ④ */
11. position: relative;
12. }
13. #screen {
14. width: 500px;
15. margin: 0 auto;
16. text-align: left;
17. padding-bottom: 100px;
18. }
19. #header {
20. height: 50px;
21. }
22. #menu {
23. height: 30px;
24. }
25. #footer {
26. height: 100px;
27. width: 500px; /* ⑤ */
28. position: absolute; /* ⑥ */
29. bottom: 0; /* ⑦ */
30. }
2009-12-27T22:35:37+09:00
1261920937
-
footer_css
https://w.atwiki.jp/debuneko333/pages/16.html
html, body, #contena {
height: 100%;
}
body > #contena {
height: auto;
min-height: 100%;
}
/* CLEAR FIX*/
.clearfix:after {content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
#footer{
font-weight:bold;
clear: both;
position: relative;
margin-top: -10px; /* negative value of footer height */
height: 10px
}
2009-12-26T20:04:38+09:00
1261825478
-
index
https://w.atwiki.jp/debuneko333/pages/15.html
<p><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin
template="/Templates/temp.dwt" codeOutsideHTMLIsLocked="false" --><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=shift-JIS"
/><br />
<link type="text/css" rel="stylesheet" href="common/common.css" /><br />
<!-- InstanceBeginEditable name="doctitle" --><br />
<link type="text/css" rel="stylesheet" href="common/company.css" /><br />
<title>[光コミュニケーションズ株式会社]</title><br />
<!-- InstanceEndEditable --><br />
<!-- InstanceParam name="category" type="text" value="company" --><br />
</head><br /><br />
<body><br />
<div id="wrapper"><br />
<div id="header"><br />
<h1><a href="index.html">光コミュニケーションズ株式会社</a></h1><br />
<ul id="topmenu"><br />
<
2009-12-17T10:34:34+09:00
1261013674