Forum - Verlinkte Grafik - Hinweis auf spezielle Beiträge, Ereignisse und Favoriten!

<!-- Lässt sich das Hinweisfenster nicht verschieben, "jQuery UI-Version" durch löschen von "_s" in "Zeile 2" aktivieren! -->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js_s"></script>
<script type="text/javascript" language="JavaScript">
 
$(document).ready(function() {
//Link zur Webseite, zum Profil, zum Favoriten!
var LinkSeite = "https://www.hilfe-tricks-tipps.de/t1179f31-Verlinkte-Grafik-Hinweis-auf-spezielle-Beitraege-Ereignisse-und-Favoriten.html#mitte1";
 
//Auslösegrafik zum Weblink
var WebGrafik = "https://files.homepagemodules.de/b104774/a_538_4d397da9.png";
 
//Bild im Hinweisfenster
var BildHinweisFenster = "https://files.homepagemodules.de/b104774/a_539_21036655.png";
 
//Beschreibung im Vorschaufenster - (HTML möglich!)
var UeberschriftFenster = "<h3>Kopierschutz für Webseiten!</h3>";
var BeschreibungFenster ="Einige Webseiten sind von Ihrer Thematik und von ihrem Inhalt so gestaltet, dass ein Kopierschutz angebracht oder einfach ein Kopieren nicht erwünscht ist. Im folgenden Beitrag gibt es mehrere Lösungen!";
 
//Komplette Web-Info einblenden
var WebHinweis = "1";  // 1=Ja  0=Nein
 
//Bild im Hinweis-Fenster einblenden!
var BildFenster = "0";  // 1=Ja  0=Nein
 
//Beschreibung im Hinweis-Fenster einblenden!
var TextFenster = "1";  // 1=Ja  0=Nein
 
//Auslösegrafik in der Forum-Übersicht einblenden!
var WebGrafik_F = "1";  // 1=Ja  0=Nein
 
// Web-Hinweis in der Portal-Box einblenden!
var PortalBoxWeb = "1";  // 1=Ja  0=Nein 
 
// Hinweis-Fenster im Activity-Feed einblenden!
var WebActivityFeed = "1";  // 1=Ja  0=Nein 
 
// Grafik verkleinert sich nach einer vorgegebenen Zeit (hier 8 Sek.,  Zeile 81)!
var WebGrafikZeit = "1";  // 1=Ja  0=Nein 
 
//### Ende der Vorbereitung ###//
 
 
//Konfiguration WebPortal-Box (siehe "Portal-Box ID bestimmen")
var WebPortalBoxID = "1101";   // ID Portal-Box (es wird nur die Zahl benötigt / 0000 für keine Box)!)
 
//Web-Hinweis im Activity Feed einblenden (Erkennung Webadresse mit und ohne Anker!)
var AnfangAusblenden = LinkSeite.indexOf(".de/")+4;
var AnkerAusblenden = LinkSeite.lastIndexOf("#");
var NewLinkSeite = LinkSeite.substring(AnfangAusblenden, AnkerAusblenden);
 
//Bild und Text einblenden
$('#HinweisFenster').html('<div id="WebHinweisFenster"><center><img id="IdBildHinweis" src="'+BildHinweisFenster+'"><div id="IdTextWeb">'+UeberschriftFenster+''+BeschreibungFenster+'</div></center></div>');
 
//Auslösegrafik Forum
if (WebGrafik_F == 1) {
$('#AusloeseGrafik').html('<a href="'+LinkSeite+'"><img id="AGrafik" src="'+WebGrafik+'"></a>');
};
 
//Auslösegrafik im Portal
$('#AusloeseGrafik_P').html('<a href="'+LinkSeite+'" style="text-decoration:none;"><img id="AGrafik" title="Hier geht es zum Beitrag!'+UeberschriftFenster+'" src="'+WebGrafik+'"><br><br><div style="font-size:12px;">Thema: '+UeberschriftFenster+'</div></a>');
 
//Web-Hinweis im Activity Feed einblenden
$('.lastactions .cmhsp').find('a[href*="'+NewLinkSeite+'"]').before('<span id="WebActivity" style="cursor:pointer;line-height:30px;"> <img style="margin-top:-4px;adding:5px;width:30px;" src="https://files.homepagemodules.de/b104774/a_540_67365fb8.png"></span>');
 
//Wenn BildHinweis gleich "1", Bild wird im Hinweis eingeblendet!
if (BildFenster == 1) {
$('#IdBildHinweis,#WebHinweisFenster').css('display','block');
};
 
//Wenn TextFenster gleich "1", Beschreibung wird im Hinweis eingeblendet!
if (TextFenster == 1) {
$('#IdTextWeb,#WebHinweisFenster').css('display','block');
};
 
//Web-Hinweis beim Mouseover einblenden - Grafik 
//Wenn WebGrafikZeit gleich "1", wird Grafik nach 8 Sekunden kleiner dargestellt!
if (WebGrafikZeit == 1) {
function timeoutM() {
$('#AGrafik').animate({width: '40px'},1000);
};
var timeoutT = setTimeout(timeoutM, 8000);
$('#AusloeseGrafik').hover(function() {
$('#HinweisFenster').show(); 
clearTimeout(timeoutT);
}, function() {
$('#HinweisFenster').hide(); 
timeoutM();
});
 
}
else{
$('#AusloeseGrafik').hover(function() {
$('#HinweisFenster').show();
}, function() {
$('#HinweisFenster').hide();  
});
};
 
$('#AusloeseGrafik').mousemove(function(e){
$('#WebHinweisFenster').css("top",(e.pageY) + "px").css("left",(e.pageX) + "px");
})
.mousedown(function() {
$('#HinweisFenster').css('display','none');
});
 
 
//Web-Hinweis beim Mouseover einblenden - Activity Feed
if ((WebActivityFeed == 1)&(WebHinweis == 1)) {
$('.lastactions .cmhsp').find('a[href*="'+NewLinkSeite+'"]').hover(function() {
$('#HinweisFenster').css('display','block');
}, function() {
$('#HinweisFenster').css('display','none');
})
.mousemove(function(e){
$('#WebHinweisFenster').css("top",(e.pageY) + "px").css("left",(e.pageX) + "px");
});
};
 
//Web-Hinweis Fenster ausblenden
if ((BildFenster == 0)&(TextFenster == 0)) {
$('#WebHinweisFenster').css('display','none');
};
 
//Wenn WebHinweis gleich "1", Kompletter Web-Hinweis wird eingeblendet!
if (WebHinweis == 1) {
$('#AusloeseGrafik').css('display','block');
 
//Wenn PortalBoxWeb gleich "0", Web-Hinweis wird im Portal ausgeblendet!
if (PortalBoxWeb == 0) {
$('#boxcontainer_' + WebPortalBoxID).css('display','none');
};
}else{
$('#boxcontainer_' + WebPortalBoxID).css('display','none');
$('#WebActivity').css('display','none');
};
 
//Draggable - Fenster verschieben
$('div').hover(function(event) {
$('#AGrafik').draggable ({
scroll: false
});
});
 
//Tooltipp
$( function() {
$( document ).tooltip({
position: { my: "left+8 top+30"},
track: true,
show: {
effect: 'slideDown',
effect: 'fade',
delay: 0
},
hide: {
effect: 'slide',
delay: 0
}
});
});
 
});
 
