JavaScript サイドメニュー折りたたみについて
お助け掲示板で質問に答えたときの覚書
スキンの選択で
スイッチャー.02[AmeLab]
スイッチャー.02:7colors[AmeLab]
スイッチャー.02:7dark[AmeLab]
スイッチャー.05[AmeLab]
の、ようにサイドメニューが折りたたまれるスキンの場合
フリープラグインに青字部分をコピペしてください
サイドメニュタイトルをはじめに全部開いたままで
クリックすることで閉じたり開いたりできるようにする場合
<script type="text/javascript">
<!--
var sidebarAllOneFlag = false;
resetStyle['showSidebar'] = new Array(1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1);
nowStyle['showSidebar'] = new Array(1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1);
-->
</script>
サイドメニュタイトルをはじめに開いたままで
クリックできないようにする場合
<script type="text/javascript">
<!--
cookieId['showSidebar'] = 1;
setStyle['showSidebar'+'Class'] = new Array('on', 'on');
-->
</script>
※スキンによってはうまく行かない場合もあります
もんたメソッド
下のはどなたかが作られたscriptです
私のサイトではexlinkが入っていますので動きませんが
興味ある方は試してみてください
どなたが作ったのか探しているのですが
なんせ２年以上前で皆さんサイトがなくなっているもんですから・・・・
わかり次第にリンクさせていただきます
ご存知の方、おられたらおしえてください
参考のため 「動いた」、「ダメだった」だけでいいのでコメントに残してください
フリープラグインに
<script>
function minomonta(){
var spans = document.getElementsByTagName('span');
for (var i = 0, l = spans.length; i < l ; i++){
var span = spans[i];
if (span.className != 'monta') continue;
span.setAttribute('title', 'ここをクリックすると...');
span['onclick'] = function(){ this.className = "" };
}
}
minomonta();
</script>
CSSに
span .monta {
background-color: #00ff00;
color: #00ff00;
}
記事を書くときは
<span class="monta">文章</span>
で、文章が隠れます・・・・はずです、・・・たぶん
※12/26 アメブロ用に作り直しました
CSSにさわれないスキンの方用にも作っています