開いた時にカーソルを検索窓内に表示させたい

  • xariat

    (@xariat)


    14年、 6ヶ月前

    ページを開いた時、検索窓にマウスのカーソルを表示させるようにしたいです。

    body onLoadで試してみました。
    開いた際にカーソルは検索窓内に表示されたのですが、
    他の挙動に不具合がでてしまいました。。。

    <body onLoad=”document.form1.field1.focus()”>

    (省略)

    <form method=”get” action=”<?php bloginfo(‘url’); ?>/” name=”form1″>
    <input type=”hidden” value=”10″ name=”cat” />
    <label for=”field1″></label>
    <input type=”text” value=”<?php the_search_query(); ?>” name=”field1″ size=”25″ maxlength=”25″ style=”font-size:120%;”/>
    <input type=”submit” id=”searchsubmit” value=”○○○” />
    </form>

    *不具合*
    ■検索結果がちゃんと表示されない
    　(キーワードで検索されず全部検索してしまう)
    ■IE、FFとも、ページ内リンク位置に遷移した後ページトップに戻ってしまう

    もろもろ不具合がでてしました。。。

    不具合が起こらずに検索窓にカーソルを表示させる方法を教えてください！！

1件の返信を表示中 - 1 - 1件目 (全1件中)
  • kurosquare

    (@kurosquare)

    14年、 6ヶ月前

    パラメータがWordPressのものとして適切でない（検索キーワードのパラメータ名は「field1」ではなく「s」）ため検索結果が表示されません。

    具体的には該当部分を
    <body onload="document.getElementById('s1').focus()">
    と
    <input type="text" value="<?php the_search_query(); ?>" name="s" id="s1" size="25" maxlength="25" style="font-size:120%;"/>
    に置き換えればいいと思います。

    あと、検索対象のカテゴリーを制限しているようですが・・・もし制限しないのであれば以下のコードをコメントアウト。
    <input type="hidden" value="10" name="cat" />

1件の返信を表示中 - 1 - 1件目 (全1件中)
  • トピック「開いた時にカーソルを検索窓内に表示させたい」には新たに返信することはできません。

タグ