Support Bereich Hier finden Sie Antworten auf alle Fragen zu Ihrem Xobor Forum.
Wählen Sie zunächst einen Hilfe-Bereich.

Hallo zusammen......
Für die Fans der Klick-Gruppen:

Habe folgendes festgestellt:

• 1. "Draggable" kann etwas träge reagieren!
• 2. Wenn man "draggable" ohne Optionen nutzt, ist es ruckelfreier (Zeile 13)!
• 3. Zu jQueryUI: Es gibt das interne und minimierte "Xobor jquery-ui-1.8.12.noeffects.min.js" (Zeile 1)
• 4. Es ist klein und beißt sich nicht mit dem JS "ajax.googleapis.com".
• 5. Interessanterweise hat durch "draggable" die Eingabeaufforderung (url + video) "Füße" bekommen!
  Allerdings nur im "IE" und "Safari".....Die Eingabe-Fenster sind auch hier frei verschiebbar!
  Im "IE" echt klasse, klebt sonst oben links in der Ecke fest, .... im "Safari" nicht unbedingt notwendig!

Hier eine weitere Möglichkeit (getestet im IE, Edge, FF, Chrome, Opera und Safari ):

<script type='text/javascript' src='https://img.homepagemodules.de/ds/static/jquery/min/jquery-ui-1.8.12.noeffects.min.js'></script>
<script>
try{
$('.xob_subiconlist').click(function(e){e.stopPropagation();});
function toggleSub(id){if($("#xob_sub_"+id).is(':visible')){hideSub(id);}else{showSub(id);}}
$('.hassub').each(function(){
var mof = $(this).attr('onmouseover');
var subid = parseInt(mof.replace("showSub('","").replace("')",""));
$(this).attr('onmouseover','');
$(this).attr('onmouseout','');
$(this).click({id: subid},function(ev){toggleSub(ev.data.id)});
 
$('.xob_subiconlist').draggable().css('cursor','move');
});
}
catch(e){/*Fehler*/}
</script>
 

@nobody @Olaf

Auch hier: Klicks und "Schiebung" für die Gruppen in der Iconbar!

Gruß
Wolfgang

Ich muss sagen, das Script hat viele Türen geöffnet!
Habe noch etwas Neues eingebaut!

Situation:
Wenn die Gruppen geöffnet sind, kann man über das Gruppen-Smiley die Gruppe öffnen und schließen!
Ist der Beitrag schon recht lang geworden, muss man mit der Maus zum Schließen ziemlich weit nach oben navigieren, auch wenn die Gruppe dicht am Beitrag platziert wurde!
Da liegt es doch nahe, ein "X" fürs Schließen einzubauen oder?

Lösung:
Hier noch mal das gesamte Script!
Hinzugekommen sind die Zeile 1-4 und 12-16!
Das "X" hat eine kleine Animation in Größe und Farbe bekommen (kann natürlich geändert werden....)!
Habe das "X" etwas getunt, so dass es schon von weitem anspricht und man immer ein Treffer landet!

<style type="text/css">
#menue_close_xobor{float:right;hight:25px;width:25px;font-weight:bold;cursor:pointer;margin:0px;padding:0px;clear:both;}
#menue_close_xobor:hover{color:#901000;font-size:120%;}
</style>
 
<script type='text/javascript' src='https://img.homepagemodules.de/ds/static/jquery/min/jquery-ui-1.8.12.noeffects.min.js'></script>
<script language="JavaScript">
try{
$('.xob_subiconlist').click(function(e){e.stopPropagation();});
function toggleSub(id){
if($("#xob_sub_"+id).is(':visible')){hideSub(id);}else{showSub(id);
$("#xob_sub_"+id).prepend('<div title="Schließen!" id="menue_close_xobor">X</div>');
$("#menue_close_xobor").click(function(){
hideSub(id);
$(this).remove();
});
}};
 
$('.hassub').each(function(){
var mof = $(this).attr('onmouseover');
var subid = parseInt(mof.replace("showSub('","").replace("')",""));
$(this).attr('onmouseover','');
$(this).attr('onmouseout','');
$(this).click({id: subid},function(ev){toggleSub(ev.data.id)});
 
$('.xob_subiconlist').draggable().css('cursor','move');
});
}
catch(e){/*Fehler*/}
</script>
 

Nachtrag: Das Skript läuft einwandfrei im aktuellen IE, Edge, FF, Chrome, Opera, Safari und Vivaldi!
Eingeschränkt geht es auch mit älteren Versionen und den Exoten, wie K-Meleon und Pale Moon!
Danke @nobody!


Auch hier nachzulesen: Klicks und "Schiebung" für die Gruppen in der Iconbar

******************************

Zitat von Olaf im Beitrag #34

---

.......
Habe die Funktion mit der "googleapis" UI in meinem Lesezeichen eingebaut und konnte bis jetzt keine Unverträglichkeiten mit "draggable()" feststellen,außer bei den Tooltipps.Da gab es Probleme mit der Foren-Chat Anzeige.

