diff options
author | tpearson <tpearson@283d02a7-25f6-0310-bc7c-ecb5cbfe19da> | 2010-01-20 02:37:40 +0000 |
---|---|---|
committer | tpearson <tpearson@283d02a7-25f6-0310-bc7c-ecb5cbfe19da> | 2010-01-20 02:37:40 +0000 |
commit | 9ad5c7b5e23b4940e7a3ea3ca3a6fb77e6a8fab0 (patch) | |
tree | d088b5210e77d9fa91d954d8550e00e372b47378 /plugins/webinterface/www/default | |
download | ktorrent-9ad5c7b5e23b4940e7a3ea3ca3a6fb77e6a8fab0.tar.gz ktorrent-9ad5c7b5e23b4940e7a3ea3ca3a6fb77e6a8fab0.zip |
Updated to final KDE3 ktorrent release (2.2.6)
git-svn-id: svn://anonsvn.kde.org/home/kde/branches/trinity/applications/ktorrent@1077377 283d02a7-25f6-0310-bc7c-ecb5cbfe19da
Diffstat (limited to 'plugins/webinterface/www/default')
22 files changed, 978 insertions, 0 deletions
diff --git a/plugins/webinterface/www/default/Makefile.am b/plugins/webinterface/www/default/Makefile.am new file mode 100644 index 0000000..01f09df --- /dev/null +++ b/plugins/webinterface/www/default/Makefile.am @@ -0,0 +1,9 @@ +INCLUDES = -I$(srcdir)/../../libktorrent $(all_includes) +METASOURCES = AUTO + +ktdatadir = $(kde_datadir)/ktorrent/www/default + +ktdata_DATA = details.php only_seed.png favicon.ico grad1.jpg grad2.jpg menu_bg.png \ + header_tile.png high_priority.png icon.png interface.php ktorrentwebinterfacelogo.png \ + login.html low_priority.png normal_priority.png remove.png shutdown.php start.png \ + stop.png style.css stylen.css wz_tooltip.js diff --git a/plugins/webinterface/www/default/details.php b/plugins/webinterface/www/default/details.php new file mode 100644 index 0000000..a19d57e --- /dev/null +++ b/plugins/webinterface/www/default/details.php @@ -0,0 +1,89 @@ +<?php +$stats=downloadStatus(); +$num_torrent=$_REQUEST['torrent']; + +function cut_name_if_long($string) +{ + if(strlen($string)>30) return substr($string, 0, 30).'...'; + else return $string; +} + +function get_file_status_name($status_id) +{ + $table = array( + 60 => 'PREVIEW_PRIORITY', + 50 => 'Download First', + 40 => 'Download Normally', + 30 => 'Download Last', + 20 => 'Only Seed', + 10 => 'Do Not Download' + ); + if (array_key_exists($status_id, $table)) return $table[$status_id]; + else return 'Not supported file status'; +} + +function generate_file_prior_button_code($img, $alt, $href='') +{ + $img = '<img src="'.htmlspecialchars($img).'" alt="'.htmlspecialchars($alt).'" />'; + if (empty($href)) return $img; + else return '<a href="'.htmlspecialchars($href).'">'.$img.'</a>'; +} + +$display_name=cut_name_if_long($stats[$num_torrent]['torrent_name']); + +?> +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" + "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> +<head> +<style type="text/css" media="all"> + @import "stylen.css"; +</style> +<meta http-equiv="Content-Type" content="text/html" /> +<link rel="icon" href="favicon.ico" type="image/x-icon" /> +<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> +<title><?php echo 'KTorrent: Details for '.$display_name; ?></title> +</head> +<body> + <div id="top_bar">WebInterface KTorrent plugin</div> + <div id="icon"><img src="icon.png" alt="" /></div> + <div id="header"> + <strong>KTorrent WebInterface</strong> + <br /> + <small>BitTorrent client for KDE</small> + </div> + <ul id="menu"> + <li><a href="interface.php" title="BACK">Back</a></li> + <li><a href="login.html" title="LOGOUT">Logout</a></li> + </ul> + <div id="content"> + <table> + <tr> + <th>Actions</th> + <th>File</th> + <th>Status</th> + <th>Size</th> + <th>Complete</th> + </tr> +<?php + foreach($stats[$num_torrent]['files'] as $id => $file) + { + echo "\t\t".'<tr>'."\n\t\t\t"; + echo '<td class="actions">'; + echo generate_file_prior_button_code('/high_priority.png', 'High Priority', $file['status']==50?'':"details.php?file_hp=$num_torrent-$id&torrent=$num_torrent"); + echo generate_file_prior_button_code('/normal_priority.png', 'Normal Priority', $file['status']==40?'':"details.php?file_np=$num_torrent-$id&torrent=$num_torrent"); + echo generate_file_prior_button_code('/low_priority.png', 'Low Priority', $file['status']==30?'':"details.php?file_lp=$num_torrent-$id&torrent=$num_torrent"); + echo generate_file_prior_button_code('/only_seed.png', 'Stop downloading (Only Seed Priority)', ($file['status']==20||$file['status']==10)?'':"details.php?file_stop=$num_torrent-$id&torrent=$num_torrent"); + echo '</td>'; + echo '<td>'.htmlspecialchars(cut_name_if_long($file['name'])).'</td>'; + echo '<td>'.get_file_status_name($file['status']).'</td>'; + echo '<td style="text-align:right;">'.$file['size'].'</td>'; + echo '<td style="text-align:right;">'.round($file['perc_done'], 2).' %</td>'; + echo "\n\t\t".'</tr>'."\n"; + } + ?> + </table> + </div> + <div id="footer">© 2006 WebInterface KTorrent plugin</div> +</body> +</html> diff --git a/plugins/webinterface/www/default/favicon.ico b/plugins/webinterface/www/default/favicon.ico Binary files differnew file mode 100644 index 0000000..3213b23 --- /dev/null +++ b/plugins/webinterface/www/default/favicon.ico diff --git a/plugins/webinterface/www/default/grad1.jpg b/plugins/webinterface/www/default/grad1.jpg Binary files differnew file mode 100644 index 0000000..762baa0 --- /dev/null +++ b/plugins/webinterface/www/default/grad1.jpg diff --git a/plugins/webinterface/www/default/grad2.jpg b/plugins/webinterface/www/default/grad2.jpg Binary files differnew file mode 100644 index 0000000..bc4d77e --- /dev/null +++ b/plugins/webinterface/www/default/grad2.jpg diff --git a/plugins/webinterface/www/default/header_tile.png b/plugins/webinterface/www/default/header_tile.png Binary files differnew file mode 100644 index 0000000..0bad736 --- /dev/null +++ b/plugins/webinterface/www/default/header_tile.png diff --git a/plugins/webinterface/www/default/high_priority.png b/plugins/webinterface/www/default/high_priority.png Binary files differnew file mode 100644 index 0000000..bcde52b --- /dev/null +++ b/plugins/webinterface/www/default/high_priority.png diff --git a/plugins/webinterface/www/default/icon.png b/plugins/webinterface/www/default/icon.png Binary files differnew file mode 100644 index 0000000..6cb2185 --- /dev/null +++ b/plugins/webinterface/www/default/icon.png diff --git a/plugins/webinterface/www/default/interface.php b/plugins/webinterface/www/default/interface.php new file mode 100644 index 0000000..6432798 --- /dev/null +++ b/plugins/webinterface/www/default/interface.php @@ -0,0 +1,152 @@ +<?php +$globalinfo=globalInfo(); +$stats=downloadStatus(); + +function get_torrent_status_name($status_id) +{ + $table = array( + 0 => 'Not Started', + 1 => 'Seeding Complete', + 2 => 'Download Complete', + 3 => 'Seeding', + 4 => 'Downloading', + 5 => 'Stalled', + 6 => 'Stopped', + 7 => 'Allocating Diskspace', + 8 => 'Error', + 9 => 'Queued', + 10 => 'Checking Data' + ); + if (array_key_exists($status_id, $table)) return $table[$status_id]; + else return 'Not supported Status'; +} + +function generate_button_code($img, $alt, $href='') +{ + $img = '<img src="'.htmlspecialchars($img).'" alt="'.htmlspecialchars($alt).'" />'; + if (empty($href)) return $img; + else return '<a href="'.htmlspecialchars($href).'">'.$img.'</a>'; +} +?> +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" + "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> +<head> +<style type="text/css" media="all"> + @import "stylen.css"; +</style> +<meta http-equiv="Content-Type" content="text/html" /> +<link rel="icon" href="favicon.ico" type="image/x-icon" /> +<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> +<title><?php echo '(D:'.$globalinfo['download_speed'].') (U:'.$globalinfo['upload_speed'].') KTorrent'; ?></title> +<script type="text/javascript"> + function validate() + { + msg = "Are you absolutely sure that you want to remove this torrent?"; + return confirm(msg); + } + function validate_shutdown() + { + msg = "Are you absolutely sure that you want to shutdown KTorrent?"; + return confirm(msg); + } +</script> +</head> +<body> + <div id="top_bar">WebInterface KTorrent plugin</div> + <div id="icon"><img src="icon.png" alt="" /></div> + <div id="header"> + <strong>KTorrent WebInterface</strong> + <br /> + <small>BitTorrent client for KDE</small> + </div> + <ul id="menu"> + <li><a href="shutdown.php?quit=quit" class="shutdown" title="Shutdown KTorrent" onclick="return validate_shutdown()">Shutdown</a></li> + <li><a href="interface.php" title="REFRESH">Refresh</a></li> + <li><a href="login.html" title="LOGOUT">Logout</a></li> + </ul> + <div id="sidebar"> + <div class="box"> + <h2>Torrent control</h2> + <form action="interface.php" method="get" style="text-align: center;"> + <input type="submit" name="startall" value="Start All" /> + </form> + <hr /> + <form action="interface.php" method="get" style="text-align: center;"> + <input type="submit" name="stopall" value="Stop All" /> + </form> + </div> + <div class="box"> + <h2>Settings</h2> + <form action="interface.php" method="get"> + <label>Upload speed <input type="text" name="maximum_upload_rate" value="<?php echo $globalinfo['max_upload_speed']; ?>" class="settingsInput" /></label> + <label>Download speed <input type="text" name="maximum_download_rate" value="<?php echo $globalinfo['max_download_speed']; ?>" class="settingsInput" /></label> + <label>Maximum downloads <input type="text" name="maximum_downloads" value="<?php echo $globalinfo['max_downloads']; ?>" class="settingsInput" /></label> + <label>Maximum seeds <input type="text" name="maximum_seeds" value="<?php echo $globalinfo['max_seeds']; ?>" class="settingsInput" /></label> + <input type="submit" value="Submit settings" /> + </form> + </div> + <div class="box"> + <h2>Load torrents</h2> + <form action="interface.php" method="get"> + <label class="wide">Torrent URL: <input type="text" name="load_torrent" /></label> + <input type="submit" value="Load Torrent" /> + </form> + <hr /> + <form method="post" enctype="multipart/form-data" action="interface.php"> + <label class="wide">Local File:<input type="file" name="load_torrent" /></label> + <input type="submit" name="Upload Torrent" value="Upload Torrent" /> + </form> + </div> + </div> + <div id="content"> + <table> + <tr> + <th>Actions</th> + <th>File</th> + <th>Status</th> + <th>Downloaded</th> + <th>Size</th> + <th>Uploaded</th> + <th>Down Speed</th> + <th>Up Speed</th> + <th>Peers</th> + <th>Complete</th> + </tr> +<?php + $a = 0; + foreach ($stats as $torrent) { + echo "\t\t".'<tr>'."\n\t\t\t"; + + $torrent_name = str_replace("'", "\'", $torrent['torrent_name']); + if($torrent['total_bytes_to_download']!=0) $perc = round(100.0 - ($torrent['bytes_left_to_download'] / $torrent['total_bytes_to_download']) * 100.0, 2); + else $perc = 0; + if(strlen($torrent['torrent_name'])>30) $display_name=substr($torrent['torrent_name'], 0, 30)." ..."; + else $display_name=$torrent['torrent_name']; + if ($torrent['num_files']>1) $file_td_content = '<a href="details.php?torrent='.$a.'">'.$display_name.'</a>'; + else $file_td_content = $display_name; + + echo '<td class="actions">'; + echo generate_button_code('/stop.png', 'stop', ($torrent['running'])?'interface.php?stop='.$a:''); + echo generate_button_code('/start.png', 'start', ($torrent['running'])?'':'interface.php?start='.$a); + echo '<a href="interface.php?remove='.$a.'" onclick="return validate()"><img src="/remove.png" alt="remove" /></a>'; + echo '</td>'; + echo "<td style=\"text-align:left;\" onmouseover=\"this.T_TITLE='$torrent_name';return escape('Download speed:<strong>{$torrent['download_rate']}</strong><br /> Upload speed:<strong>{$torrent['upload_rate']}</strong></td>')\">$file_td_content</td>"; + echo '<td>'.get_torrent_status_name($torrent['status']).'</td>'; + echo '<td style="text-align:right;">'.$torrent['bytes_downloaded'].'</td>'; + echo '<td style="text-align:right; padding-left:8px;">'.$torrent['total_bytes'].'</td>'; + echo '<td style="text-align:right; padding-left:8px;">'.$torrent['bytes_uploaded'].'</td>'; + echo '<td style="text-align:right;">'.$torrent['download_rate'].'</td>'; + echo '<td style="text-align:right;">'.$torrent['upload_rate'].'</td>'; + echo '<td>'.$torrent['num_peers'].'</td>'; + echo '<td style="text-align:right;">'.$perc.'% </td>'; + echo "\n\t\t".'</tr>'."\n"; + $a++; + } + ?> + </table> + </div> + <div id="footer">© 2006 WebInterface KTorrent plugin</div> + <script type="text/javascript" src="wz_tooltip.js"></script> +</body> +</html> diff --git a/plugins/webinterface/www/default/ktorrentwebinterfacelogo.png b/plugins/webinterface/www/default/ktorrentwebinterfacelogo.png Binary files differnew file mode 100644 index 0000000..bc235b5 --- /dev/null +++ b/plugins/webinterface/www/default/ktorrentwebinterfacelogo.png diff --git a/plugins/webinterface/www/default/login.html b/plugins/webinterface/www/default/login.html new file mode 100644 index 0000000..93ac1e6 --- /dev/null +++ b/plugins/webinterface/www/default/login.html @@ -0,0 +1,29 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" + "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> +<head> +<title>KTorrent WebInterface - Login</title> +<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> +<link rel="stylesheet" type="text/css" href="style.css" /> +<script type="text/javascript"> + var was_focused = false; + function try_focus_form() + { + if (!was_focused) + { + document.forms["loginForm"].elements["username"].focus(); + was_focused = true; + } + } +</script> +</head> +<body onload="try_focus_form();"> + <form id="loginForm" action="interface.php" method="post"> + <table style="padding-left:100px; padding-top: 350px;"> + <tr><td>Username:</td><td><input type="text" name="username" onfocus="was_focused = true;" /></td></tr> + <tr><td>Password:</td><td><input type="password" name="password" /></td></tr> + <tr><td></td><td><input type="submit" value="Login" /></td></tr> + </table> + </form> +</body> +</html> diff --git a/plugins/webinterface/www/default/low_priority.png b/plugins/webinterface/www/default/low_priority.png Binary files differnew file mode 100644 index 0000000..966e22b --- /dev/null +++ b/plugins/webinterface/www/default/low_priority.png diff --git a/plugins/webinterface/www/default/menu_bg.png b/plugins/webinterface/www/default/menu_bg.png Binary files differnew file mode 100644 index 0000000..d33169a --- /dev/null +++ b/plugins/webinterface/www/default/menu_bg.png diff --git a/plugins/webinterface/www/default/normal_priority.png b/plugins/webinterface/www/default/normal_priority.png Binary files differnew file mode 100644 index 0000000..d39228b --- /dev/null +++ b/plugins/webinterface/www/default/normal_priority.png diff --git a/plugins/webinterface/www/default/only_seed.png b/plugins/webinterface/www/default/only_seed.png Binary files differnew file mode 100644 index 0000000..254d74a --- /dev/null +++ b/plugins/webinterface/www/default/only_seed.png diff --git a/plugins/webinterface/www/default/remove.png b/plugins/webinterface/www/default/remove.png Binary files differnew file mode 100644 index 0000000..5d40f9f --- /dev/null +++ b/plugins/webinterface/www/default/remove.png diff --git a/plugins/webinterface/www/default/shutdown.php b/plugins/webinterface/www/default/shutdown.php new file mode 100644 index 0000000..f87a199 --- /dev/null +++ b/plugins/webinterface/www/default/shutdown.php @@ -0,0 +1,13 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" + "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> +<head> + <title>Shutdown page</title> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> +</head> +<body bgcolor="#a2d2b1"> + +<center><strong>KTorrent closed successfully</strong></center> + +</body> +</html> diff --git a/plugins/webinterface/www/default/start.png b/plugins/webinterface/www/default/start.png Binary files differnew file mode 100644 index 0000000..3aac1a5 --- /dev/null +++ b/plugins/webinterface/www/default/start.png diff --git a/plugins/webinterface/www/default/stop.png b/plugins/webinterface/www/default/stop.png Binary files differnew file mode 100644 index 0000000..530639f --- /dev/null +++ b/plugins/webinterface/www/default/stop.png diff --git a/plugins/webinterface/www/default/style.css b/plugins/webinterface/www/default/style.css new file mode 100644 index 0000000..3af4bb5 --- /dev/null +++ b/plugins/webinterface/www/default/style.css @@ -0,0 +1,13 @@ +/* styles for login.html */ + +body { + background: url(ktorrentwebinterfacelogo.png) no-repeat 120px 120px; + font-family: verdana, arial, sans-serif; + color: #000000; + font-size: 12px; +} + +input, textarea { + border: 1px solid #000000; + width: 120px; +} diff --git a/plugins/webinterface/www/default/stylen.css b/plugins/webinterface/www/default/stylen.css new file mode 100644 index 0000000..68966fd --- /dev/null +++ b/plugins/webinterface/www/default/stylen.css @@ -0,0 +1,164 @@ +/* styles for interface.php and details.php */ + +html, body { + background-color: #a2d2b1; + font-family: sans-serif; + font-size: 12px; +} +html, body, h1, h2, h3, h4, form { + margin: 0; + padding: 0; +} +img { + border: 0; +} +h2 { + font-size: 12px; + min-height: 18px; + padding-top: 2px; + margin-bottom: 10px; + background-image: url(grad1.jpg); + font-weight: bold; + border-bottom: 1px solid #000; + text-align: center; +} +form { + text-align: right; +} +label { + display: block; + text-align: right; + margin: 4px 0 4px 0; +} +input { + margin: 0 5% 0 1%; + width: 30%; +} +label.wide { + text-align: left; + padding-left: 5%; +} +label.wide input { + margin: 0 0 0 0; + width: 95%; +} +input[type="submit"] { + width: auto; +} +th { + padding: 2px; + text-align: left; +} +a { + color: #0C45FF; + text-decoration: none; +} +a:visited { + color: #0C45FF; +} +a:hover { + color: #FFFFFF; + text-decoration: none; +} + + +.actions img { + width: 16px; + height: 16px; + margin: 2px; +} + + +.box { + width: 254px; + margin: 0 auto; + border: 1px solid black; + background-color: #d5d5d5; + padding-bottom: 10px; + margin-bottom: 10px; + text-align: center; +} + + +#top_bar { + background-color: #b72916; + border: 1px solid #868686; + text-align: right; +} + + +#icon { + position: absolute; + left: 5px; + top: 2px; +} + + +#header { + background-color: #42ac64; + padding: 15px 0 5px 140px; + font-size: 45px; +} +#header strong { + text-shadow: 3px 3px 5px #bbb; +} +#header small { + font-size: 13px; +} + + +#menu { + list-style-type: none; + margin: 0; + padding: 0 0 0 140px; + background-image: url(menu_bg.png); + height: 24px; +} +#menu li { + display: inline; + margin-right: 10px; +} +#menu a { + color: #fff; + font-size: 16px; +} +#menu a:hover { + color: #000; + text-decoration: none; +} +#menu .shutdown { + margin-right: 290px; +} + + +#sidebar { + background: #42AC64; + float: right; + width: 280px; + border-left: 1px solid #000; + border-bottom: 1px solid #000; + padding: 10px 0 5px 0; +} +#sidebar a:hover { + color: #000; +} + + +#content { + background: #a2d2b1; + text-align: left; + margin-right: 280px; + padding: 10px; +} +#content img { opacity: 0.4; } +#content a img { opacity: 1.0; } + + +#footer { + clear: both; + background: #b72916; + min-height: 25px; + text-align: center; + font-size: 14px; + padding-top: 5px; +} diff --git a/plugins/webinterface/www/default/wz_tooltip.js b/plugins/webinterface/www/default/wz_tooltip.js new file mode 100644 index 0000000..1329a1b --- /dev/null +++ b/plugins/webinterface/www/default/wz_tooltip.js @@ -0,0 +1,509 @@ +/* This notice must be untouched at all times. + +wz_tooltip.js v. 3.45 + +The latest version is available at +http://www.walterzorn.com +or http://www.devira.com +or http://www.walterzorn.de + +Copyright (c) 2002-2005 Walter Zorn. All rights reserved. +Created 1. 12. 2002 by Walter Zorn (Web: http://www.walterzorn.com ) +Last modified: 22. 1. 2007 + +Cross-browser tooltips working even in Opera 5 and 6, +as well as in NN 4, Gecko-Browsers, IE4+, Opera 7+ and Konqueror. +No onmouseouts required. +Appearance of tooltips can be individually configured +via commands within the onmouseovers. + +LICENSE: LGPL + +This library is free software; you can redistribute it and/or +modify it under the terms of the GNU Lesser General Public +License (LGPL) as published by the Free Software Foundation; either +version 2.1 of the License, or (at your option) any later version. + +This library is distributed in the hope that it will be useful, +but WITHOUT ANY WARRANTY; without even the implied warranty of +MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. + +For more details on the GNU Lesser General Public License, +see http://www.gnu.org/copyleft/lesser.html +*/ + + + +//////////////// GLOBAL TOOPTIP CONFIGURATION ///////////////////// +var ttAbove = false; // tooltip above mousepointer? Alternative: true +var ttBgColor = "#D5D5D5"; +var ttBgImg = ""; // path to background image; +var ttBorderColor = "#D00000"; +var ttBorderWidth = 1; +var ttDelay = 350; // time span until tooltip shows up [milliseconds] +var ttClickClose = false; +var ttFontColor = "#000000"; +var ttFontFace = "arial,helvetica,sans-serif"; +var ttFontSize = "11px"; +var ttFontWeight = "normal"; // alternative: "bold"; +var ttLeft = false; // tooltip on the left of the mouse? Alternative: true +var ttOffsetX = 12; // horizontal offset of left-top corner from mousepointer +var ttOffsetY = 15; // vertical offset " +var ttOpacity = 70; // opacity of tooltip in percent (must be integer between 0 and 100) +var ttPadding = 3; // spacing between border and content +var ttShadowColor = ""; +var ttShadowWidth = 0; +var ttStatic = false; // tooltip NOT move with the mouse? Alternative: true +var ttSticky = false; // do NOT hide tooltip on mouseout? Alternative: true +var ttTemp = 0; // time span after which the tooltip disappears; 0 (zero) means "infinite timespan" +var ttTextAlign = "left"; +var ttTitleColor = "#ffffff"; // color of caption text +var ttWidth = 300; +//////////////////// END OF TOOLTIP CONFIG //////////////////////// + + + +////////////// TAGS WITH TOOLTIP FUNCTIONALITY //////////////////// +// List may be extended or shortened: +var tt_tags = new Array("a","area","b","big","caption","center","code","dd","div","dl","dt","em","h1","h2","h3","h4","h5","h6","i","img","input","li","map","ol","p","pre","s", "select", "small","span","strike","strong","sub","sup","table","td","textarea","th","tr","tt","u","var","ul","layer"); +///////////////////////////////////////////////////////////////////// + + + +///////// DON'T CHANGE ANYTHING BELOW THIS LINE ///////////////////// +var tt_obj = null, // current tooltip +tt_ifrm = null, // iframe to cover windowed controls in IE +tt_objW = 0, tt_objH = 0, // width and height of tt_obj +tt_objX = 0, tt_objY = 0, +tt_offX = 0, tt_offY = 0, +xlim = 0, ylim = 0, // right and bottom borders of visible client area +tt_sup = false, // true if T_ABOVE cmd +tt_sticky = false, // tt_obj sticky? +tt_wait = false, +tt_act = false, // tooltip visibility flag +tt_sub = false, // true while tooltip below mousepointer +tt_u = "undefined", +tt_mf = null, // stores previous mousemove evthandler +// Opera: disable href when hovering <a> +tt_tag = null; // stores hovered dom node, href and previous statusbar txt + + +var tt_db = (document.compatMode && document.compatMode != "BackCompat")? document.documentElement : document.body? document.body : null, +tt_n = navigator.userAgent.toLowerCase(), +tt_nv = navigator.appVersion; +// Browser flags +var tt_op = !!(window.opera && document.getElementById), +tt_op6 = tt_op && !document.defaultView, +tt_op7 = tt_op && !tt_op6, +tt_ie = tt_n.indexOf("msie") != -1 && document.all && tt_db && !tt_op, +tt_ie7 = tt_ie && typeof document.body.style.maxHeight != tt_u, +tt_ie6 = tt_ie && !tt_ie7 && parseFloat(tt_nv.substring(tt_nv.indexOf("MSIE")+5)) >= 5.5, +tt_n4 = (document.layers && typeof document.classes != tt_u), +tt_n6 = (!tt_op && document.defaultView && typeof document.defaultView.getComputedStyle != tt_u), +tt_w3c = !tt_ie && !tt_n6 && !tt_op && document.getElementById, +tt_ce = document.captureEvents && !tt_n6; + +function tt_Int(t_x) +{ + var t_y; + return isNaN(t_y = parseInt(t_x))? 0 : t_y; +} +function wzReplace(t_x, t_y) +{ + var t_ret = "", + t_str = this, + t_xI; + while((t_xI = t_str.indexOf(t_x)) != -1) + { + t_ret += t_str.substring(0, t_xI) + t_y; + t_str = t_str.substring(t_xI + t_x.length); + } + return t_ret+t_str; +} +String.prototype.wzReplace = wzReplace; +function tt_N4Tags(tagtyp, t_d, t_y) +{ + t_d = t_d || document; + t_y = t_y || new Array(); + var t_x = (tagtyp=="a")? t_d.links : t_d.layers; + for(var z = t_x.length; z--;) t_y[t_y.length] = t_x[z]; + for(z = t_d.layers.length; z--;) t_y = tt_N4Tags(tagtyp, t_d.layers[z].document, t_y); + return t_y; +} +function tt_Htm(tt, t_id, txt) +{ + var t_bgc = (typeof tt.T_BGCOLOR != tt_u)? tt.T_BGCOLOR : ttBgColor, + t_bgimg = (typeof tt.T_BGIMG != tt_u)? tt.T_BGIMG : ttBgImg, + t_bc = (typeof tt.T_BORDERCOLOR != tt_u)? tt.T_BORDERCOLOR : ttBorderColor, + t_bw = (typeof tt.T_BORDERWIDTH != tt_u)? tt.T_BORDERWIDTH : ttBorderWidth, + t_ff = (typeof tt.T_FONTFACE != tt_u)? tt.T_FONTFACE : ttFontFace, + t_fc = (typeof tt.T_FONTCOLOR != tt_u)? tt.T_FONTCOLOR : ttFontColor, + t_fsz = (typeof tt.T_FONTSIZE != tt_u)? tt.T_FONTSIZE : ttFontSize, + t_fwght = (typeof tt.T_FONTWEIGHT != tt_u)? tt.T_FONTWEIGHT : ttFontWeight, + t_opa = (typeof tt.T_OPACITY != tt_u)? tt.T_OPACITY : ttOpacity, + t_padd = (typeof tt.T_PADDING != tt_u)? tt.T_PADDING : ttPadding, + t_shc = (typeof tt.T_SHADOWCOLOR != tt_u)? tt.T_SHADOWCOLOR : (ttShadowColor || 0), + t_shw = (typeof tt.T_SHADOWWIDTH != tt_u)? tt.T_SHADOWWIDTH : (ttShadowWidth || 0), + t_algn = (typeof tt.T_TEXTALIGN != tt_u)? tt.T_TEXTALIGN : ttTextAlign, + t_tit = (typeof tt.T_TITLE != tt_u)? tt.T_TITLE : "", + t_titc = (typeof tt.T_TITLECOLOR != tt_u)? tt.T_TITLECOLOR : ttTitleColor, + t_w = (typeof tt.T_WIDTH != tt_u)? tt.T_WIDTH : ttWidth; + if(t_shc || t_shw) + { + t_shc = t_shc || "#c0c0c0"; + t_shw = t_shw || 5; + } + if(tt_n4 && (t_fsz == "10px" || t_fsz == "11px")) t_fsz = "12px"; + + var t_optx = (tt_n4? '' : tt_n6? ('-moz-opacity:'+(t_opa/100.0)) : tt_ie? ('filter:Alpha(opacity='+t_opa+')') : ('opacity:'+(t_opa/100.0))) + ';'; + var t_y = '<div id="'+t_id+'" style="position:absolute;z-index:1010;'; + t_y += 'left:0px;top:0px;width:'+(t_w+t_shw)+'px;visibility:'+(tt_n4? 'hide' : 'hidden')+';'+t_optx+'">' + + '<table border="0" cellpadding="0" cellspacing="0"'+(t_bc? (' bgcolor="'+t_bc+'" style="background:'+t_bc+';"') : '')+' width="'+t_w+'">'; + if(t_tit) + { + t_y += '<tr><td style="padding-left:3px;padding-right:3px;" align="'+t_algn+'"><font color="'+t_titc+'" face="'+t_ff+'" ' + + 'style="color:'+t_titc+';font-family:'+t_ff+';font-size:'+t_fsz+';"><b>' + + (tt_n4? ' ' : '')+t_tit+'</b></font></td></tr>'; + } + t_y += '<tr><td><table border="0" cellpadding="'+t_padd+'" cellspacing="'+t_bw+'" width="100%">' + + '<tr><td'+(t_bgc? (' bgcolor="'+t_bgc+'"') : '')+(t_bgimg? ' background="'+t_bgimg+'"' : '')+' style="text-align:'+t_algn+';'; + if(tt_n6) t_y += 'padding:'+t_padd+'px;'; + t_y += '" align="'+t_algn+'"><font color="'+t_fc+'" face="'+t_ff+'"' + + ' style="color:'+t_fc+';font-family:'+t_ff+';font-size:'+t_fsz+';font-weight:'+t_fwght+';">'; + if(t_fwght == 'bold') t_y += '<b>'; + t_y += txt; + if(t_fwght == 'bold') t_y += '</b>'; + t_y += '</font></td></tr></table></td></tr></table>'; + if(t_shw) + { + var t_spct = Math.round(t_shw*1.3); + if(tt_n4) + { + t_y += '<layer bgcolor="'+t_shc+'" left="'+t_w+'" top="'+t_spct+'" width="'+t_shw+'" height="0"></layer>' + + '<layer bgcolor="'+t_shc+'" left="'+t_spct+'" align="bottom" width="'+(t_w-t_spct)+'" height="'+t_shw+'"></layer>'; + } + else + { + t_optx = tt_n6? '-moz-opacity:0.85;' : tt_ie? 'filter:Alpha(opacity=85);' : 'opacity:0.85;'; + t_y += '<div id="'+t_id+'R" style="position:absolute;background:'+t_shc+';left:'+t_w+'px;top:'+t_spct+'px;width:'+t_shw+'px;height:1px;overflow:hidden;'+t_optx+'"></div>' + + '<div style="position:relative;background:'+t_shc+';left:'+t_spct+'px;top:0px;width:'+(t_w-t_spct)+'px;height:'+t_shw+'px;overflow:hidden;'+t_optx+'"></div>'; + } + } + return(t_y+'</div>'); +} +function tt_EvX(t_e) +{ + var t_y = tt_Int(t_e.pageX || t_e.clientX || 0) + + tt_Int(tt_ie? tt_db.scrollLeft : 0) + + tt_offX; + if(t_y > xlim) t_y = xlim; + var t_scr = tt_Int(window.pageXOffset || (tt_db? tt_db.scrollLeft : 0) || 0); + if(t_y < t_scr) t_y = t_scr; + return t_y; +} +function tt_EvY(t_e) +{ + var t_y2; + + var t_y = tt_Int(t_e.pageY || t_e.clientY || 0) + + tt_Int(tt_ie? tt_db.scrollTop : 0); + if(tt_sup && (t_y2 = t_y - (tt_objH + tt_offY - 15)) >= tt_Int(window.pageYOffset || (tt_db? tt_db.scrollTop : 0) || 0)) + t_y -= (tt_objH + tt_offY - 15); + else if(t_y > ylim || !tt_sub && t_y > ylim-24) + { + t_y -= (tt_objH + 5); + tt_sub = false; + } + else + { + t_y += tt_offY; + tt_sub = true; + } + return t_y; +} +function tt_ReleasMov() +{ + if(document.onmousemove == tt_Move) + { + if(!tt_mf && tt_ce) document.releaseEvents(Event.MOUSEMOVE); + document.onmousemove = tt_mf; + } +} +function tt_ShowIfrm(t_x) +{ + if(!tt_obj || !tt_ifrm) return; + if(t_x) + { + tt_ifrm.style.width = tt_objW+'px'; + tt_ifrm.style.height = tt_objH+'px'; + tt_ifrm.style.display = "block"; + } + else tt_ifrm.style.display = "none"; +} +function tt_GetDiv(t_id) +{ + return( + tt_n4? (document.layers[t_id] || null) + : tt_ie? (document.all[t_id] || null) + : (document.getElementById(t_id) || null) + ); +} +function tt_GetDivW() +{ + return tt_Int( + tt_n4? tt_obj.clip.width + : (tt_obj.style.pixelWidth || tt_obj.offsetWidth) + ); +} +function tt_GetDivH() +{ + return tt_Int( + tt_n4? tt_obj.clip.height + : (tt_obj.style.pixelHeight || tt_obj.offsetHeight) + ); +} + +// Compat with DragDrop Lib: Ensure that z-index of tooltip is lifted beyond toplevel dragdrop element +function tt_SetDivZ() +{ + var t_i = tt_obj.style || tt_obj; + if(t_i) + { + if(window.dd && dd.z) + t_i.zIndex = Math.max(dd.z+1, t_i.zIndex); + if(tt_ifrm) tt_ifrm.style.zIndex = t_i.zIndex-1; + } +} +function tt_SetDivPos(t_x, t_y) +{ + var t_i = tt_obj.style || tt_obj; + var t_px = (tt_op6 || tt_n4)? '' : 'px'; + t_i.left = (tt_objX = t_x) + t_px; + t_i.top = (tt_objY = t_y) + t_px; + // window... to circumvent the FireFox Alzheimer Bug + if(window.tt_ifrm) + { + tt_ifrm.style.left = t_i.left; + tt_ifrm.style.top = t_i.top; + } +} +function tt_ShowDiv(t_x) +{ + tt_ShowIfrm(t_x); + if(tt_n4) tt_obj.visibility = t_x? 'show' : 'hide'; + else tt_obj.style.visibility = t_x? 'visible' : 'hidden'; + tt_act = t_x; +} +function tt_DeAlt(t_tag) +{ + if(t_tag) + { + if(t_tag.alt) t_tag.alt = ""; + if(t_tag.title) t_tag.title = ""; + var t_c = t_tag.children || t_tag.childNodes || null; + if(t_c) + { + for(var t_i = t_c.length; t_i; ) + tt_DeAlt(t_c[--t_i]); + } + } +} +function tt_OpDeHref(t_e) +{ + var t_tag; + if(t_e) + { + t_tag = t_e.target; + while(t_tag) + { + if(t_tag.hasAttribute("href")) + { + tt_tag = t_tag + tt_tag.t_href = tt_tag.getAttribute("href"); + tt_tag.removeAttribute("href"); + tt_tag.style.cursor = "hand"; + tt_tag.onmousedown = tt_OpReHref; + tt_tag.stats = window.status; + window.status = tt_tag.t_href; + break; + } + t_tag = t_tag.parentElement; + } + } +} +function tt_OpReHref() +{ + if(tt_tag) + { + tt_tag.setAttribute("href", tt_tag.t_href); + window.status = tt_tag.stats; + tt_tag = null; + } +} +function tt_Show(t_e, t_id, t_sup, t_clk, t_delay, t_fix, t_left, t_offx, t_offy, t_static, t_sticky, t_temp) +{ + if(tt_obj) tt_Hide(); + tt_mf = document.onmousemove || null; + if(window.dd && (window.DRAG && tt_mf == DRAG || window.RESIZE && tt_mf == RESIZE)) return; + var t_sh, t_h; + + tt_obj = tt_GetDiv(t_id); + if(tt_obj) + { + t_e = t_e || window.event; + tt_sub = !(tt_sup = t_sup); + tt_sticky = t_sticky; + tt_objW = tt_GetDivW(); + tt_objH = tt_GetDivH(); + tt_offX = t_left? -(tt_objW+t_offx) : t_offx; + tt_offY = t_offy; + if(tt_op7) tt_OpDeHref(t_e); + if(tt_n4) + { + if(tt_obj.document.layers.length) + { + t_sh = tt_obj.document.layers[0]; + t_sh.clip.height = tt_objH - Math.round(t_sh.clip.width*1.3); + } + } + else + { + t_sh = tt_GetDiv(t_id+'R'); + if(t_sh) + { + t_h = tt_objH - tt_Int(t_sh.style.pixelTop || t_sh.style.top || 0); + if(typeof t_sh.style.pixelHeight != tt_u) t_sh.style.pixelHeight = t_h; + else t_sh.style.height = t_h+'px'; + } + } + + xlim = tt_Int((tt_db && tt_db.clientWidth)? tt_db.clientWidth : window.innerWidth) + + tt_Int(window.pageXOffset || (tt_db? tt_db.scrollLeft : 0) || 0) - + tt_objW - + (tt_n4? 21 : 0); + ylim = tt_Int(window.innerHeight || tt_db.clientHeight) + + tt_Int(window.pageYOffset || (tt_db? tt_db.scrollTop : 0) || 0) - + tt_objH - tt_offY; + + tt_SetDivZ(); + if(t_fix) tt_SetDivPos(tt_Int((t_fix = t_fix.split(','))[0]), tt_Int(t_fix[1])); + else tt_SetDivPos(tt_EvX(t_e), tt_EvY(t_e)); + + var t_txt = 'tt_ShowDiv(\'true\');'; + if(t_sticky) t_txt += '{'+ + 'tt_ReleasMov();'+ + (t_clk? ('window.tt_upFunc = document.onmouseup || null;'+ + 'if(tt_ce) document.captureEvents(Event.MOUSEUP);'+ + 'document.onmouseup = new Function("window.setTimeout(\'tt_Hide();\', 10);");') : '')+ + '}'; + else if(t_static) t_txt += 'tt_ReleasMov();'; + if(t_temp > 0) t_txt += 'window.tt_rtm = window.setTimeout(\'tt_sticky = false; tt_Hide();\','+t_temp+');'; + window.tt_rdl = window.setTimeout(t_txt, t_delay); + + if(!t_fix) + { + if(tt_ce) document.captureEvents(Event.MOUSEMOVE); + document.onmousemove = tt_Move; + } + } +} +var tt_area = false; +function tt_Move(t_ev) +{ + if(!tt_obj) return; + if(tt_n6 || tt_w3c) + { + if(tt_wait) return; + tt_wait = true; + setTimeout('tt_wait = false;', 5); + } + var t_e = t_ev || window.event; + tt_SetDivPos(tt_EvX(t_e), tt_EvY(t_e)); + if(window.tt_op6) + { + if(tt_area && t_e.target.tagName != 'AREA') tt_Hide(); + else if(t_e.target.tagName == 'AREA') tt_area = true; + } +} +function tt_Hide() +{ + if(window.tt_obj) + { + if(window.tt_rdl) window.clearTimeout(tt_rdl); + if(!tt_sticky || !tt_act) + { + if(window.tt_rtm) window.clearTimeout(tt_rtm); + tt_ShowDiv(false); + tt_SetDivPos(-tt_objW, -tt_objH); + tt_obj = null; + if(typeof window.tt_upFunc != tt_u) document.onmouseup = window.tt_upFunc; + } + tt_sticky = false; + if(tt_op6 && tt_area) tt_area = false; + tt_ReleasMov(); + if(tt_op7) tt_OpReHref(); + } +} +function tt_Init() +{ + if(!(tt_op || tt_n4 || tt_n6 || tt_ie || tt_w3c)) return; + + var htm = tt_n4? '<div style="position:absolute;"></div>' : '', + tags, + t_tj, + over, + t_b, + esc = 'return escape('; + for(var i = tt_tags.length; i;) + {--i; + tags = tt_ie? (document.all.tags(tt_tags[i]) || 1) + : document.getElementsByTagName? (document.getElementsByTagName(tt_tags[i]) || 1) + : (!tt_n4 && tt_tags[i]=="a")? document.links + : 1; + if(tt_n4 && (tt_tags[i] == "a" || tt_tags[i] == "layer")) tags = tt_N4Tags(tt_tags[i]); + for(var j = tags.length; j;) + {--j; + if(typeof (t_tj = tags[j]).onmouseover == "function" && t_tj.onmouseover.toString().indexOf(esc) != -1 && !tt_n6 || tt_n6 && (over = t_tj.getAttribute("onmouseover")) && over.indexOf(esc) != -1) + { + if(over) t_tj.onmouseover = new Function(over); + var txt = unescape(t_tj.onmouseover()); + htm += tt_Htm( + t_tj, + "tOoLtIp"+i+""+j, + txt.wzReplace("& ","&") + ); + // window. to circumvent the FF Alzheimer Bug + t_tj.onmouseover = new Function('e', + 'if(window.tt_Show && tt_Show) tt_Show(e,'+ + '"tOoLtIp' +i+''+j+ '",'+ + ((typeof t_tj.T_ABOVE != tt_u)? t_tj.T_ABOVE : ttAbove)+','+ + ((typeof t_tj.T_CLICKCLOSE != tt_u)? t_tj.T_CLICKCLOSE : ttClickClose)+','+ + ((typeof t_tj.T_DELAY != tt_u)? t_tj.T_DELAY : ttDelay)+','+ + ((typeof t_tj.T_FIX != tt_u)? '"'+t_tj.T_FIX+'"' : '""')+','+ + ((typeof t_tj.T_LEFT != tt_u)? t_tj.T_LEFT : ttLeft)+','+ + ((typeof t_tj.T_OFFSETX != tt_u)? t_tj.T_OFFSETX : ttOffsetX)+','+ + ((typeof t_tj.T_OFFSETY != tt_u)? t_tj.T_OFFSETY : ttOffsetY)+','+ + ((typeof t_tj.T_STATIC != tt_u)? t_tj.T_STATIC : ttStatic)+','+ + ((typeof t_tj.T_STICKY != tt_u)? t_tj.T_STICKY : ttSticky)+','+ + ((typeof t_tj.T_TEMP != tt_u)? t_tj.T_TEMP : ttTemp)+ + ');' + ); + t_tj.onmouseout = tt_Hide; + tt_DeAlt(t_tj); + } + } + } + if(tt_ie6) htm += '<iframe id="TTiEiFrM" src="javascript:false" scrolling="no" frameborder="0" style="filter:Alpha(opacity=0);position:absolute;top:0px;left:0px;display:none;"></iframe>'; + t_b = document.getElementsByTagName? document.getElementsByTagName("body")[0] : tt_db; + if(t_b && t_b.insertAdjacentHTML) t_b.insertAdjacentHTML("AfterBegin", htm); + else if(t_b && typeof t_b.innerHTML != tt_u && document.createElement && t_b.appendChild) + { + var t_el = document.createElement("div"); + t_b.appendChild(t_el); + t_el.innerHTML = htm; + } + else + document.write(htm); + if(document.getElementById) tt_ifrm = document.getElementById("TTiEiFrM"); +} +tt_Init(); |