Sarah,
it is not difficult to do that, but requires some javascript.
What you need is to create a mouseUp handler for those radio buttons.
When that handler triggers, it uses an asynchronous request to talk
to the server and update the results. I'll do a little snippet below
that may help.
Instead of creating everything from scratch, I'd advise you to use
the "Javascript Prototype Library", you include it in your pages with
(pointing to the correct url of course):
<script type="text/javascript" src="/js/prototype.js" ></script>
Then you need to create your own handler to go back to the server and
fetch the results, if your results are placed in a container such as
a DIV with id="searchResults" then you can simply create an AJAX
updater, this updater, queries a server CGI that returns a simple
HTML chunk, this chunk is inserted in a place you choose. For
creating such thing to update a div with id="searchResults" we do:
<script type="text/javascript">
function updateDiscount()
document.getElementById("searchResults").innerHTML=""
var formData = "q=" + str;
var myAjax = new Ajax.Updater(
'searchResults',
'/cgi-bin/search.cgi',
{
method: 'get',
parameters: formData
});
}
</script>
See that this script will not work, but it is a simple thing to
explain, first you will need to loop your radio buttons fetching
their values to assemble a URL that you can post to your search CGI.
You can use:
document.getElementById("theID").value
to retrieve the value of an element naming it by its ID. Then after
getting all the needed radio buttons, you can simply assemble the URL
using plain string concatenation routines such as:
var formData = "r1=" + value1 + "&r2=" + value2;
then you instantiate your ajax updater passing to it the ID of the
element whose contents will be updated, you also pass the URL of the
CGI to be called, and last, you pass a keyed list (Actually I think
that is an object), the minimum elements for this list are the method
and the parameters for the call. Like:
var myAjax = new Ajax.Updater(
'searchResults',
'/cgi-bin/search.cgi',
{
method: 'get',
parameters: formData
});
This takes care of creating your routines, what you need is to bind
the radio buttons to your routine, in our case the routine name is
updateDiscount, so it would look like:
<input type="radio" id="radio1" onmouseup="updateDiscount()" />
It's easier done than explained. You can fetch RevHTTP <http://
andregarzia.com/RevHTTP.zip"> and see the ajax examples.
Cheers
andre
On Apr 27, 2007, at 6:01 AM, Sarah Reichelt wrote:
On 4/27/07, Bernard Devlin <[EMAIL PROTECTED]> wrote:
> a set of radio
> buttons that alter the search results. Unfortunately, changing
these
> requires doing a new search before the new options are displayed.
>
> So my question is: is there any way to detect the radio buttons
so the
> options can be displayed dynamically?
Hi Sarah,
I'm not really clear what are the limitations which you are trying to
overcome. Do you mean that the radio buttons do something like to
the search results e.g. change the sort order of the search results,
or that they filter the search results in some way? By "before the
new options are displayed" do you mean "before the choice takes
effect"?
Basically, the search finds matching products in a catalog. The radio
buttons allow you to show the list price or various discounts. The
problem is when the user selects a radio button but doesn't click
"Search" again. It looks as if a discounted price is being displayed,
but it really isn't.
Sarah
_______________________________________________
use-revolution mailing list
[email protected]
Please visit this url to subscribe, unsubscribe and manage your
subscription preferences:
http://lists.runrev.com/mailman/listinfo/use-revolution
_______________________________________________
use-revolution mailing list
[email protected]
Please visit this url to subscribe, unsubscribe and manage your subscription
preferences:
http://lists.runrev.com/mailman/listinfo/use-revolution