Gruß
Olaf

---

Sorry, muss mich noch mal melden!

Habe einen Fehler entdeckt:
Wenn man die Gruppen offen lässt, und mehrfach öffnet und schließt, erscheint auch das "Schließen-X" mehrfach!
Habe noch ein "z-index" (Zeile 27) hinzugefügt, damit die Gruppen beim Verschieben auch immer oben liegen!

Lösung:
Die ID muss mit in die Schließfunktion eingebunden werden (Zeile 11, 14 und 16)!
Hab es jetzt hin und her getestet .... es funktioniert!

Frage:
Kann man das Skript kürzen, wer weis weiter?

<style type="text/css">
#menue_close_xobor{float:right;hight:25px;width:25px;font-weight:bold;cursor:pointer;margin:0px;padding:0px;clear:both;}
#menue_close_xobor:hover{color:#901000;font-size:120%;}
</style>
 
<script type='text/javascript' src='https://img.homepagemodules.de/ds/static/jquery/min/jquery-ui-1.8.12.noeffects.min.js'></script>
<script language="JavaScript">
try{
$('.xob_subiconlist').click(function(e){e.stopPropagation();});
function toggleSub(id){
if($("#xob_sub_"+id).is(':visible')){hideSub(id);$("#xob_sub_"+id+" div#menue_close_xobor").remove();}else{showSub(id);
 
$("#xob_sub_"+id).prepend('<div title="Schließen!" id="menue_close_xobor">X</div>');
$("#xob_sub_"+id+" div#menue_close_xobor").click(function(){
hideSub(id);
$("#xob_sub_"+id+" div#menue_close_xobor").remove();
});
}};
 
$('.hassub').each(function(){
var mof = $(this).attr('onmouseover');
var subid = parseInt(mof.replace("showSub('","").replace("')",""));
$(this).attr('onmouseover','');
$(this).attr('onmouseout','');
$(this).click({id: subid},function(ev){toggleSub(ev.data.id)});
 
$('.xob_subiconlist').draggable().css({'cursor':'move','z-index':'999999'});
});
}
catch(e){/*Fehler*/}
</script>
 

Auch hier: Klicks und "Schiebung" für die Gruppen in der Iconbar + Update!




Noch mal besten Dank an @Ingmar

Gruß
Wolfgang

Hallo zusammen,
wollte mich hierzu mal wieder melden.....



Habe mittlerweile 5 verschiedene Versionen für das geniale Skript mit "Mausklick" gefunden.
Es gibt jetzt sogar eine Titelleiste mit X-Button!
Habe noch kleine Formatfehler beseitigt!
Funktioniert jetzt auch im "Vivaldi-Browser", der an Beliebtheit immer mehr gewinnt.
Er verhält sich etwas wie der alte IE und brauchte nur eine zusätzliche Definition von "width:100%".
Hierfür nochmal besten Dank an @nobody ….

Wer Interesse hat, kann ja mal vorbeischauen: Xobor-Superklick in der Iconbar: Version 1-5

Bis dann
Wolfgang


Forum für Hilfe, Tricks & Tipps / 104774 / Business-Template / Internet Explorer 11

Habe noch eine super Funktion für den "Xobor-Superklick".
Hierzu, noch mal herzlichen Dank an @nobody !

**************

Mit "Xobor-Superklick" kann man jede Gruppe frei bewegen (durch "draggable").
Allerdings ist es auch möglich die Gruppe über den Rand hinaus ins Nirwana zu schieben!

Lösung:
Mit Hilfe einer zusätzlichen Option "containment", kann man auf einfachste Weise Abhilfe schaffen!
Nimmt man für diese Randbegrenzung den Eintrag "body", so können die Gruppen nur bis zu den Rändern und nicht darüber hinaus, geschoben werden!
Alles bleibt somit gut erkenn- und lesbar!

$("#xob_sub_"+id+"").draggable({containment: "body"});

Forum für Hilfe, Tricks & Tipps / 104774 / Business-Template / Internet Explorer 11

Hallo Mike,
interessante Idee.....
@nobody hat mich darauf aufmerksam gemacht!

Habe da zwei Fragen:

1. Wenn ich containment: 'window' einsetze, anstatt containment: 'body', habe ich in meinem Business-Template die Begrenzung nur am rechten und unteren Rand!
   Funktioniert die "Rundum-Begrenzung" nur mit Deinem neuen Plugin oder hast Du das Skript "Superklick" umgeschrieben?
   
   
2. Kannst Du eine kleine Anleitung geben, wie Du xobor.plugin('usertogrpskb02') erstellt hast, wo genau das Skript eingefügt wird und was für die ID #usertogrp_prot genommen wird, #xob_sub_"+id+" oder .xob_subiconlist?
   Bekomme die Funktion so nicht hin...