views:

172

answers:

2

How to show live preview in a small popup of linked page on mouse over on link ?

like this

http://cssglobe.com/lab/tooltip/03/

but live preview

+2  A: 

You can't make any live preview of linked page in Javascript.

Balon
but then how some firefox plugin do this like http://interclue.com/tour-get-interclue.html
metal-gear-solid
Those plugins utilize browser API to do it. You could do such a preview for all users, but you would have to write a server-side script which would generate such a live preview.
Balon
A: 

You could do the following:

  1. Create (or find) a service that renders URLs as preview images
  2. Load that image on mouse over and show it
  3. If you are obsessive about being live, then use a Timer plug-in for jQuery to reload the image after some time

Of course this isn't actually live.

What would be more sensible is that you could generate preview images for certain URLs e.g. every day or every week and use them. I image that you don't want to do this manually and you don't want to show the users of your service a preview that looks completely different than what the site currently looks like.

Aleksi
I found this http://thumbnails.iwebtool.com/demo/ in similar question but it's not working http://stackoverflow.com/questions/80313/how-do-i-preview-a-url-using-ajax
metal-gear-solid