Issue with Bootstrap search button in Data Assist

Hi
I have a button from an older site:
<input type="image" name="Search" id="Search" value="Search" alt="Search" src="WA_DataAssist/images/Yosemite/Elemental_search.gif" />

I would like to use a bootstrap button for this instead of the GIF. If I use:
<input type="image" class="btn btn-success" name="Search" id="Search" value="Search" alt="Search" />
everything works fine, but I get an ugly border around my button text and IE doesn't show the text on the button at all!

I know this is something stupid I'm missing, thanks for the help.

Tom

This would be a css confilct of some sort.

please post a link where I can see the problem.

  and IE doesn't show the text on the button at all!  

when using an image element type, there is no value attribute, the text should be a part of the image itself. IE does not have support for using a value attribute in image element types.

Thanks Jason for the reply.

I guess my bigger question is if I change the element type from image to submit the query string is sends is incomplete as listed below:

IMAGE TYPE QUERY: http://senecagun.com/searchResults2.php?S_make=ARMSCOR&S_model=&S_caliber=&S_type=&S_typeDefined=&S_newUsed=&S_itemID=&Search.x=32&Search.y=9&Search=Search

SUBMIT TYPE QUERY: http://senecagun.com/searchResults2.php?S_make=ARMSCOR&S_model=&S_caliber=&S_type=&S_typeDefined=&S_newUsed=&S_itemID=&Search=Search

Note the missing x and y parameters on the Submit query.

The URL is http://www.senecagun.com/index2.php - currently set as type="image" with the outline around the text.

Thanks

Tom

This is the difference between a submit element type and an image element type.


The Image Element type does not support the Value attribute, instead, it uses an X and Y attribute, this is the coordinates of where the mouse clicked the image.

The Submit element type does support the value attribute, so does not need to pass the X and y coordinates of where it was clicked.

I see, thanks for that info about the element.

I still have an issue if I use type="submit" for my button the bootstrap button displays correctly but the results from my results page shows me all records regardless of my choices on the initial form. If I use type="image" the button works properly searchwise but doesn't display properly. I created this all with data assist so I'm assuming data assist is using the image somehow. Please help this is driving me crazy :-).

Thanks

Tom

Most likely the trigger code for the search behavior is set to use the image element type, send a copy of the results page so i can see the code.

Thanks Jason, here is the file.

T

line 13 is the code for the trigger for the search behavior:

if ((isset($_GET["Search_x"]) && $_GET["Search_x"] != "")) {

note the _x at the name of the variable:
Search_x

this is for an image element which has no value, but passes the x and y coordinates.

remove the _x portion so it can work with the standard submit button:

if ((isset($_GET["Search"]) && $_GET["Search"] != "")) {

Jason, you are the best! Thank you for the patience and knowledge.

All the best,

Tom

You're welcome.