ちまちま動画

そのにっ!

Sprasia検索を作ったよ (11/09/08再修正)


Updated By : September 6, 2011 4:04:01 AM JST

Sprasiaに一番足りないものは検索機能だろうと言う事で、googleを使ったSprasia検索窓を作ってみたので、ソース貼っておきます。
「Sprasiaに検索がないなら、検索サイトを食べればよい」と気がつかせてくれたtillさんに感謝。 自分は、自分のプロフィールページにこれを置いて使って行こうかと思います。

で、こねくり回しているうちに、凝り過ぎましたorz
要は何をやってるのかと言うと、

  1. 例えば動画を検索したい時は、googleで「site:www.sprasia.com/video/ キーワード」を検索すればよい。
  2. どうやらSprasiaにはform送信を抑止する機能があるらしいので、冒頭におまじないを入れる。

って事です。
他には、Sprasiaは改行コードを自動的に段落に変換する機能がある様なので、改行なしでソースを書き込まないとおかしな事になってしまうので、注意ですね。


ソース1 (htmlお勉強用)

<form></form><!-- これはおまじない -->
<form action="http://www.google.com/search" accept-charset="utf-8" method="get">
<input name="hl" type="hidden" value="ja">
<input name="ie" type="hidden" value="utf-8">
<input name="q" type="hidden" value="site:www.sprasia.com/community/">
<!-- 調べたい場所↑ -->
<input maxlength="256" name="q" size="32" type="text">
<!-- qがふたつあるが、どうやら連結されるらしい -->
<input name="btnG" type="submit" value="Sprasia内コミュ検索"> (powerd by google)
</form>


結果1

(powerd by google)

ソース2
【11-09-07 00:05修正】
ブラウザによっては動かなかったのを修正。ラジオボタンの用法が間違ってた。
【11-09-08 01:55再修正】
IEでリターンキーを押すと検索不良になるのを修正。

<form></form><form name="sType"><input type="hidden" name="site" value="site:www.sprasia.com/video/ "><label><input type="radio" name="sBtn" onClick="site.value = 'site:www.sprasia.com/community/ '">コミュ </label><label><input type="radio" name="sBtn" onClick="site.value = 'site:www.sprasia.com/user/ '">ユーザー </label><label><input type="radio" name="sBtn" onClick="site.value = 'site:www.sprasia.com/video/ '" checked>ビデオ </label><label><input type="radio" name="sBtn" onClick="site.value = 'site:www.sprasia.com/photo/ '">フォト</label>
<label><input type="radio" name="sBtn" onClick="site.value = 'site:www.sprasia.com/blog/ '">ブログ </label><label><input type="radio" name="sBtn" onClick="site.value = 'site:www.sprasia.com/channel/ '">作品 </label><label><input type="radio" name="sBtn" onClick="site.value = 'site:www.sprasia.com/effect/ '">エフェクト </label><label><input type="radio" name="sBtn" onClick="site.value = 'site:www.sprasia.com/tv/user/ '">ショップ</label></form><form name="spSearch" method="get" action="http://www.google.com/search" target="spsearch" Accept-charset="utf-8" onSubmit="q.value = sType.site.value + aq.value"><input type="hidden" name="hl" value="ja"><input type="hidden" name="ie" value="utf-8"><input type="hidden" name="q"><input type="text" name="aq" size="36" maxlength="256" value="">
<input type="submit" name="btnG" value="Sprasia内検索"> (powerd by google)</form>


結果2

私のプロフィールページの下の方。

ブログの方ではタグ内の要素がいくつか消されるので、動作しない………

Detailed Description

