there is a plugin that is quite useful for what you need:
http://www.mathias-bank.de/2007/04/21/jquery-plugin-geturlparam-version-2/
please note that there is an error in the plugin code or a possible change
since jquery.1.2.2b
if ($(this).attr(”src”) != “undefined”) {
does not work. It needs to be
if ($(this).attr(”src”)) {
same for the other IF conditions.
HTH,
alex
---------- Original Message ----------
To: jQuery (English) (jquery-en@googlegroups.com)
From: George ([EMAIL PROTECTED])
Subject: [jQuery] Re: progressive enhancement link href hurdle
Date: 15/1/2008 9:35:03
I'm not aware of any native jQuery methods to "deserialise" your href
query params but I'm sure someone could suggest a plug that does it.
Perhaps you don't need to extract the params? Why not just set the
"url" value in your ajax call to include the params from your href
string, params and all, and ignore the "data" option? Or perhaps use
url: "rpc.php?" + data.split("?")[1]
Failing that you could tackle it using split() and arrays with code
like this:
Using your example: <a href="index.php?do=add&id=1&s=1">Add Item 1
Section 1</a>
var href = $("A").attr("href"); // Read the href attribute from
the <a> tag (use your own selector here instead of "A").
var query = href.split("?"); // Separate href string at the
question mark.
var params = query[1].split("&"); // Take all text that follows the
question mark and separate it at the &'s.
You now have an array of name=value pairs that your could loop through
and use. Eg use jQuery.each()
You may then wish to copy the name=value pairs into an object/map.
A shorthand for the 3 lines above might be: var params = $
("A").attr("href").split("?")[1].split("&");
(Code is untested and assumes there will always be query params in the
href and only one question mark)
Hope this helps
George
On Jan 14, 9:53 pm, toadeny <[EMAIL PROTECTED]> wrote:
> Hi All,
>
> I want to use a whole bunch of jQuery functionality on a website and
> still have it accessible in its current form. I believe the term for
> such a process is 'progressive enhancement'
>
> Correct me if I'm wrong but I understand about adding enhancements to
> an existing webapp is that:
> 1) There are three layers to a website: HTML,CSS and JS
> 2) Each layer adds more functionality/style/interaction than the last
> and these layers should be applied in order to all browsers than are
> compatible
>
> So with that in mind I went off to enhance my existing webapp.
>
> There are a lot of links on the website that i would like to turn into
> Ajax interactions.
> They are generally like this:
> <a href="index.php?do=add&id=1&s=1">Add Item 1 Section 1</a>
>
> I want to have an easy way of extracting all parameters from the href
> or maybe supplying an object in the a href for jQuery to parse:
>
> I thought of something like this which would be a matter of changing a
> few templates on the site:
> <a class="addItem" href="index.php?do=add&id=1&s=1" params="{do:add,id:
> 1,s:1}">Add Item 1</a>
>
> I might well be completely off track but Is it legal (W3C) to just add
> your own attributes to a tag like this?
> Would this work and how would i get it into an object to use in my
> click function?: (i'm guessing here)
>
> Regardless of that here is my script thus far:
>
> HTML:
> ----
>
> <html xmlns="http://www.w3.org/1999/xhtml";>
> <head>
> <script type="text/javascript" src="jquery-1.2.1.min.js"></script>
> <script type="text/javascript" src="actions.js"></script>
> </head>
> <body>
>
> <h3>Test</h3>
>
> <div id="msg"></div>
> <div id="loading"></div>
>
> <div id="content">
> <a class="addItem" href="index.php?do=add&id=1&s=1">Add Item 1
> Section 1</a>
> <a class="addItem" href="index.php?do=add&id=2&s=2">Add Item 2
> Section 2</a>
> <a class="addItem" href="index.php?do=add&id=3&s=3">Add Item 3
> Section 3</a>
> </div>
>
> </body>
> </html>
>
> ----
> JS:
> ----
>
> function doRPC(data) {
> $.ajax({
> type: "GET",
> url: "rpc.php",
> data: data,
> error: function() { $('#msg').text('There was an error completing
> your request, please try again later.'));},
> success: function(msg){ $('#msg').html(msg); },
> }
> });
> return false;
>
> };
>
> $(document).ready(function() {
> $("a.addItem").click(function() {
> doRPC($(this).attr('href'));
> return false;
> }
>
> }
>
> ----
>
> At the moment the data sent to the server is something like this:
> Array([index.php?do=] => add [id] => 1 [s] => 1)
>
> Should i just deal with this ugly format in php and move on?
>
> Any help is appreciated.
>
> Thanks
Alexandre Plennevaux - LAb[au] asbl.vzw / MediaRuimte
Lakensestraat/Rue de Laeken 104
B-1000 Brussel-Bruxelles-Brussels
Belgie-Belgique-Belgium
Tel:+32(0)2.219.65.55
Fax:+32(0)2.426.69.86
Mobile:+32(0)476.23.21.42
http://www.lab-au.com
http://www.mediaruimte.be
__________________________________________________________________________
The
information in this e-mail is intended only for the addressee named above.
If you are not that addressee, please note that any disclosure, distribution
or
copying of this e-mail is prohibited.
Because e-mail can be electronically altered, the integrity of this
communication
cannot be guaranteed.
__________________________________________________________________________
