Latest Tutorials| Questions and Answers|Ask Questions?|Site Map



Home Answers Viewqa JSP-Servlet popup ballon in jsp
Login         

View Questions and Answers by Category

Advertisements


 
Have Programming Question? Ask it here!
 
 
 


Arat Kumar Rana
popup ballon in jsp
1 Answer(s)      4 years and 10 months ago
Posted in : JSP-Servlet


How to show a popup ballon in jsp when pointing to a link using javascript.Please help me

Advertisement
View Answers

January 9, 2010 at 11:08 AM


Hi Friend,

Try the following code:

<html>
<head>
<style type="text/css">
#popup{
width:147px;
position:absolute;
display:none;
}
#popup .top{
background-image: url('top.gif');
height:16px;
}
#popup .middle{
background-image: url('middle.gif');
background-position:bottom left;
padding-left:7px;
padding-right:7px;
}
#popup .middle span{
position:relative;
top:-8px;
font-size:11px;
}
#popup .bottom{
background-image: url('bottom.gif');
height:44px;
position:relative;
top:-6px;
}
</style>
<script type="text/javascript" >
function show(e,text){
if(document.all)e = event;

var v1 = document.getElementById('popup');
var v2 = document.getElementById('popup_content');
v2.innerHTML = text;
v1.style.display = 'block';
var st = Math.max(document.body.scrollTop,document.documentElement.scrollTop);
var leftPos = e.clientX - 100;
if(leftPos<0)leftPos = 0;
v1.style.left = leftPos + 'px';
v1.style.top = e.clientY - v1.offsetHeight -1 + st + 'px';
}

function hide(){
document.getElementById('popup').style.display = 'none';
}
</script>
</head>
<body>
<div id="popup">
<div class="top"></div>
<div class="middle"><span id="popup_content"></span></div>
<div class="bottom"></div>
</div>
<br><br><br><br>
<p><a href="#" onmouseover="show(event,'It is a beautiful flower');return false" onmouseout="hide()">Rose</a></p>
</body>
</html>

Thanks


