** Alarm Clocks/Timers . Clock Accessories ** Amplified Corded Phones ** Amplified Cordless Phones . Neckloops/Headsets or Mobile/Cellphone/Use . Phone Add-on Amplifiers/ Ringers/ Accessories ** FM Systems ** Personal Amplifier . Accessories ** Signalling Systems . Add On Accessories . Alert to Door . Alert to Sound . Alert to TTY-VP-Phone Ringing . Fire/Smoke/Security Alert Systems . Personal Pagers . Remote Receivers ** Text Telephones . TTY/TDD . VCO Phones ** TV Listening Systems . Accessories *** Sale ***

exact phrase any of the words all of the words product codes all categories selected categories

Select categories above & enter keywords to search:

Javascript.docx

HTML and Javascript Modifications to an existing web store.

Objectives:

#1. To add a second search box capability (1) as shown on the screen capture. I edited the attached javascript file to add this (1) search box at the top. The Problem: (1) needs to have behavior separate from the search box & [Go] button at the bottom (5). The search box at bottom works correctly the first time text is entered, user presses the [Go] button. At the top (1) needs this same behaviour, but (1) should use the top Text Input box for keywords. Making (1) search feature work correctly is the first goal & deliverable.

#2. After the above is working, need to fix a bug in the (5) search box. Correct behavior is: When user selects one or more Categories from the list in (4), the search for the keyword is constrained to only searching products assigned to the categories selected. We need a new capability to ‘unselect’ items in the (4) list. I would like the selection to automatically ‘unselect’ after 10 seconds of inactivity. After unselection is done, user can search at (5) with just the keywords again (not constraining the search for keywords with-in the categories) as before.

Other information:

Live store URL for testing behavior:

http://ecom.virtual-vendor.com/web/100015/www/

Note: this is a live store, one of my customers. I host several web stores. Please do not do anything to break the web store.

We can test your modified Javascript file. I can give FTP access to upload your modified HTML/Javascript file. The URL above can be refreshed to test your changes.

All searches are done with pre-programmed functions. No need to change the search code. Just need to do #1. Then #2 above in the javascript file that I send you.

Once successfully tested, we are done. I will take the code you give me and integrate it into the live web store HTML / Javascript template file. The system auto-generates the HTML / Javascript I sent to you.

After this project, I would like to discuss a further Wordpress related project (optional).

Javascript snippet on next page….

The following code was my attempt to (a) add the second search box and [Go] button to the top. It does display, but doesn’t function as I specify in Objectives #1 on page 1 of this document.

<OPTION>exact phrase

<OPTION>any of the words

<OPTION SELECTED>all of the words

<OPTION>product codes

</SELECT>

<OPTION VALUE="_all">all categories

<OPTION SELECTED>selected categories

</SELECT> </td> </tr>

</td> </tr>

</td> </tr>

<p>

Enter keywords above OR click on a category below: <p>

</form>

More javascript (snippet) on next page…

I also modified the code below by inserting the code in yellow highlight. The [Go] button at the top does not seem to execute this function I added. If it can execute, I believe the search function parameters can be altered to behave as specified.

if (ShowAdvancedSearchLink) {

document.write('<tr><td>  <a class="style-menuLink" href="javascript:goTo_ProductSearch()">Advanced Search</a></td></tr>')

}

function localCheckEnter (theWidget, theEvent) {

alert("alert > localCheckEnter ");

if (!isEnterEvent(theWidget,theEvent)) { return true }

var button = document.getElementById('doSearch')

button.click()

return false

}

function localCheckEnterNoCategories (theWidget, theEvent {

alert("alert > localCheckEnterNoCategories ");

if (!isEnterEvent(theWidget,theEvent)) { return true }

var button = document.getElementById('doSearchTop')

button.click()

return false

}

</script>

The entire HTML / javascript file available upon request. It is 12k in size.

IMPORTANT: Please make your changes, marked so I can identify them in the HTML file, enabling me to integrate the changes into the source files on my server. I want to be careful not to break a live system. Thanks.

java help very urgent 2-3 hours my deadlines

onlinestore_menu_Example1.html.html

Javascript.docx

image1.png