注目タグ

テンプレート・プラグイン

トピック詳細

タイトルの説明文の文字を一文字ずつ表示するには

旧フォーラムの記事です http://blog.fc2.com/forum/viewtopic.php?f=3& t=208
chibiyukarin 2005-04-09 10:05:00
件名 :タイトルの説明文の文字を一文字ずつ表示するには

いつも、すみません。

タイトルの下にタイトル説明文がありますが、この部分を一文字ずつ表示するにはどうすればよいのでしょうか。
よろしくお願いいたします。

ちなみに私のUTRは

<a class="postlink" href="http://chibiyu karin.blog4.fc2.com/">http://chibiyukarin.blog4.fc2. com/</a>

です。

2005年04月09日 10:05  by FC2スタッフ

コメント一覧 15件中、11~15件表示

  • 旧フォーラムの記事です
    Anonymous 2005-04-14 17:56:15
    件名 :便乗して・・・

    カウントダウン 「誕生日までXX日です」というのを、
    一文字ずつ表示させるにはどうしたらいいのでしょうか?

    カウントダウンについて&一文字ずつの表示とも、
    うおさんが答えてらっしゃったので、便乗して質問させていただきます。。

    2005年04月14日 17:56 by FC2スタッフ

  • 旧フォーラムの記事です
    Anonymous 2005-04-14 17:54:39
    件名 :今は、これ一本勝負。。

    うおさん、今度はこの問題のみ。。ですっ。。

    うおさんにも、ほんとに、すみません。
    わたし、ブラックリストになっちゃうかも。。

    さて、今、うおさんのアドバイスどおり、

    Code:
    <div id="headIntroduction"><%introductio n></div>

    を、
    Code:
    <div id="headIntroduction">
    <script language="JavaScript" type="text/ javascript">
    ");

    function one_char() {
    document.getElementById("headIntroduction").inn erHTML = str.substring(0, i++);
    if (i <= str.length) setTimeout("one_char();" ;, 200);
    }

    one_char();
    -->
    </script>
    </div>


    に書き換えてみたのですが、するとっ!
    タイトル説明文が全く現れないのです。。
    全く。動かない文字さえも消えちゃってるんです。。
    なぜっ?? <img src="{SMILIES_PATH}/icon_cry.gif" alt=":cry:" title="Crying or Very sad" / >

    うおさんの、ブログはきれいに文字がひとつづつ表示されてるのに。。
    何かおかしいのでしょうか。
    ちなみに、4回やり直してみましたが、やっぱりだめでした。。
    どうしたら・・・いいのでしょう。。

    ちなみに、もう少し長く書くと、わたしのHTMLはこんな風なんです。

    <body>
    <a name="top"></a>
    <div id="baseBlock"><div id="headBl ock1"><a href="./"><div id=" headBlogName"><%blog_name></div></a&g t;
    <div id="headIntroduction"><%introductio n></div>
    </div>
    <div id="baseLeft">
    <script language="JavaScript">
    var rf;
    ref=escape(document.referrer)+"";
    if( (ref=="undefined") || (ref=="") ){
    ref="bookmark";}
    document.write(''+
    '<a target="_blank" href="http://fc2 .com">'+
    '<img border=0 src="http://www.sugoicounter.co m:10000/cgi-bin/counter.gif?'+
    'id=247122'+
    '&page=1'+
    '&ref='+escape(ref)+
    '&x='+screen.width+
    '&y='+screen.height+
    '&cols='+screen.colorDepth+
    '&uniq=0'+
    '&cnt=2'+
    '"></a>');


    <div id="headIntroduction"><%introducti on></div>
    の部分だけ書き換えると、

    <script language="JavaScript">
    のあたりがだぶちゃうのが悪いのでしょうか。。
    うーん・・・

    ちなみに、<br> とか<p>の意味は分かったのですが、<div>っていうのは、 どういう意味なのでしょうか。。

    すみません。
    よくご存知の通り <img src="{SMILIES_PATH}/icon_redface.gif " alt=":oops:" title="Embarassed" / > 、初心者なもので。。。

    2005年04月14日 17:54 by FC2スタッフ

  • 旧フォーラムの記事です
    うお 2005-04-13 16:47:42
    件名 :Re: うおさん、すみません。

    前回同様、今回もスマートなやり方ではないかもしれませんが(^^;
    (多少はマシかと思いますが…)
    <div id="headIntroduction"><%introducti on></div>
    を、
    <div id="headIntroduction">
    <script language="JavaScript" type="text/ javascript">
    "&#41;;

    function one_char&#40;&#41; &#123;
    document.getElementById&#40;"headIntroduction&qu ot;&#41;.innerHTML = str.substring&#40;0, i++&#4 1;;
    if &#40;i <= str.length&#41; setTimeout&#4 0;"one_char&#40;&#41;;", 200&#41;;
    &#125;

    one_char&#40;&#41;;
    -->
    </script>
    </div>
    にすればよいです。

    ※私のブログで実際の動作が確認できるはずです。

    2005年04月13日 16:47 by FC2スタッフ

  • 旧フォーラムの記事です
    Anonymous 2005-04-13 14:34:50
    件名 :うおさん、すみません。

    これは以前、旧テンプレート掲示板で(付け焼刃的な方法でしたが)私が回答したものではないですか?!
    そのときの方法ではなにか問題でもでてきたのでしょうか?


    う、うおさん、ごめんなさいっ。
    そうなんです。。
    実はうまくいかなくて、あきらめていたのですが、やっぱりどうしても成功させたくて。。

    Code:
    function one_char() {
    headIntroduction.innerHTML = str.substring(0, i++);
    if (i <= str.length) setTimeout("one_char();" ;, 200);
    }


    という部分はどこにつければ・・・。
    HTMLの上の方にある

    <body>
    <a name="top"></a>
    <div id="baseBlock"><div id="headBl ock1"><a href="./"><div id=" headBlogName"><%blog_name></div></a&g t;
    <div id="headIntroduction"><%introductio n></div>
    </div>


    のあたりを書き換えればいいのでしょうか。
    その書き換えがちょっとわかりずらくて。。
    本当に。。。。ごめんなさい。。
    よろしくお願いします。。 <img src="{SMILIES_PATH}/icon_redface .gif" alt=":oops:" title="Embarassed&quo t; />

    2005年04月13日 14:34 by FC2スタッフ

  • 旧フォーラムの記事です
    うお 2005-04-09 11:37:39
    件名 :Re: タイトルの説明文の文字を一文字ずつ表示するには

    [引用]タイトルの下にタイトル説明文がありますが、この部分を一文字ずつ表示するにはどうすればよいのでしょうか。[/引 用]
    これは以前、旧テンプレート掲示板で(付け焼刃的な方法でしたが)私が回答したものではないですか?!
    そのときの方法ではなにか問題でもでてきたのでしょうか?

    ちなみに、そのときの方法とは以下のように1文字ずつ出力するというものでした。
    function one_char&#40;&#41; &#123;
    headIntroduction.innerHTML = str.substring&#40;0, i++ &#41;;
    if &#40;i <= str.length&#41; setTimeout&#4 0;"one_char&#40;&#41;;", 200&#41;;
    &#125;

    2005年04月09日 11:37 by FC2スタッフ

<< < 1 2