Related Tutorials/Questions & Answers:
popup ballon in jsp - JSP-Servlet
popup ballon in jsp  How to show a popup ballon in jsp when pointing... the following code: #popup{ width:147px; position:absolute; display:none; } #popup .top{ background-image: url('top.gif'); height:16px
Populating values from Child Popup Jsp to Parent jsp
Populating values from Child Popup Jsp to Parent jsp  Hi, My... click on this a popup jsp opens and based on certain critierias in popup jsp we... the checkbox of a particular record and clicks OK button in popup jsp then popup
Advertisements
Popup very urgent plz - JSP-Servlet
Popup very urgent plz  Respected Sir/Madam, I am R.Ragavendran.. I got your reply.. Thank you very much for the response. Now I am sending the code... http://www.roseindia.net/jsp
Popup Window using Ajax In JSP
Popup Window using Ajax In JSP       In this section, we will develop a Popup Window application using Ajax in JSP. For this, we will create the following
how to get popup fro servelt to jsp by using ajax........
how to get popup fro servelt to jsp by using ajax........  how to get popup fro servelt to jsp by using ajax........ I went popup in jsp page when my form submit successfully.....through servlet can any buddy give r explian how
how to get popup fro servelt to jsp by using ajax........
how to get popup fro servelt to jsp by using ajax........  how to get popup fro servelt to jsp by using ajax. I went popup in jsp page when my... popup after submiting the form the value of field will sub,mit r insert into data
javascript calendar popup code
javascript calendar popup code  javascript calendar popup code
how to show popup in javascript
how to show popup in javascript  How to show popup in javascript
popup registration form
popup registration form  hi i want a code for popup registration form.when user click a button popup form will appear.thanks.
https popup msgs - Security
https popup msgs  Hi, I have an application with https link... will be redirected to a jsp page. I have one more https link inside a jsp page. eg...(myhomepage) In My JSP...I've another https link pointing to below link
Baloon Popup in GWT
Baloon Popup in GWT  Hi, I am working on making a weekly Calendar in GWT.Here i need to show a Popup on mouse over event on any appointment already added.This popup should be a bubble pop up with an arrow/stem at its one
jQuery modal popup
jQuery modal popup  i want the full source code for modal popup for registration and inserting the data in the database using jdbc and oracle
Popup dialog box in java
Popup dialog box in java  How to display popup dialog box in java... can create popup dialog box. Java swing toolkit provide tow types of dialog box... dialogs-user can customize dialog box. Here is a simple popup message dialog box
passing value from javascript popup
passing value from javascript popup  How to take user input and pass that input value using popup in Javascript
Popup Calendar in Javascript - Development process
Popup Calendar in Javascript   Hi, Can u plz send me javascript code for dispalying date in textbox using popup calendar . Thanks Prakash   Hi Friend, Please visit the following link: http
Popup Window Example in JavaScript
Popup Window Example in JavaScript       In this article you learn popup Window in java script. Three kinds of  popup windows are available in java script
need popup calender - Date Calendar
need popup calender  Hi, I need a pop up calender code in html, but i guess javascript would be needed for event handling . I need a code which... a butoon , a popup calendar pops-up and sends the value to the textbox
popup window checkbox and sbumit button
popup window checkbox and sbumit button  Hi, Requirement: popup window having multiple checkboxes, I have to select couple of checkboxes and click the submit button. I am unable to get the check box values... need help
HELP: Xin's Popup Calendar with Struts
HELP: Xin's Popup Calendar with Struts  HI, I am designing a website using "Struts" framework, but am not able to populate my html form date field using Xin's pop up calendar My Code: <html:form action= "/login">
Popup on hover without plug-in
Popup on hover without plug-in In this tutorial , we will discuss about using popup on hover without using plug-in. In this example , we have a logo/picture . When we hover mouse on it, it will display a popup. The back ground image
Crate a Popup Menu in Java
Create a Popup Menu in Java       Here, you will learn how to create a Popup menu in Java. Popup... you press the right mouse button. Following figure shows the popup menu when you
Tomahawk popup tag
Tomahawk popup tag          This tag is used to create the popup window when user takes the mouse on the element. This popup is created on the mouse
Create Popup List in SWT
Create Popup List in SWT       In this section, you will learn how to create the popup list. SWT allows to create the popup list by providing the class PopupList of package
Flex - Call JavaScript Function And Open a Popup Window that Displays Data
Flex - Call JavaScript Function And Open a Popup Window that Displays Data  Flex - Call JavaScript Function And Open a Popup Window that Displays Data
Create a Popup Menus with Nested Menus in Java
Create a Popup Menus with Nested Menus in Java  ... a nested popup menu in Java Swing. When you click the right mouse button on the frame then you get a popup menu. Here, you will show multiple menu items like: line
Hash Table for maintaining popup menus in Java
Hash Table for maintaining popup menus in Java  ... of maintaining popup menus through hash table in your Java program. This section... to create and maintain popup menus in Java. All the elements listed in the hash
Java Script Code of Calendar and Date Picker or Popup Calendar
Java Script Code of Calendar and Date Picker or Popup Calendar       This is detailed java script code that can use for Calendar or date picker or popup
After Clicking Image I need Popup Window - Design concepts & design patterns
After Clicking Image I need Popup Window  Hi Friends. when i click any image button , i need to display popup window in javascript.can u give code for this New Document EMPLOYEE DETAILS
jsp - JSP-Servlet
the problem and visit to : http://www.roseindia.net/jsp/pop-window.shtml http://www.roseindia.net/jsp/popup-window-using-ajax-in-jsp.shtml Thanks...jsp  how popup window was called while downloading files in jsp 
Display Data from database in Popup Window Using Ajax in JSP
Display Data from database in Popup Window Using Ajax in JSP       In this section, we have developed a application to display data  in pop up window. We
 

 

 

DMCA.com