Comments

  • めっちゃん

    Reply to comment めっちゃん 2011-09-06 17:04:25

    ありがとうございます。

    オイラも貼ってみました。

    HTMLは、よく分からないので、このような支援もありがたいです。感謝です。

    本当にありがとうございました。

    これからもヨロシクです。

  • たつもとちまき

    Reply to comment たつもとちまき 2011-09-07 00:15:12

    めっちゃんさん>
    ごめんなさいm(_ _)m
    おもいっきり間違ってた模様。

  • till

    Reply to comment till 2011-09-08 00:24:58

    色々試して見ましたよんw
    でもどの位置に置いても、そこからまるで別の要素の様になったみたいに、
    ページがばきっと割れちゃいますね><

    ためしにコメント欄でもしてみたら、→の自己紹介欄が下の方にずれ込んでしまったりと。

    でも他のサイトではそんなのなってるの見たことないですし、
    あのfromがごにょごにょと同じでスプの仕様なのかしら?

    こうなったら検索専用の日記でも書いてリンク貼るのが一番なのかしら・・・

  • till

    Reply to comment till 2011-09-08 00:44:07

    もすこし試してみましたw
    それで、検索エンジンの直下から別の要素になるのなら
    検索エンジンを一番上にすればレイアウト的にエレガントじゃない☆
    というので書く位置を変えてみましたw
    ワタスのマイペ参照ですが、これなら綺麗に見れてしかも使い易そうですねw

  • たつもとちまき

    Reply to comment たつもとちまき 2011-09-08 01:02:33

    tillさん>
    よ、よくわからないけど、レイアウト崩れが起こるって事かな?
    それなら、改行したい場所に改行コードを入れて、横幅が枠に収まる様にすればOKかと。
    ↑のソースでも、フォト</lavbel>の後ろに改行コードが入ってます。

    で、リターンキーでは検索できない現象は、今ようやく理解しました。
    IEだけ動作が違うのねorz
    # すんません、IEではテストしてなかった
    これは、もちょっとごにょごにょすれば治りそうな予感。

  • till

    Reply to comment till 2011-09-08 01:38:30

    自分はIEを使ってますが、このページの上にある検索エンジンについても、
    右側のプロフ欄は通常一番上のはずなのに、検索バーのすぐ右の方にずれてしまって表示されてますね。

    このそれぞれのBOX位置の設定が影響されるのはIEだからなのかしら。
    あるいは検索エンジンを入れると、
    その部分だけが独自のBOXとして分離してIEでは表示されるのかもですね。

  • Deleted User

    Deleted User 2011-09-08 19:11:28

    はじめまして! TMTKと言います。

    自分もtillさんからこの検索エンジンのことを教えてもらって
    使わせていただくことにしました♪
    自分もIE8をいつも使ってるんですが、確かにコチラの方でも
    レイアウトが壊れてしまいますね^^;
    火狐なら問題なく表示されるのですが・・・。

  • たつもとちまき

    Reply to comment たつもとちまき 2011-09-09 08:19:17

    TMTKさん>
    どもはじめまして。

    IE7でテストしましたが、レイアウト崩れありません。
    IE8以上の環境が手許にないので、原因の追及ができません、
    て言うか、症状の確認ができません。
    どこかの公衆端末を使う機会があるまで、放置と言う事でm(_ _)m

  • Deleted User

    Deleted User 2011-09-09 15:38:27

    レイアウトが崩れてしまうとはいえ、この検索機能を入れてからは
    知り合いだったメイトさんのページにすぐに行けるようになって
    すごく便利になりましたよ♪
    今まではメイトさんのメイトさんの、さらにメイトさんのページを
    いくつも経由して、偶然発見!らっきー☆・・・という探し方だったので(ぁ

    ともかく、どうもありがとうございましたです!

    今になって気付いたんですが、これって自作なんですか!
    超スゴいです☆

  • たつもとちまき

    Reply to comment たつもとちまき 2011-09-10 03:05:28

    TMTKさん>
    はい、自作です。
    思いつきで作って気軽にupって、
    後になってからちょろちょろ修正が発生したので、
    皆さんに迷惑かけたかとm(_ _)m

    レイアウト崩れですが、IEの設定を互換表示にすると収まるっぽい?
    でも、そうすると別の場所が崩れる??

  • Deleted User

    Deleted User 2011-09-10 14:51:55

    いえいえ、迷惑だなんてトンデモナイ^^;

    何だかこう、htmlの古い記述と新しい記述が入り混じってるのかも
    しれないですね・・・><
    今のところはとりあえず、レイアウトが崩れていたときには
    状況に応じて互換表示にしたり、解除したり、というように
    自分はしようと思います。

  • たつもとちまき

    Reply to comment たつもとちまき 2011-09-15 22:55:10

    Sprasiaに仕様変更がありました。(inputタグを阻止する様になった)
    そのため、ここにあるソースをSprasiaサイト内に貼る方法は、もう使えません。

    で、結局「外部サイトに検索窓を置いて、それをSprasiaに貼る」方法しかなくなってしまったわけで…

    <iframe src="http://www.h2.dion.ne.jp/~chimaki/p/sprasia_search.htm" width="275" height="100"></iframe>
    ↑どうぞお使い下さい。

  • Deleted User

    Deleted User 2011-09-21 15:07:44

    はじめまして^^
    使わせて頂きますm(_ _)m

Write A Comment

Please register in sprasia to post comments.


SignUp

Profile


«  2011年9月  »
  01 02 03
04 05 06 07 08 09 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30