IsapiRewrite & Search Form - Using JS to change form submit?

Thanks for your reply, TheFoot.

At first glance, that looks to be overkill - and I'm not entirely sure how I would implement it into my form (Javascript is somewhat alien to me!)

If I understand it correctly, that would have to go into the head of the page, so I'm not sure how I could pass the values before the search results page is brought into it.

Is there a way of doing it with an OnSubmit instead?

Hi Reveroom,

I was simply showing the code example of how to format the url.  Actually implementing it into your page, depends on your page.. can you post a sample of your cod please?

The below is a demo of how it would work from within the submit event, but to get it working properly, please explain where the url and search terms actually come from..?

TheFoot

<script type="text/javascript">
  var formatURL = function(v_url, v_search_term){
    var v_new_url = v_url.replace(/\.cfm\?textname=text/, "") + '/';
    var v_new_st = v_search_term = v_search_term.replace(/ /g, '+');
  }
</script>
 
...
 
<form id="xyz" action="" onsubmit="return formatURL(...);">

                                              

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:

BTW.. dont try the above code - it wont work and is incomplete - its just to show you for now how it _would_ work.  Please post example code.. Cheers

Hi TheFoot,

Thanks again for your reply.

The form below is what I currently have.  As mentioned above, if we assume 'text name' is the value entered into the search box, the results page looks like this - http://www.mysite.com/search.cfm?search=text name

What I need to do is have it load like http://www.mysite.com/search/text+name

I have the URL rewriter already set up to accept the url and use anything after /search/ as the query - I simply can't figure out how to get the form to send in that way.

<form action="search.cfm" method="get" id="searchform">
<fieldset>
<input type="text" name="search" class="input" />
<input type="submit" value="" class="submit" />
</fieldset>
</form>

                                              

1:
2:
3:
4:
5:
6:

Ok the following code example should work.  The form uses the onsubmit handler, and rewrites the "search" input value, and the forms' action attribute, before returning true, to allow the form to continue its submit action.

TheFoot

<!-- HTML Form -->
<form action="search.cfm" method="get" id="searchform" onsubmit="return submitForm();">
  <fieldset>
    <input type="text" id="search" name="search" class="input" />
    <input type="submit" value="" class="submit" />
  </fieldset>
</form>
 
<!-- Javascript function for HEAD -->
<script type="text/javascript">
  submitForm = function(){
    var v_url = document.getElementById('searchform').action;
    v_url = v_url.replace(/\.cfm\?textname=text/, "") + '/';
    document.getElementById('searchform').action = v_url;
    var e_st = document.getElementById('search');
    e_st.value = e_st.value.replace(/ /g, '+');
    return true; 
  }
</script>

                                              

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:

Thanks, TheFoot.

We seem to be getting a little further along with it.  Using that code, it's currently resolving to;

/search.cfm/?search=text+name

So, the + sign is there now, but we still have the ?search= showing (and the /search.cfm but I assume that will be fine if I just change the form action to /search/)

Indeed - that should work.  Try the below code:

<!-- HTML Form -->
<form action="search" method="get" id="searchform" onsubmit="return submitForm();">
  <fieldset>
    <input type="text" id="search" name="search" class="input" />
    <input type="submit" value="" class="submit" />
  </fieldset>
</form>
 
<!-- Javascript function for HEAD -->
<script type="text/javascript">
  submitForm = function(){
    var e_st = document.getElementById('search');
    e_st.value = e_st.value.replace(/ /g, '+');
    return true; 
  }
</script>

                                              

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:

Hmm spotted the flaw in this plan..

The browser will append the ?search= to the url as part of a normal submission...

Try this version instead:

<!-- HTML Form -->
<form action="search" method="get" id="searchform" onsubmit="return submitForm();">
  <fieldset>
    <input type="text" id="search" name="search" class="input" />
    <input type="submit" value="" class="submit" />
  </fieldset>
</form>
 
<!-- Javascript function for HEAD -->
<script type="text/javascript">
  submitForm = function(){
    var v_st = document.getElementById('search').value;
    v_st = v_st.replace(/ /g, '+');
    top.location.href = "search/" + v_st;
    return false; 
  }
</script>

                                              

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:

Thanks for your help again, I appreciate your patience!

Using your updated code, I'm still getting the ?search= appended to the result.  I've changed the form action to /search/ so it now shows as;

search/?search=text+name+

Did you use the second posts code?  The one before will still result in the ?search= being appended..?

Yes, and to be sure, I've just cleared it and pasted it in again (the JS) - same result.

OK - im leaving work, when I get home Ill mock up a test page and get this right once and for all :))

Thanks, TheFoot - I really do appreciate your help with this :-)

Thanks TheFoot, I've now got it working :-)

As it turns out, the code you sent earlier worked too.  I tried implementing the code you just sent across, and was getting the same issue as before.  However, when I installed your example in a subdirectory and tested it 'unchanged', it worked as expected - that confused me no end!

It turns out I have another element on the page with the same name (search) - changed that, and now everything works a treat :-)

Thanks so much for your help, it's very much appreciated - the grey hairs will hold back another day!

Very patient with me on this, I'm extremely grateful for the help!