ツイッターウィジェットが表示されない場合の対処方法

この概要は表示できません。投稿を閲覧するには ここをクリック してください。

クリックして新たな情報を表示するJavaScript

特定の場所をクリックすると、下部に情報を表示させるJavaScriptです。

■JavaScriptソースはこちら

<script type="text/javascript">

if (typeof jp == "undefined") {

var jp = {};

}

if (typeof jp.rinco == "undefined") {

cv = {};

}

</script>

<script type="text/javascript">

cv.display = function(id) {

var target = document.getElementById(id);

if (target.style.visibility == 'hidden') {

target.style.visibility = 'visible';

target.style.display = 'block';

} else {

target.style.visibility='hidden';

target.style.display = 'none';

}

}

</script>

■HTMLソースはこちら

<div

style="background-color:blue;

color:white; padding:4px"

onclick="jp.rinco.display('down');">

ここをクリックで内容表示

</div>

<div id="down"

style="visibility:hidden; display:none;

background-color: #E8F3FF; padding:4px">

表示される内容！<br />

表示される内容！

</div>

カラムの高さを指定するJavaScript

１．ソースファイルをダウンロード

下記のサイトからJSファイルをダウンロードします。

▼to-R

http://blog.webcreativepark.net/2007/07/26-010338.html

２．ヘッダーに記述（jsフォルダの中にソースファイルを入れる場合）

<script src="js/heightLine.js" type="text/javascript"></script>

３．揃えたいカラムにclassを定義

▼タグに記載する要素

class="heightLine"

▼例

※id=contentsとid=sidemenuのカラムの高さを揃えたい場合

<div class="heightLine" id="contents">

・

・

・

</div>

 

<div class="heightLine" id="sidemenu">

・

・

・

</div>

４．完了

以上の手順で高さをそろえることができます。

ただし、JavaScriptを使っていますので、

ブラウザのJavaScriptの設定がOFFになっていると設定が外れてしまいます。