Javaスクリプトを使った開閉機能の導入方法

このQ&Aのポイント
  • JAVAスクリプトを使用してブログのメニューを開閉させる機能を導入したいですが、うまくいきません。
  • ポケモンの画像をクリックすると下部にプロフィールが表示されるような機能を実現する方法を知りたいです。
  • 使用しているブログはFC2ブログです。知識のある方、教えていただけると助かります。
回答を見る
  • ベストアンサー

Javaスクリプトを使った開閉?について

こんにちは。はじめまして。 最近、見つけたブログでJAVAスクリプトを使用して ブログのメニューを開閉させるという機能を導入しようと考えているのですが 自分で手当たり次第、挑戦してみましたところ 一向に上手くいきません。 http://odoratus.blog70.fc2.com/ こちらのサイト様のように、右にあるポケモンの画像をクリックすると 下部にプロフィールが表示されるという機能です。 どうすれば、こちらのように表示させることができるのでしょうか? 使用しているブログはFC2ブログです。 ご存知の方がいらっしゃいましたら、ご回答いただけると 幸いです。 駄文しつれいいたしました。 よろしくお願いいたします。

noname#50212
noname#50212

質問者が選んだベストアンサー

  • ベストアンサー
  • is_may
  • ベストアンサー率65% (58/89)
回答No.2

こんばんは。↑のブログ管理者のユウです。 アクセス解析のリファラーに載ってたので来ました。 JavaScriptでCSSを動かす方法でやっています。 FC2新管理画面メニュー→環境設定→プラグインの設定→プロフィールのプラグインの「詳細」→【HTML編集】 を以下のようにするとできます。 <script language="javascript" type="text/javascript"><!-- var flag=0; function popShow(){ if(!flag){ document.getElementById("prof").style.display="block"; flag=1; } else { document.getElementById("prof").style.display="none"; flag=0; } } //--> </script> <a href="javascript:popShow();"><img src="プロフィール用画像"></a> <div id="prof" style="display:none;"> プロフィール内容 </div>

その他の回答 (1)

  • Muller3
  • ベストアンサー率81% (800/979)
回答No.1

どの方法でどううまくいかなかった、と具体的な聞き方をされた方がいいかもしれません…。折りたたみの方法って、いろいろ紹介されているので。 とりあえず http://www.koikikukan.com/archives/cat_149.php こちらのスクリプトと解説はどうでしょう。 そのままFC2ブログメニューの折りたたみ方法です。 私もこのmenufolder.jsを使わせてもらってます(FC2ブログではないですが)