</script>
 
<!-- Hinweisfenster -->
<div id="HinweisFenster" style="display:none;"></div>
 
<!-- Grafik für Hinweisfenster -->
<div id="AusloeseGrafik" style="display:none;"></div>
 

/*Kopierschutz */
#AGrafik {
position:absolute;
top:100px;
left:300px;
margin:0px 0px 0px 0px;
width:200px;
color: #222222 !important;
z-index:9999999;
}
 
#AGrafik:active {
cursor: move;
}
 
#WebHinweisFenster {
display:none;
position:absolute;
margin-left:150px;
margin-top:-160px;
background:#ffffff;
font: 14px/15px "Trebuchet MS",Arial;
color:#333333;
border: 5px ridge #aaaaaa;
border-radius:2px;
max-width:418px;
max-height:418px;
z-index:99999999;
}
 
#IdBildHinweis {
display:none; 
margin:4px;
max-width:400px !important;
max-height:400px !important;
padding:0px;
}
 
#IdTextWeb {
display:none;
text-align:left;
background: #dddddd;
padding:10px;
margin:4px;
}
 
/*Tooltipps mit title*/
.ui-tooltip {
position: absolute;
max-width: 600px;
background: #ffffff;
font-size:12px;
color:#333370;
padding:5px 15px 5px 15px;
border: 2px solid #A2A2A2;
border-radius: 10px;
box-shadow: 3px 3px 6px #aaaaaa;
z-index: 9999999;
}