WebSite X5Help Center

 
Gorg ..
Gorg ..
User

Search box in horisontal menu - is this possible to do !?  en

Author: Gorg ..
Visited 2003, Followers 3, Shared 0  
Tags: menu,search

How to put Search box into hor. menu!?

Is there some script to do that, and how to do this!

Thanks in advance!! 

Posted on the
6 ANSWERS
Roberto M.
Roberto M.
User

Yes it's possible.

1. Create a normal search bar in the header with the button.

2. Export the site in a folder on your computer

3. Find the code for the search bar. It's like this

<div style="position: relative; top: 25px; left: 20px; width: 282px;z-index:10001;">
<form id="imSearch_1" action="imsearch.php" method="get" style="white-space: nowrap">
<fieldset>
<input type="text" name="search" value="" 0px;"="" margin-right:="" middle;="" vertical-align:="" 0);="" 0,="" rgb(0,="" solid="" 1px="" border:="" 21px;="" 0px="" 3px="" padding:="" no-repeat;="" background-repeat:="" center;="" 2px="" background-position:="" imsearch.png");="" res="" style="width: 208px; font: 8pt Tahoma; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); margin-right: 0px; padding-right: 0px;">
<img id="search_ife_marker_1" class="ife_marker" src="chrome://informenter/skin/marker.png" style="position:relative; z-index: 999; cursor:pointer; vertical-align: bottom; border: 0; width: 14px; height: 19px; display:none;" title="Lunghezza massima del campo sconosciuta">
<img id="search_ife_marker_0" class="ife_marker" title="Lunghezza massima del campo sconosciuta" style="position:relative; z-index: 999; cursor:pointer; vertical-align: bottom; border: 0; width: 14px; height: 19px; display:none;" src="chrome://informenter/skin/marker.png">
<span onclick="$('#imSearch_1').submit();" style="height: 21px; font: normal normal normal 8pt Tahoma; color: #000000; background-color: #D3D3D3; margin-left: 6px; padding: 3px 6px 3px 6px; border: 1px solid #000000; vertical-align: middle; cursor: pointer;">Cerca</span>
</fieldset>
</form>
</div>

4. In the header use the html button, and place it where you want. I placed mine in right bottom of the header (see the attached image). If you see the height ot the html box is placed under the header.

5. Insert the search bar code and use top and left tag to position. Before this you must insert the z- index tag (You can see it in the code point 3 in the first div line)

6. After that you must export imsearch.php in the root and imsearch.png in res folder

7. i hope i was clear

Read more
Posted on the from Roberto M.
Roberto M.
Roberto M.
User

sorry i forgot to attach the image file

Read more
Posted on the from Roberto M.
Gorg ..
Gorg ..
User
Author

Hi Roberto,

I will try that now. 

I make test project, insert search box into head, expotr site on HDD - but, tell me where is stored code for search ( I search into index.html, but there is nothing like this...?

And one more, when I find( I hope..Embarassed..!?) this code, and copy it into html object, then test the site , and that is OK, is next step export site on server, and now from HDD is your STEP 6.

If I understod correct !?

Thanks allot!

Your support means a lot to me !!!

Read more
Posted on the from Gorg ..
Roberto M.
Roberto M.
User

Hi

well to find the code you must open index.html with any text programs, you will find for sure. Last step is delete the original search bar in the head and leave only the code in html and export in your hosting with website's ftp program. If you want you can see if everything is going fine with website x5 preview.

Read more
Posted on the from Roberto M.
Gorg ..
Gorg ..
User
Author

Ok, I find code, and paste it into html object, set z- index tag into 10001 like yours, but , down is attached immage for preview...???

[IMG]http://i.imgur.com/UzG5d.png[/IMG]

Read more
Posted on the from Gorg ..
Gorg ..
Gorg ..
User
Author

Is  need some changes in this part of code;

<input type="text" name="search" value="" 0px;"="" margin-right:="" middle;="" vertical-align:="" 0);="" 0,="" rgb(0,="" solid="" 1px="" border:="" 21px;="" 0px="" 3px="" padding:="" 

Read more
Posted on the from Gorg ..