関連するQ&A

  • javaスクリプトが反映されない

    簡単なJAVAスクリプトを一部分に使用したサイトをサーバーにアップしたのですが、反映されず困っています。 具体的には、マウスがとあるテキストの上に乗ると、吹き出しのように画像が表示されるとう仕組みの物です。 不思議なのは、仮アップの為の無料のサーバー(FC2)にアップをすると反映されるのですが、本番のサーバー(さくら)にアップされると反映されません。 JAVAスクリプトはいくつか使用しているのですが、「マウスがとあるテキストの上に乗ると、吹き出しのように画像が表示される」所のみ反映されません。 それ以外のスクリプトは反映されているのですが・・・ 何かアドバイスがありましたらよろしくお願い致します。

    • ベストアンサー
    • HTML
  • JAVA script について

    初心者です。 FMV LIFEBOOK AH45/K(Windows8)を購入したばかりで、暫く使用していましたが、何を操作したのかわかりませんが、Webのなかの画面に「JAVA SCRIPTがオフになっています」と表示がでて、画面が、表示されなくなってしまいました。 回復する方法を、教えていただきたい。 ちなみに、JAVA7がインストールされていることは、確認しています。

  • goo簡単ホームページjava scriptでの表示がされません。

    パソコン初心者です。ホームページに挑戦しようと思って、gooの簡単ホームページに挑戦し始めました。誰でも簡単に作れると思い、勉強不足でやり始めて今になってとても苦戦しています。 HTMLも良く理解していませんが、なんとか意味はわかってきた状態です。見よう見真似でHTMLで動きのあるものもできてきました。 生意気にjava scriptの機能にも。。と思い色々なサイトで表示しているタグ?をコピー&ペーストなどして、記入するところは書き換えて貼り付けましたが、どれひとつ表示されません。表示したかった場所を見てみると、貼り付けた文字分スペースがあいている感じになります。ブラウザの設定はこのサイトで見て 設定しました。 たぶん記入しないといけないものをしていないと思うのですが、簡単ホームページには、基本的にjava script表示はできないのですか? お気に入りに追加 のボタンとか、挨拶を出したりしたいのですが、私の周りにはパソコン所有者もいなく 誰にも聞けません。 勉強不足でこんな質問して恥ずかしいのですが、宜しくお願い致します。

  • ジャバスクリプト機能の繰り返し表示の仕方を教えて!

    ジャバスクリプトについてはまったくの素人です。 ジャバスクリプトを使って ラジオボタンで表示する画像をかえる機能を下記サイトから見つけました。 http://www.sky.sannet.ne.jp/masapine/java_gazou.html この機能を添付ファイルのように、同一Webページ内で繰り返して表示し使いたく、プログラムのソースをHTMLのbodyの中に繰り返しコピペしてみたのですが、機能しなくなってしまいます。 同一Webページ内に当該スクリプト1つであれば機能するのですが、2つ以上になると、すべて機能しません。表示するのには方法があるのでしょうか?それともこのようなことは不可能なことなのでしょうか? どなたかこの疑問にお答え頂ければ幸いです。宜しくお願いします。

  • ブログの説明にジャバスクリプトを挿入可能なブログは?

     ブログの説明の所に、半角103文字のジャバスクリプトを挿入可能な ブログを探してます。so-netブログは90字で無理。FC2は、文字化け でスクリプトが、そのまま。アメーバブログも無理でした。 livedoor と、ヤブログは可能。その他のブログで可能な所が、 有れば教えて 下さい。無料登録可能で有名なブログ限定で。 ブログの日記の上の所 に、ジャバスクリプトを表示したいのです。Seesaaブログみたいに、 HTMLで表示可能の所もOKです。

  • ブログ上で複数のjavaスクリプトから2つのjavaスクリプトをランダムに表示させたい

    ブログ上に、複数のjavaスクリプトからランダムに2つのjavaスクリプトを選んで表示させたいのですが、コードがわからないので教えていただきたいです。選ばれた二つは被らないようにしたいです。 使用したいjavaスクリプトのコードは <script type="text/javascript" charset="euc-jp" src="○○1"></script> <script type="text/javascript" charset="euc-jp" src="○○2"></script> <script type="text/javascript" charset="euc-jp" src="○○3"></script> のようになっています。 javaを使って画像や文字をランダムに表示する方法はあったので応用しようとしたのですがうまくいきませんでした。 よろしくお願いします。

  • ライブドアブログのニュースjavaスクリプトを撤廃するには?

    新しくライブドアにブログを申し込みました。 デフォルト状態だとページの先頭にスクロール表示ニュースのjavaスクリプトが入っていますよね。 これを完全に取ってしまいたいのですが、うまくいきません。 トップページから取り除くには「カスタム」でHTML編集すればよいことがわかってすぐに実施したのですが、トップ以外も自分のブログ全ページでスクロールニュースを取り除くにはどうすればよいでしょうか?

  • 美人時計風JAVAスクリプトが上手く表示されない

    http://d.hatena.ne.jp/aomegane1985/20101223/1293084398 こちらのサイトで美人時計風JAVAスクリプトのソースがあったのでサイトに入れてみたのですが、画像が表示されません。 ■以下のディレクトリ構成で動きますー。 index.html sample.jpg img/ L HHMM.jpg と書いてあったので、index.htmlにソースを入れて、 sample.jpgと(L HHMM.jpg)時間ごとの画像をimgフォルダに入れてみたのですが、表示されません。 私は、初心者でJAVAスクリプトのことがよく分かりません。 サイトやブログに表示させることはどのようにしたらよいのでしょうか? お分かりになる方はお教え願えますでしょうか? よろしくお願いいたします。

  • JAVAスクリプトが正常に動作しない場合があります

    OS XP SP2 セキュリティーソフト ESET Smart Security ブラウザー FireFox 2.0.0.14 上記環境でネット観覧しているとたまにJAVAスクリプト、Flashなど使用しているページで、 Flashが表示されなかったり、JAVAスクリプトが正常に動作せずレイアウトが崩れたりします。 リロードすると正常になったりするのですが、カスペルスキーやウイルスバスター使用時にはこのような事はありませんでした。 たぶん、ESET Smart Security入れてからいきなり出るようになりましたので、 ESET Smart Securityが原因かと思うのですが何か解決方法はありませんでしょうか? 設定項目を見ていてもよくわからず何かアドバイス頂けると幸いです。 なお、ESET Smart SecurityでもIE7では正常に動作しています。

  • Web Design Works 7でJAVAスクリプトがうまく表示されない。

    表題の通りですが、 Web Design Works 7という、ホームページ作成ソフトを使用して、JAVAスクリプトを、テキストに切り取り貼り付けして、そのままHTML形式でアップロードすると、表示はされますが機能しません。 ソースをみると<BR>がついていて、機能しないようですが、テキスト貼り付けでも機能するようにするには、どのようなやり方があるでしょうか? 宜しくお願いいたします。