forum.utorrent.com

Sounds spiffy enough to be included in the all-about-webui sticky

I wanted to make it so that it would first send the add-url, and then go to the WebUI (or in the iPhone case, the iPhone WebUI), but I was having trouble with the Javascript.

I tried making the links do "javascript:location.href = <add-url>; location.href = <webui>;". This seemed to work on my computer, but didn't work on my iPhone. I was wondering if that was because the second location.href assignment was happening before the first GET was finished sending?

Anyone know the right way to accomplish this? If so, I can update the bookmarklets above.

I actually tried setTimeout before and couldn't get it to work.

So I made a bookmarklet to do two alerts, and it works fine:

javascript:(function() { alert('Yo!'); setTimeout("alert('Yo, again!');", 4000); })();

Then I made one that changes location.href and then alerts later, and it doesn't work:

javascript:(function() { location.href = 'http://google.com/'; setTimeout("alert('Yo!');", 4000); })();

It seems the timer gets lost when the location changes.

I don't actually need to go to the add-url location, I just need to make sure the GET is accomplished, and then I need to go to the WebUI. Is there a way to do a GET in the background and wait till it's done, so I can change location.href afterward?

Thanks for your help.

First, about the "(function(){})();" stuff:

I started using this anonymous function syntax because I used these bookmarklets as examples to base my bookmarklet off of. I'm a software engineer by trade, but have zero experience with Javascript, so examples have so far been my only learning tool. I have since found certain code where not using this syntax leads to strange errors. For example, this bookmarklet works fine in Firefox and IE:

javascript:(function() { setTimeout("alert('Yo!');", 1000); })();

This one, however, does not alert at all in either browser, and instead brings me to a page with a random integer on it:

javascript:setTimeout("alert('Yo!');", 1000);

In Firefox, it consistently return 2, and in IE it returns 2374054, and increments each time I click the bookmarklet.

Because of this, I'm taking for granted that I need the anonymous function. If someone could explain the reason I need it, that'd be very much appreciated.

As for the <img/> hack:

Wow, that is quite the hack. But your right, it seems to work all right, at least in Firefox and IE. Unfortunately, I could not get it to work on my iPhone. My uTorrent at home is currently closed so I can't do further testing right now, so I'm gonna have to go off my memory of what I tried last night...

Here's what I tried first:

javascript:(function() { var host = "http://<HOST>/gui/"; var links = document.links; for (var i = 0; i < links.length; i++) { links[i].href = "javascript:document.writeln(\"<img style='visibility:hidden' src='" + host + "?action=add-url&s=" + encodeURIComponent(links[i].href) + "' />\"); setTimeout(\"location.href='" + host + (navigator.userAgent.match(/iP(hone|od)/i) ? "iphone/i.html" : "") + "';\", 4000);"; } })();

Notice that it changes the href to some Javascript without the anonymous function. If I remember correctly, this works in Firefox but not IE. So then I tried it with the anonymous function:

javascript:(function() { var host = "http://<HOST>/gui/"; var links = document.links; for (var i = 0; i < links.length; i++) { links[i].href = "javascript:(function() { document.writeln(\"<img style='visibility:hidden' src='" + host + "?action=add-url&s=" + encodeURIComponent(links[i].href) + "' />\"); setTimeout(\"location.href='" + host + (navigator.userAgent.match(/iP(hone|od)/i) ? "iphone/i.html" : "") + "';\", 4000); })();"; } })();

I believe this worked well in both Firefox and IE, but not Mobile Safari. I'll have to try again.

I wonder if it has something to do with the fact I'm putting Javascript in the href? Should I be changing .onclick instead of .href?

Last edited by kentyman (2008-04-02 21:48:18)

Very cool little bookmarklet there! However whenever I click on a torrent and the file begins the download, shortly after uTorrent gives me the error Access is Denied.  Any ideas?

Posting a thread in the troubleshooting forum would be your best bet zaza if you don't have any http://utorrent.com/faq.php#Incompatible_software and aren't running Nero Scout, Roxio Suite, or Google Desktop Search

Thanks for the responses!  The odd thing is if I download a torrent normally from my web browser, I don't have the problem.  If anyone doesn't have anymore ideas then I guess I'll get the troubleshooting forum a shot.

Last edited by Zaza (2008-04-05 08:37:10)

Welp, I can't seem to get the <img/> hack to work on the iPhone. Any other ideas on how I can get it to go to the WebUI after doing an add-url call?

DOM element manipulation works much better. I've updated the first post with the new code.

Thanks for all the help, guys!

Edit: Heh, new problem.

On the iPhone, the change of location.href doesn't seem to work properly with the Back/Next history. So I can't add a torrent (which eventually goes to the WebUI), click Back, and then add another torrent.

Because of this, I find it better to take out the setTimeout part:

javascript:(function() { var host = "http://<HOST>/gui/"; for (var i = 0; i < document.links.length; i++) { document.links[i].href = "javascript:(function() { var img = document.createElement('img'); img.setAttribute('src', '"+ host + "?action=add-url&s=" + encodeURIComponent(document.links[i].href) + "'); img.setAttribute('style', 'visibility:hidden'); document.body.appendChild(img); })();"; } })();

Anyone know a better way to go to a page that might work better with the Back/Next stack in Mobile Safari?

Last edited by kentyman (2008-04-06 22:16:12)

That seems to work perfectly, Ultima. I've updated the original post with the new code. Thank you again for your "random ideas"!

I've tested on Mobile Safari, Firefox, and Internet Explorer, and it seems to work well on all of them. On Mobile Safari and Internet Explorer, you have to use the bookmarklet again each time you press Back. On Firefox, you can click Back and then another torrent without using the bookmarklet again.

I've even tested the case where you take well over 4 seconds to enter your username/password on Mobile Safari, and it seems to work well (the setTimeout must be paused while the login dialog is up)!

Ah, that makes a lot of sense. Glad I understand it now, too.

Now that I finally got this thing working the way I want it, do y'all think it's useful enough for non iPhone/iPod Touch users that it should be mentioned in the "everyting about WebUI" post as a standalone gadget, instead of just a nice addition to the iPhone interface? I find it to be very useful to use from from my browser at work, for example. Actually, does anyone else even use it?

Ah yes. I'll remove it from behind the iPhone. I misinterpreted it the first time, thought it was for the iPhone only.