Trying to fetch a row ID from the address bar

Question

Hello,
I am creating a website that will strickly be run on a touch
screen and saved locally. I am using spry.
I have a Category page with a list of 4 products (Each a
large link button). All of them link to the same html document like
so:
href="product.html?thisID=0" and then the next one "thisID=1"
and so forth.
On the product.html page I wrote a little javascript function
to read the address bar and get me the id number. Here is the
javascript function that runs on page load:
function fetchID() {
var varArray = document.location.href.split("?");
var thisID = varArray[1].split("=");
dsProducts.setCurrentRowNumber(thisID[1]);
alert(thisID[1] + " | " + dsProducts.getCurrentRowNumber());
When I click the first product with thisID=0 the alert says
"0 | 0"
And spry gives me an error saying "Invalid Row Number: 0"
When I click on the second product (thisID=1) the alert
correctly says "1 | 0" and once again I get an invalid row number:
1
How can I set the current row using the variable in the
address bar? My javascript correctly gets me the integer that I
pass.
Thanks,
Braxo

Answer 1

Hi Braxo,
To do what you want is no need to parse the whole url to get
the id number.
You can add an observer for your dataset. When the dataset
will be populated with the values from xml, you can set the current
id to the url parameter.
You have to this because when page loads and your code runs
no data is present . This is because data loads asynchronous.
You should add something like this into your code:
dsProducts.addObserver({ onPostLoad: function(ds, type) {
dsProducts.setCurrentRow(params.thisID); }
Until the end of this week, on labs will be posted an
complete example that covers your situation and you can follow the
example from there.
Hope this helps,
Diana