YayHappens (yayhappens) wrote in component_help,
YayHappens
yayhappens
component_help

  • Mood:

Wikipedia Search Component - English Language Only

Wikipedia Search Component modeled after the Google Search Component. (Clean, simple, small, and customizable).


  • This search box will return results in English only.
  • Tested in IE. I assume the cross browser compatibility will be okay although I have not tested it in other browsers.




copy from here:

###################################
# Wikipedia Search-English Only   #
#  by lj user yayheaven           #
###################################


"""

    <tr><td colspan=7>

     <table cellspacing="0" cellpadding="0" border="0" width="100%">

      <tr>

<td valign="top" rowspan="3" colspan="3" width="5"><img src="http://www.livejournal.com/palimg/component/curve-top-left.gif/p0ffffff1b3b3b32e5e5e5" width="5" height="5" alt="" border="0" /></td>

<td class="dkLine"><img src="http://www.livejournal.com/palimg -> $*PALIMGROOT" width="1" height="1" alt="" border="0" /></td>

<td valign="top" rowspan="3" colspan="3" width="5"><img src="http://www.livejournal.com/palimg/component/curve-top-right.gif/p0ffffff1b3b3b32e5e5e5" width="5" height="5" alt="" border="0" /></td>

      </tr><tr>

<td class="ltLine"><img src="http://www.livejournal.com/palimg -> $*PALIMGROOT" width="1" height="1" alt="" border="0" /></td>

      </tr><tr>

<td class="tabBg"><img src="http://www.livejournal.com/palimg -> $*PALIMGROOT" width="1" height="3" alt="" border="0" /></td>

      </tr><tr>

<td class="dkLine" width="1"><img src="http://www.livejournal.com/palimg -> $*PALIMGROOT" width="1" height="1" alt="" border="0" /></td>

<td class="ltLine" width="1"><img src="http://www.livejournal.com/palimg -> $*PALIMGROOT" width="1" height="1" alt="" border="0" /></td>

<td class="tabBg" width="3"><img src="http://www.livejournal.com/palimg -> $*PALIMGROOT" width="1" height="3" alt="" border="0" /></td>

<td class="tabBg" width="100%">

        <div align="center">

         <div id="p-search" class="portlet">

<b>Search <font color="#79b7e7">Wikipedia</font></b>

  <div class="pBody">

    <form name="searchform" action="http://en.wikipedia.org/wiki/Special:Search" id="searchform">

      <input id="searchInput" name="search" size ="10" type="text"

        accesskey="f" value="" />

      <input type='submit' name="go" class="searchButton" id="searchGoButton"

        value="Search"

        />

    </form>

  </div>

<td class="tabBg" width="3"><img src="http://www.livejournal.com/palimg -> $*PALIMGROOT" width="1" height="3" alt="" border="0" /></td>

<td class="ltLine" width="1"><img src="http://www.livejournal.com/palimg -> $*PALIMGROOT" width="1" height="1" alt="" border="0" /></td>

<td class="dkLine" width="1"><img src="http://www.livejournal.com/palimg -> $*PALIMGROOT" width="1" height="1" alt="" border="0" /></td>

      </tr><tr>

<td valign="top" rowspan="3" colspan="3" width="5"><img src="http://www.livejournal.com/palimg/component/curve-bottom-left.gif/p0ffffff1b3b3b32e5e5e5" width="5" height="5" alt="" border="0" /></td>

<td class="tabBg"><img src="http://www.livejournal.com/palimg -> $*PALIMGROOT" width="1" height="3" alt="" border="0" /></td>

<td valign="top" rowspan="3" colspan="3" width="5"><img src="http://www.livejournal.com/palimg/component/curve-bottom-right.gif/p0ffffff1b3b3b32e5e5e5" width="5" height="5" alt="" border="0" /></td>

      </tr><tr>

<td class="ltLine"><img src="http://www.livejournal.com/palimg -> $*PALIMGROOT" width="1" height="1" alt="" border="0" /></td>

      </tr><tr>

   <td class="dkLine"><img src="http://www.livejournal.com/palimg -> $*PALIMGROOT" width="1" height="1" alt="" border="0" /></td>

       </tr>

      </table>

     </td></tr>

    <tr><td colspan=5><img src="http://www.livejournal.com/palimg -> $*PALIMGROOT" width="1" height="3" alt="" border="0" /></td>

""";

###################################


A working (altered) version of this component is viewable mid page on my journal.

Enjoy!

edit: by kunzite's suggestion I have altered some of the img src code to make it cleaner.
Subscribe
  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened

  • 11 comments