• Page 1 of 1
  • 1
uCause Community » Trash & Archives » Other » Search Box for uCoz Modules
Search Box for uCoz Modules
SpliffDate: Thursday, 2010-09-16, 7:39 AM | Message # 1
So awsumly speshul it hurtz
Group: Senior Members
Messages: 131
Awards: 2
Reputation: 2
Status: :-(

Here's the code to paste into a place for you (with info):

Quote
<center>
<form onsubmit="search();return false;" method="post" style="margin:0px" action="/load/" id="searchform"> <input type = "text" name = "query" maxlength = "30" style = "width: 400px;" id = "querys"> <input type="submit" name="sfSbm" value="Find"> <input type = "hidden" name = "a" value = "2"> </form> <script type="text/javascript"> function search () (if ($('# querys'). val (). match (/ ^ \ s *$/)){ _uWnd.alert ('Enter a keyword to search','',{ w: 200, h: 70, tm: 2300)); return;) document.getElementById (' searchform '). submit ();}</script>
</center>

action: change the /load/ to whatever uCoz module (/stuff/, /photo/, /dir/ etc) where you want requested results to convey.

input type text maxlength: the amount of characters that someone can insert into the input (search box).

input type value: The name displayed on the "submit" button.

All the other stuff is not compulsory to acknowledge.

If you have any further questions about this script, don't hesitate to post here. And remember, you need to be registered to post!

My notes:

- runs flawlessly
- easy to use
- took around 1 hour to make this
- happy to of completed it smile

Have fun!


Gigabyte Zone - Downloads

This post help? Give me a +1 reputation, cheers.

 
0 Thanked you For This Useful Post:
redpepper007Date: Friday, 2010-09-17, 10:55 PM | Message # 2
Member
Group: Senior Members
Messages: 77
Awards: 0
Reputation: 0
Status: :-(
This is how it +/- looks when added:

Any ideas how to change the design of ''Search'' button?

Attachments: 9575425.png(1.1 Kb)


http://mobilesunleashed.net/ - Mobiles Unleashed - Symbian & Android downloads, tutorials
 
0 Thanked you For This Useful Post:
AnimorphDate: Friday, 2010-09-17, 11:11 PM | Message # 3
uCause forum Admin
Group: Developer
Messages: 2835
Awards: 73
Status: :-(
in css ofcourse

give me a second i didn't changed mine in css i'm gonna check my other website for this

 
0 Thanked you For This Useful Post:
SpliffDate: Saturday, 2010-09-18, 3:54 AM | Message # 4
So awsumly speshul it hurtz
Group: Senior Members
Messages: 131
Awards: 2
Reputation: 2
Status: :-(
redpepper007, you must find searchSbmFl and/or sfSbm and do what you wish. For example:

CSS for the button:

Code
#search {width:255px;padding:2px;background:#424242;border:1px solid #505050;float:right;margin-right:40px;height:22px;margin-top:20px;display:inline;}
#search form {margin:0;padding:0;}
#search .schQuery input {width:180px;margin:0;padding:3px 5px 3px 5px;border:none;font:normal 100% "Tahoma",Arial,Helvetica,sans-serif;color:#fff;float:left;background:#424242;display:inline;}
#search .schBtn input{float:right;display:inline;margin:0;height:22px;background:#c0221a;color:#fff;border:1px solid #d03e10;}

And here is the HTML code for it:

Code
<?if($SEARCH_FORM$)?><div id="search">
$SEARCH_FORM$
</div><?endif?>


Gigabyte Zone - Downloads

This post help? Give me a +1 reputation, cheers.

 
0 Thanked you For This Useful Post:
AnimorphDate: Saturday, 2010-09-18, 4:32 PM | Message # 5
uCause forum Admin
Group: Developer
Messages: 2835
Awards: 73
Status: :-(
O thanks Spliff, i totally forgot abot this sorry biggrin
 
0 Thanked you For This Useful Post:
redpepper007Date: Saturday, 2010-09-18, 10:11 PM | Message # 6
Member
Group: Senior Members
Messages: 77
Awards: 0
Reputation: 0
Status: :-(
Spliff, thanks a lot!

http://mobilesunleashed.net/ - Mobiles Unleashed - Symbian & Android downloads, tutorials
 
0 Thanked you For This Useful Post:
uCause Community » Trash & Archives » Other » Search Box for uCoz Modules
  • Page 1 of 1
  • 1
Search:


"Making uCoz web designs simple and easy to use"
- uCause Developers