|
|
Registered tutorials: 501
Registered Users: 30641
|
|
Rating: 5 out of 1 votes cast
Category: JavaScript Framework
|
Ajax and XML: Ajax for lightboxes
Abstract: This article shows several techniques that use a combination of PHP, Dynamic HTML (DHTML), and Asynchronous JavaScript™ + XML (Ajax) to throw content right into users' lines of sight so that it really grabs their attention.
Tooltips
Setting the status bar in the browser is easy, but doing something
useful—like popping up a tooltip—is a bit more
difficult. To make it easier on myself, I employ a tooltip library that's freely
available on the Web and built on the excellent Prototype.js JavaScript library.
Listing 1 shows the code for this tooltip.
Listing 1. index.html
<html>
<head>
<script src="prototype.js" type="text/javascript"></script>
<script src="tooltip.js" type="text/javascript"></script>
<style>
body { font-family: arial,verdana; }
.popup { padding:10px; border:1px solid #ccc;
background:#eee; width:250px; font-size: small; }
</style>
</head>
<body>
<div id="book1">Code Generation In Action</div>
<div id="popup1" class="popup">
</div>
</body>
<script type="text/javascript">
new Ajax.Updater( 'popup1', 'text.php' );
new Tooltip('book1', 'popup1')
</script>
</html>
|
|
Reviews:
Rate and Review This Site
No reviews yet
Statistic Information About this Resource:
| Total Hits: |
821 |
| Unique Hits: |
755 |
| |
Daily |
Weekly |
Monthly |
| |
Unique |
Total |
Unique |
Total |
Unique |
Total |
| Average |
0.7 |
0.9 |
2.4 |
2.9 |
8.3 |
9.3 |
| Current |
0 |
0 |
6 |
8 |
10 |
13 |
| Previous |
2 |
2 |
3 |
4 |
4 |
5 |
| Oct 22 |
1 |
2 |
1 |
1 |
14 |
15 |
| Oct 21 |
1 |
1 |
1 |
2 |
7 |
7 |
| Oct 20 |
2 |
3 |
1 |
1 |
12 |
13 |
| Oct 19 |
0 |
0 |
1 |
1 |
0 |
0 |
| Oct 18 |
0 |
0 |
0 |
0 |
12 |
13 |
| Oct 17 |
0 |
0 |
1 |
1 |
14 |
14 |
| Oct 16 |
1 |
1 |
5 |
6 |
10 |
13 |
| Oct 15 |
0 |
0 |
5 |
5 |
0 |
0 |
| Highest |
16 |
17 |
69 |
78 |
264 |
282 |
|
|
|
Script Execution Time: 4.15474 | SQL Queries: 10 | Members: 501
Ajax Tutorial Top List - Powered by Aardvark Topsites PHP 5.1.2
|
