), welches die Klasse "page-help" besitzt eine
* Schnellhilfe. Es wird dann die Information, die hinter dem href des Links abzurufen ist
* in einem modalen Dialog angezeigt.
*
*/
$(document).ready(function() {
createPageHelp();
});
function createPageHelp()
{
// Hilfebuttons (blaue Fragezeichen)
$('a.page-help').each(function() {
var winWidth = 500;
var winHeight = 0;
if ($(this).attr('winWidth'))
{
winWidth = $(this).attr('winWidth');
}
if ($(this).attr('winHeight'))
{
winHeight = $(this).attr('winHeight');
}
var $dialog = $('
')
.append($loading.clone());
var $link = $(this).one('click', function() {
$dialog
.dialog({
title: 'Lade Hilfe...',
resizable: false,
modal: true,
width: winWidth
});
$.getJSON($link.attr('href'), {'ajax':'true'}, function (data) {
$dialog.dialog('option', 'title', data.title);
$dialog.dialog('option', 'width', winWidth);
if(winHeight > 0)
{
$dialog.dialog('option', 'height', winHeight);
$dialog.dialog( "option", "position", 'center' );
}
$dialog.html(data.content);
});
$link.click(function() {
$dialog.dialog('open');
return false;
});
return false;
});
});
}
/*
* ENDE Quickhelp
*
************************************************************/
/* ************************************************************************
*
* Tooltip (http://docs.jquery.com/UI/Tooltip)
*
* - benötigt jquery und jquery-ui 1.9 inkl. css
*
* Generiert zu jedem Element, welches die Klasse "tooltip" besitzt einen
* Tooltip. Dieser bekommt einen Titel, wenn das title-Attribut ebenfalls vorhanden ist.
* Bei Klick auf das Element wird der Tooltip ausgeblendet (sinnvoll z.B. bei Inputfeldern).
*
*
* Der Inhalt des Tooltips kann durch zwei Attribute im Element festgelegt werden:
*
* remote="http://www.goolive.de/INHALT" (TT-Inhalt wird per Ajax geladen und gecached)
*
* oder
*
* tip="Beliebiges HTML"
*
* bei Bildern wird, wenn keine der oberen Inhaltsangaben für den Tooltip gemacht werden, das Bild angezeigt.
* Wird ein Bild also verkleinert auf der Seite dargestellt, so würde im Tooltip das Bild in Originalgröße angezeigt werden.
*
* Profilbilder machen hier eine Ausnahme: Es wird aus dem src-Attribut automatisch die Bigsize-URL generiert und dann dieses Bild angezeigt.
* Auch kann bei Profilbildern eine nachträgliche Änderung des Tooltip-Inhalts eingeschaltet werden, wenn z.B. eine Aktion läuft.
* Dann wird die Bild-URL zum Server gesendet und ein alternativer Inhalt von diesem empfangen. Unterdessen wird einfach das Bild angezeigt.
*
* Die Priorität ist dabei
* tip-Attribut > remote-Attribut > automatische Anzeige bei img-Elementen
*
* ACHTUNG: Wird per Ajax content nachgeladen, der Tooltips enthalten soll, dann muss manuell nach dem Laden die Funktion
* createTooltips() aufgerufen werden, da diese nur bei document.ready automatisch erstellt werden!
*
*/
// Cache für per ajax empfangene Tooltips
var tooltipContentCache = [];
$(document).ready(function() {
createTooltips();
});
function createTooltips()
{
$( '.tooltip' ).tooltip({
items : ".tooltip",
content: function (response) {
var title = '';
if ($(this).attr('title').len != 0)
{
title = '' + $(this).attr('title') + '
';
var tooltip = $(this).tooltip("widget");
tooltip.css('padding-top', '0px');
}
tooltip.css('word-wrap', 'break-word');
if (typeof $( this ).attr('tip') != 'undefined') {
return title + $(this).attr('tip');
}
else if (typeof $( this ).attr('remote') != 'undefined') {
var key = $( this ).attr('remote');
if (typeof tooltipContentCache[key] == 'undefined') {
$.get($( this ).attr('remote'),
function(result) {
tooltipContentCache[key] = result;
response(title + result);
});
$loading.css( 'top', '2px' );
return $loading;
}
else {
return title + tooltipContentCache[key];
}
}
else if ( $( this ).attr('nodeName').toLowerCase() == 'img' )
{
var src = $(this).attr('src');
if (src.indexOf('http://s3.goolive.org/profilepics/') > -1 ) {
// bigsize url
src = src.replace(/(.*)\/(minithumbs|thumbs|normal)\/(.*)/, '$1/bigsize/$3');
// Modifizieren des Bilds z.B. bei Aktionen
if (true)
{
var key = src;
if (typeof tooltipContentCache[key] == 'undefined') {
$.get( '/index.php',
{
'ext' : 'tooltip',
'action': 'enrich',
'picURL': src
},
function(result) {
tooltipContentCache[key] = result;
response(title + result);
}
);
$loading.css( 'top', '2px' );
return $loading;
}
else {
return title + tooltipContentCache[key];
}
}
// dreckiger Trick: das Open-Event wird zu schnell gefeuert, das Bild ist dann noch nicht in der DOM und die Höhe des Tooltips wird falsch berechnet
// daher bei Profilbildern Höhe schonmal angeben.
return $(title + '
' )
.attr('id', 'gooShadow')
.css('position', 'absolute')
.css('left', '0')
.css('top', '0')
.css('width', window.getScrollWidth())
.css('height', window.getScrollHeight())
.css('z-index', parseInt(frontObj.css('z-index'))-1)
.css('opacity', '0.5')
.css('background-color', '#000')
.appendTo( 'body' );
}
function hideShadow(){$('#gooShadow').remove();}
// -----------------------------------------------------------------------------------
// String UTF8 kodieren
// -----------------------------------------------------------------------------------
function utf8_encode(rohtext) {
// dient der Normalisierung des Zeilenumbruchs
rohtext = rohtext.replace(/\r\n/g,"\n");
var utftext = "";
for(var n=0; n 1byte
if (c<128)
utftext += String.fromCharCode(c);
// alle Zeichen von 127 bis 2047 => 2byte
else if((c>127) && (c<2048)) {
utftext += String.fromCharCode((c>>6)|192);
utftext += String.fromCharCode((c&63)|128);}
// alle Zeichen von 2048 bis 66536 => 3byte
else {
utftext += String.fromCharCode((c>>12)|224);
utftext += String.fromCharCode(((c>>6)&63)|128);
utftext += String.fromCharCode((c&63)|128);
}
}
return utftext;
}
function utf8_decode(utftext) {
var plaintext = ""; var i=0; var c=c1=c2=0;
// while-Schleife, weil einige Zeichen uebersprungen werden
while(i191) && (c<224)) {
c2 = utftext.charCodeAt(i+1);
plaintext += String.fromCharCode(((c&31)<<6) | (c2&63));
i+=2;
}
else {
c2 = utftext.charCodeAt(i+1); c3 = utftext.charCodeAt(i+2);
plaintext += String.fromCharCode(((c&15)<<12) | ((c2&63)<<6) | (c3&63));
i+=3;
}
}
return plaintext;
}
// -----------------------------------------------------------------------------------
// Cookie Funktionen
// -----------------------------------------------------------------------------------
function createCookie(name,value,days) {
if (days) {
var date = new Date();
date.setTime(date.getTime()+(days*24*60*60*1000));
var expires = "; expires="+date.toGMTString();
}
else var expires = "";
document.cookie = name+"="+value+expires+"; path=/";
}
function readCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for(var i=0;i < ca.length;i++) {
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1,c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
}
return null;
}
function eraseCookie(name) {
createCookie(name,"",-1);
}
// -----------------------------------------------------------------------------------
// Positionen und Positionierung
// -----------------------------------------------------------------------------------
function getElementx(obj){
var lPos = 0;
if (obj.offsetParent){
while (obj.offsetParent){
lPos += obj.offsetLeft;
obj = obj.offsetParent;
}
}
else if (obj.x)
lPos += obj.x;
return lPos;
}
function getElementy(obj){
var oPos = 0;
if (obj.offsetParent){
while (obj.offsetParent){
oPos += obj.offsetTop;
obj = obj.offsetParent;
}
}
else if (obj.y)
oPos += obj.y;
return oPos;
}
document.onmousemove = mouse_pos;
function mouse_pos(evt) {
if(!evt) evt = window.event;
var pos = new Object();
pos.left = evt.clientX;
pos.top = evt.clientY;
var b = (window.document.compatMode && window.document.compatMode == "CSS1Compat") ?
window.document.documentElement : window.document.body || null;
if (b)
{
pos.scrollLeft= pos.left + b.scrollLeft;
pos.scrollTop = pos.top + b.scrollTop;
}
else if(document.layers)
{
// Netscape 4.
pos.scrollLeft = evt.pageX;
pos.scrollTop = evt.pageY;
pos.left = evt.pageX - window.pageXOffset;
pos.top = evt.pageY - window.pageYOffset;
}
xmouse = pos.left;
ymouse = pos.top;
}
// -----------------------------------------------------------------------------------
// Browserversion
// -----------------------------------------------------------------------------------
var useragent = navigator.userAgent;
var bName = (useragent.indexOf('Opera') > -1) ? 'Opera' : navigator.appName;
var pos = useragent.indexOf('MSIE');
if (pos > -1)
{
bVer = useragent.substring(pos + 5);
var pos = bVer.indexOf(';');
var bVer = bVer.substring(0,pos);
}
var pos = useragent.indexOf('Opera');
if (pos > -1)
{
bVer = useragent.substring(pos + 6);
var pos = bVer.indexOf(' ');
var bVer = bVer.substring(0, pos);
}
if (bName == "Netscape")
{
var bVer = useragent.substring(8);
var pos = bVer.indexOf(' ');
var bVer = bVer.substring(0, pos);
}
if (bName == "Netscape" && parseInt(navigator.appVersion) >= 5)
{
var pos = useragent.lastIndexOf('/');
var bVer = useragent.substring(pos + 1);
}
// -----------------------------------------------------------------------------------
// Awaystatus anzeigen
// -----------------------------------------------------------------------------------
function ShowAwaystatusForm(){
// Position ermitteln
var x = $('#topuserpart').offset().left+70;
var y = $('#topuserpart').offset().top-35;
// Position setzen
$('#changeawaystatus').show();
$('#changeawaystatus').css('left', x+'px');
$('#changeawaystatus').css('top', y+'px');
showloader($( '#changeawaystatus' ), 1, 315, 113);
$('#changeawaystatus').load('/index.php?ext=awaystatus');
}
function BlendoutAwaystatusForm(){
$('#changeawaystatus').html( '' );
$('#changeawaystatus').hide();
}
// -----------------------------------------------------------------------------------
// Neue Nachrichten anzeigen
// -----------------------------------------------------------------------------------
var titleOrig = "";
var titleSwitcher = null;
var titleSwitchText = "";
function TitleSwitch()
{
var currTitle = document.title;
document.title = titleSwitchText;
titleSwitchText = currTitle;
}
function checkmypms(){
$.getJSON('/extensionsv2/mod_newmail/checkmail.php', function (ret) {
if(ret != null)
{
//Chat oeffnen?
if(ret.open_chat == 1)
{
window.open('/index.php?tpl=blank&ext=jchat&action=chatroom','CHAT',
'width=810,height=620,scrollbars=no,resizable=no, status=no, location=no, toolbar=no');
}
//Sound abspielen?
var soundhtml = '';
if(ret.playsound == 1)
{
fwPlaysound('http://static.goolive.org/media/static/swf/'+ret.soundfile);
}
//Anzahl der Nachrichten
var newmsg = ret.newmsg;
//Anzeigen
if(ret.logged != 1)
{
$('#mail-flag').hide();
$('#mail-icon').html('');
}
else if(newmsg >= 1)
{
$('.mailcount').html(newmsg);
$('#mail-flag').show();
$('#mail-icon').html("");
document.write(" ");
}
// target = Ziel Element
// jswindow = 1 (links) oder 2 (rechts) oder keine Angabe (kein Fenster, nur Loader)
// width = Breite
// height = Höhe
function showloader(target,jswindow, width, height){
if(typeof(width)=='undefined'){
width = 100;
}
if(typeof(height)=='undefined'){
height = 100;
}
if(jswindow == 1) {
$( '')
.appendTo(target);
}
else if(jswindow == 2){
target.set('html', '');
}
else{
$( ' ![\"\"](\"http://static.goolive.org/media/static/images/common/menu_mail_icon_ani_neu1.gif\"){kind=icon}
");
if (titleOrig.length == 0)
titleOrig = document.title;
if (titleSwitcher != null)
window.clearInterval(titleSwitcher);
document.title = titleOrig;
if (newmsg > 1)
titleSwitchText = newmsg + " neue Nachrichten";
else
titleSwitchText = "Eine neue Nachricht";
titleSwitcher = window.setInterval("TitleSwitch()", 5000);
}
else
{
$('#mail-flag').hide();
$('#mail-icon').html("![\"\"](\"http://static.goolive.org/media/static/images/common/menu_mail_icon_neu1.png\"){kind=icon}
");
if (titleSwitcher != null)
{
window.clearInterval(titleSwitcher);
titleSwitcher = null;
document.title = titleOrig;
}
}
}
});
}
// -----------------------------------------------------------------------------------
// Sonstige Funktionen
// -----------------------------------------------------------------------------------
function show_flash(src, width, height, quality){
document.write("");
}
// target = Ziel Element
// jswindow = 1 (links) oder 2 (rechts) oder keine Angabe (kein Fenster, nur Loader)
// width = Breite
// height = Höhe
function showloader(target,jswindow, width, height){
if(typeof(width)=='undefined'){
width = 100;
}
if(typeof(height)=='undefined'){
height = 100;
}
if(jswindow == 1) {
$( '
