javascript pop-up window

In some web pages, when we stop mouse cursor on some words (e.g. some popular movie star names) on the web page, a pop-up box near the words will show-up, showing maybe some related pictures for the move star, a short summary for the movie star, and related twitter link for this movie star. Then we can move mouse on the pop-up windows to click for picture or twitter link.

When the mouse cursor is leaving such pop-up window, the pop-up window will disappear automatically.

Are there any existing ready to use code to implement such effect?

BTW: I remembered some web site has some underline keyword, and when mouse move over such keywords, a related Ads windows will pop-up around the keyword. This is the effect I am looking for in this question.

thanks in advance, George

--------------Solutions-------------

Look at [jQuery TOOLS][1] - the tooltips.

[1]: http://flowplayer.org/tools/index.html jQuery Tools

You're looking for the HoverCard effect?

http://www.shoutmeloud.com/gravatar-hovercards-for-wordpress-org-blogs.html

http://closure-library.googlecode.com/svn/docs/closure_goog_ui_hovercard.js.source.html

I think onmouseover is what you need to look into

You might also want to use the title attribute in some HTML elements.

An example from this page:

<span class="reputation-score" title="your reputation score; view reputation privileges">611</span>

When you hover over your reputation you get the message in the title attribute. It's not as fancy as some of the other answers but it is quick and simple.

Category:javascript Time:2010-11-02 Views:0

Related post

  • Asp. net and Javascript pop up windows 2009-01-30

    I am writing an intranet application and am considering the use of a pop up window. What are your thoughts on it? I am not worried about accessibility since it's an intranet app. The scenario is such as I need to be able to have the same code be used

  • Javascript Pop-Up WIndow Open Function 2009-06-18

    I am using the following JS function to open a pop-up window to display another website: <script language="javascript" type="text/javascript"> function link() { window.open("www.google.com") } onClick="Link()" The URL in the above example is ju

  • Chrome javascript pop up window has a wrong dimension 2010-07-15

    I'm trying to open up a new window for a chat room on our site. I have the chat room's dimension set to 750px x 590px. This is the link I have to open up the javascript pop up. <a href="javascript:void(0)" onclick="window.open('http://gamersunite.

  • ASP.Net chat application javascript pop-up window 2011-07-23

    I am designing an ASP.Net chat application. I have an online user list which are LinkButtons in a ListView. I want to click one of them and open a pop-up window. How can I do that? --------------Solutions------------- Set your LinkButtons so they hav

  • Centering a Javascript pop-up window 2011-04-28

    I want to center a pop-up window within a browser. However, I'd like it to work regardless of the browser size and the browsers position within the users screen. Position within a browser is straightforward, for example (with jQuery) : var left = ($(

  • Javascript pop up window width in IE8? 2010-11-08

    I've got an issue related the Javascript popups. I want to set a width of 163px for my pop up, but IE8 ignores this value and sets it's minimum of 250px width. Is there a solution to go round that? Cheers. --------------Solutions------------- Doesn't

  • Passing Listbox Text to Javascript Pop-up Window URL 2009-06-18

    Is it possible to pass the contents of a textbox or Listbox into the URL portion of the javascript code window.open(URL)? I have an asp.net listbox control that displays URL values. When ever an end user clicks on another listbox, the URL listbox pro

  • Multiple Javascript pop-up windows 2009-08-28

    Is it possible to in a situation like this; <li><a href="javascript:productPop('includes/products/test.php','8 mil');">asadfasdf</a></li> <li><a href="javascript:productPop('includes/products/test.php','15 mil');">

  • Javascript pop-up window -updated 2011-09-08

    I copied this code from "www.hotscripts.com", http://www.advancebydesign.com/itemdetails.php?item=15. What it does it just displays a simple window in the middle of the screen. 3 very simple steps are required: 1) create a button <input type="butt

  • JavaScript: Custom Pop-Up Window 2009-11-26

    I'm trying to create a custom pop-up window using JavaScript which can hold a form, and then use the contents of this form on the original page. What I have is a large table split into several sections which hold text. Each section has a title and a

  • JavaScript / jQuery - Open current link in pop-up window 2010-07-10

    <a href="http://google.com">Link</a> How can I open this link in a pop-up window? And prevent the browser to block it --------------Solutions------------- There's "new windows" and there's "popups". Using target=_blank will open in a new

  • Stop Javascript Redirect in Pop-Up Window 2010-07-29

    I'm using the Telerik RadWindow control in one of my applications. When a user wants to authorize Twitter for the application the window displays the OAuth dialog for Twitter. However, each time I display the pop-up for Twitter OAuth, or even just th

  • Javascript: Video pop-up window 2011-01-31

    I want to write a javascript function that operates as follows: Input: Youtube Video ID (i.e. F3v39wnv), height, width and name Action: Popup a new window w/ the specified name width and height, showing the specified video. I have figured out a rudim

  • Javascript - Show a pop-up window onChange 2011-03-07

    I want to show a html pop-up window, onChange from an input text to another. How can I do that ? Thanks a lot. --------------Solutions------------- Here's a jQuery solution: HTML <form ...> <input type="text" id="first"/> <input type="

  • populating unordered list from pop up window into main window - javascript 2011-04-25

    In my parent window, I have a list : <span id="r_doc_span"> <ul id="r_docs"> <li> <input id="r_doctor" type="hidden" name="r_doctor" size="40" value="<%=rd%>"> <input id="r_doctor_ohip" type="hidden" name="r_doctor_oh

  • How to get Javascript pop up text using Ruby 1.9.2 and Watir 1.9.1 in Windows 7 x64 2011-08-31

    This link talks about how click a button but not how to retrieve the pop up text http://wiki.openqa.org/display/WTR/JavaScript+Pop+Ups It used to work in Ruby 1.8.6 with Watir 1.6.5 with the following code require 'rubygems' require 'watir' require '

  • Pop up window using javascript and css 2012-01-11

    My app needs to generate a pop up window on button click. The app is specifically for mobile devices in android and IOS. I have received the same using this code: .popup { position:absolute; left:0; top:0; width:132; border-style:solid; border-width:

  • How to open a pop up window using javascript/Jquery for firefox browser? 2012-01-31

    How to open a pop up window using javascript/Jquery for firefox browser?it is working in other browsers except firefox. <xsl:if test="$ShowRejectLink='Yes'"> xsl:if test='$RejectLink!=""'> <a href="{$RejectLink}" target="_new">Reject

  • Pop up window - once on load and every 3 months after using Javascript Cookies 2012-04-25

    I wondered if anyone maybe able to help? I have managed to create a pop open window script with a time delay. I need it to open on the first visit and not again for three months. I am completely lost and have trawled the internet all day today and mo

Copyright (C) pcaskme.com, All Rights Reserved.

processed in 0.697 (s). 13 q(s)