I really like the hovering info box used on this site with Fullcalendar: http://www.bigwood.nottingham.sch.uk/calendar
Does anyone know how I can achieve something similar with a non wordpress site? I would like people to be able to hover over the event on my Fullcalendar google calendar so that they get all the details of my pilates classes - here is my test page: http://www.pilatesintuition.co.uk/test/pilates-classes.html
I am not a programmer or coder, so please forgive me for my ignorance!
Many thanks.
I have some links like "domain"
i want to have a preview image of the url link when i mouseover it.
is this possible with something like an iframe?
can someone help me with this?
sincerely Rene,
You are probably looking for a mouse over that displays an image (thumbnail of domain.com). For the mouse over, there are many scripts available: search for "javascript tooltip" (jQuery tools for example).
To get a thumbnail of "domain.com", you need to use a web service like URL2PNG or Browshot.
I have searched a lot on google. But i am not able to find the right answer for how to display the tooltip when focus in a textbox.
i have found qtip plugin but it works only for mouseover and mouseout.
Please help me to sort out this problem.
There are loads of JQuery plugins to use for this requirement. Check this JQuery tooltip plugin demo for examples
I am trying to set up functionality similar to Netflix. Where if you mouseover a movie - you are presented with a window of movie details (all client-side).
At high level, can someone in this forum help by telling me how this should be implemented? I.E., one or more .aspx pages, what would go in code-behind, and .js file, css, etc. Just trying to get an idea on how this would be set up to work.
Basically, when I hover over an item, I need to query for details that belongs for that record being moused-over and display it in the window or div. I also need to have some functionality in that window (i.e. a textbox and button which will end up needing to get saved in a database).
Thanks for any tips and suggestions -
You would want to add an AJAX call to the hover event of the image, that pulls from a webservice/web method.
Here is a good example, you would change some things. However, it should get you started.
http://www.mikesdotnetting.com/Article/96/Handling-JSON-Arrays-returned-from-ASP.NET-Web-Services-with-jQuery
If I understood your question correctly, you should try this excelent jQuery plugin:
http://www.sohtanaka.com/web-design/css-on-hover-image-captions/
Look at the demo here:
http://www.sohtanaka.com/web-design/examples/image-hover/
easy to install and configure and very slick!
Good luck
EDIT: sorry wrong lik the first time
There are certainly many jQuery plugins that will do this for you. jQuery UI may also be of benefit.
Here is one that appears to do something like you are describing:
http://plugins.jquery.com/project/VisualLightbox
I like the feedback link that's static while the page scrolls and I want to add something similar to my site. See www.bind.pt, right side, for example. However I don't want to use UserVoice. I want to use a popup window with a form-to-email functionality.
Is there a similar sample asp.net component or Javascript that's available for a lazy developer like me for re-use?
There's an excellent solution to this problem here - the poster's own answer.
Enjoy!