Question

I asked how to load a random form in another thread and got great answers. Here is what I got and verified to work

$(function() {
 $("a.random")click.(function){
    $(".test_form").hide();
    var formNumber = Math.floor(Math.random() * 4);//will equal a number between 0 and 3
    $("#form" + formNumber).show();
 });
});

I need to apply this somehow to a jQuery Tools overlay that is being triggered as such

<a href="Forms/SupportFormTest.php" rel="#overlayForm"> 

and modify the href somehow to include the a reference to the function. would simply removing the href and using a class work? But then I would somehow have to add a path to the forms they are in another directory “/Forms”. Help is much appreciated, the flowplayer.org forms are less than helpful

Answer 1

You can use .data() to attach arbitrary data to an element.

If it’s just string data you’re looking to store, you can instead use .attr() to save the string to an attribute on the element. For HTML-5-compliant goodness, use an attribute that starts with data-.

---

Edit as requested, lazy copypasta:

I don’t know PHP, and I definitely don’t know how your site is set up, but the basic idea would be:

1. link to Forms/RandomForm.php
2. RandomForm.php would send an HTTP redirect to the browser, telling it to request an actual form page, chosen at random – say, Forms/Form2.php.
3. The browser now has the actual form to put into the overlay.

Does that sound reasonable? If you do still want to have the randomization in the browser, could you explain exactly what you’re trying to randomize?