WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:ボタン(button)について

0:[投稿] ひめ [2007/01/19 11:03 ] [環境:WinXP Apache]

左にボタンを表示して、その右隣にデータを表示します。
データが空の場合は、“データなし”という文字を表示して、ボタンは出さないようにします。
空のとき、ボタンは出さないようにすることは出来たのですが(hiddenで)、ボタンがない分、文字を左に詰めたいのですが、
できません。
javascriptでできますでしょうか。
ご指導お願いします。


1:[回答] 通りすがり [2007/01/19 16:26 ]

データを表示する部分以外は、JavaScriptでまかないたいってコトでしょうか?
こんな感じですか?
解釈間違ってたらすみません。
#ちなみにhiddenをどう使ってるのかわからなかったので使用してません^^;

<html>
<head>
 <title>てすと</title>
 <script language="JavaScript" type="text/javascript">
 <!--
   function Onloaded(){
     // データエリアの内容取得
     var data_str = document.getElementById('area_1').innerHTML;
     // 内容が空だったらデータなしと表示してボタンを隠す
     if (data_str == ""){
       document.getElementById('area_1').innerHTML = "データなし";
       document.getElementById('btn_1').style.display = "none";
     }else{
       document.getElementById('btn_1').style.display = "inline";
     }
   }
 // -->
 </script>
</head>
<body onload="Onloaded()">
 <input type="button" id="btn_1" value="ぼたん〜。">
 <span id="area_1">あいうえお</span>
</body>
</html>


2:[] Emmett [2007/03/28 21:44 ][URL]

繧オ繝ウ Muy impresionado practicando surf tu lugar, funcionamiento de la subsistencia 7A6 <a href='http://continental-airlines-cti.blogspot.com'>Continental Airlines</a> * <a href='http://american-airlines-slk.blogspot.com'>American Airlines</a> * <a href='http://patio-furniture-jkj.blogspot.com'>Patio Furniture</a> * <a href='http://southwest-airlines-pnt.blogspot.com'>Southwest Airlines</a> * <a href='http://bedroom-furniture-rag.blogspot.com'>Bedroom Furniture</a> * <a href='http://thomasville-furniture-qgd.blogspot.com'>Thomasville Furniture</a> * <a href='http://jet-blue-airlines-mwm.blogspot.com'>Jet Blue Airlines</a> * <a href='http://broyhill-furniture-arq.blogspot.com'>Broyhill Furniture</a> * <a href='http://jetblue-airlines-fcc.blogspot.com'>JetBlue Airlines</a> * <a href='http://value-city-furniture-jtx.blogspot.com'>Value City Furniture</a> * <a href='http://outdoor-furniture-lth.blogspot.com'>Outdoor Furniture</a> * <a href='http://ashley-furniture-wtu.blogspot.com'>Ashley Furniture</a> * <a href='http://jetblue-mjg.blogspot.com'>JetBlue</a> * <a href='http://west-jet-wnf.blogspot.com'>West Jet</a> * <a href='http://jet-blue-gig.blogspot.com'>Jet Blue</a> * <a href='http://delta-airlines-mgx.blogspot.com'>Delta Airlines</a> * <a href='http://northwest-airlines-cnj.blogspot.com'>Northwest Airlines</a> * <a href='http://furniture-yni.blogspot.com'>Furniture</a> * <a href='http://spirit-airlines-tnh.blogspot.com'>Spirit Airlines</a> * <a href='http://office-furniture-tst.blogspot.com'>Office Furniture</a>

回答(必須): 状態:

お名前(必須):

URL:




[戻る]