09/07/22 02:39:11
>>174
言葉が足りず、すみません。
このライブラリは、
--------------------
<div id="naibu" style="display:none; position:absolute; width:362px; height:100px;">内部ファイルの内容</div>
...
<div id="flowerdivcontainer" style="border:1px solid gray; width:350px; height: 200px; background-color: lightyellow; padding: 5px"></div> //タブを選択した時、内容を入れるdiv
<div id="flowertabs" class="modernbricksmenu2">
<ul>
<li><a href="sample.html" rel="flowerdivcontainer" class="selected" rev="naibu">タブ1</a></li> //(※1)選択されたタブ内容を読み込む(revで内部ファイルの内容も読み込む)
<li>...
</ul>
</div>
--------------------
のように記述し、外部ファイルを、
<a href="javascript: myflowers.loadajaxpage('gaibu.html')">リンク1</a>
の様にタブへ読み込みます。
(※1)の記述により、一応内部ファイルの内容も同時に読み込むことはできるのですが、
position:absoluteとなっているため、外部ファイルの内容と重なって表示されてしまうのです。
外部ファイルはどの程度のheightになるのか分からないため、ずらしておくこともできません。
positionのように位置を指定しないで、内部ファイルの内容を、外部ファイルの内容の後に続けて表示したいと思っているのです。