TOP > Up > Today

Date:  Mon, 7 Aug 2006 17:20:40 +0900
From:  no@ann.co.jp
Subject:  [pasml 209315] Re: ＣＳＳでＷｏｒｄのぶらさげインデントはで来ませんか
To:  pasml@ann.co.jp
Message-Id:  <200608070820.k778KeIo024789@ns.pas2.jp>
X-Mail-Count: 209315

お名前   : テツヤ　困りごと掲示板から
URL      : 
質問URL: http://pasokoma.jp/bbs.shtm?num=363780&ope=v
ツリー: http://pasokoma.jp/cgi/tree.cgi?num=363780
--
しんさんは No.363773「Re:ＣＳＳでＷｏｒｄのぶらさげインデントはで来ませんか」で書きました。
　了解。一応説明をつけときます。《
&lt;BODY onload=&quot;test()&quot;>　&lt;!--¶←これは、文書を読み終わってから処理をするということ。それがonloadイベント -->

&lt;SPAN id=Docs>　&lt;!--¶←ここは、Docs内にDIV要素を置くことで成り立っています。DIV要素を自由に追加できます。-->
&lt;DIV style=&quot;background-color:yellow&quot;>
１２３４５６７８９０&lt;BR>
&lt;/DIV>
&lt;DIV style=&quot;background-color:yellow&quot;>
１２３４５６７８９０&lt;BR>
ａｂｃｄｅｆｇｈｉｊｋｌｍｎｏｐｑｒｓｔｕｖｗｘｙｚ&lt;BR>
&lt;/DIV>
&lt;DIV style=&quot;background-color:yellow&quot;>
１２３４５６７８９０&lt;BR>
ａｂｃｄｅｆｇｈｉｊｋｌｍｎｏｐｑｒｓｔｕｖｗｘｙｚ&lt;BR>
ａｂｃｄｅｆｇｈｉｊｋｌｍｎｏｐｑｒｓｔｕｖｗｘｙｚ&lt;BR>
&lt;/DIV>
&lt;/SPAN>


&lt;SCRIPT>
function test(){
for(I=0; I&lt;Docs.all.tags(&quot;DIV&quot;).length; I++){　//¶←Docs内のDIV要素の分を処理する。
if(Docs.all.tags(&quot;DIV&quot;)[I].scrollHeight>40){　//¶←要素が持つ高さを40ピクセルと比較している
Docs.all.tags(&quot;DIV&quot;)[I].style.textIndent=&quot;-2em&quot;;　//¶ここの{ }内は「高さ>40」の時に処理をする。で、インデントと
Docs.all.tags(&quot;DIV&quot;)[I].style.paddingLeft=&quot;2em&quot;;　//¶パディングを指定。
}
}

--
== 掲示板ＵＲＬ： http://pasokoma.jp/ ==
   配信の停止： http://pasokoma.jp/taikai.shtml
   本メールマガジンへの返信はなさらないで下さい
== 投稿はパソコン困りごと掲示板でお願い致します ===