Forum - Sonderzeichen fürs Forum bereitstellen

<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);
// Schließen-Funktion 
$("#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)});
// z-index kann angepasst werden!
$('.xob_subiconlist').draggable().css({'cursor':'move','z-index':'999999'});
});
}
catch(e){/*Fehler*/}
</script>
 

<style>
#sonderzeichen{margin-left:-200px;top:300px;display:none;position:fixed;color:#000000;background:#ffffff;padding:5px 10px 5px 10px;z-index:999999;text-align:left;border:1px solid #000000;font-size:14px;cursor:move;}
#sonderzeichen td{font-size:20px !important;padding:2px;cursor:pointer;}
#sonderzeichen table{text-align:center;color:#000046;border-bottom: 1px solid #444444;}
#sonderzeichen_close {display: none;font-size:12px; margin-right:7px; color:#901000;}
#sonderzeichen_close_div {float:right;margin:0 0 -5px 0;font-weight:bold;cursor:pointer;}
.sonderzeichen_close{font-weight:bold;padding:5px;cursor:pointer;}
</style>
 
<div class="xob_icon_cont" id="sonderzeichen_menue"><img title="Große Auswahl von Sonderzeichen, bitte anklicken!" class="xob_icon" src="//files.homepagemodules.de/b104774/f46t1197p2704n124_lAxTzfuh.png">
 
<div id="sonderzeichen" title="Das Fenster 'Sonderzeichen' lässt sich verschieben!"><b>Sonderzeichen</b>
 
<div id="sonderzeichen_close_div"><div id="sonderzeichen_close">Sonderzeichen schließen!</div>X</div>
<div style="clear:both;"></div>
 
<table border="1"> 
 
<tr>
<td title="Plus/Minus" onclick="returnTag('±')">±</td>
<td title="Division" onclick="returnTag('÷')">÷</td>
<td onclick="returnTag('²')">²</td>
<td onclick="returnTag('³')">³</td>
<td onclick="returnTag('¼')">¼</td>
<td onclick="returnTag('½')">½</td>
<td onclick="returnTag('¾')">¾</td>
<td onclick="returnTag('&#8531;')">&#8531;</td>
<td onclick="returnTag('&#8532;')">&#8532;</td>
<td onclick="returnTag('&#8533;')">&#8533;</td>
<td onclick="returnTag('&#8534;')">&#8534;</td>
<td onclick="returnTag('&#8535;')">&#8535;</td>
<td onclick="returnTag('&#8536;')">&#8536;</td>
<td onclick="returnTag('&#8537;')">&#8537;</td>
<td onclick="returnTag('&#8538;')">&#8538;</td>
<td onclick="returnTag('&#8539;')">&#8539;</td>
<td onclick="returnTag('&#8540;')">&#8540;</td>
<td onclick="returnTag('&#8541;')">&#8541;</td>
<td onclick="returnTag('&#8542;')">&#8542;</td>
<td onclick="returnTag('‰')">‰</td>
</tr>
 
<tr>
<td onclick="returnTag('&#8730;')">&#8730;</td>
<td onclick="returnTag('&#8731;')">&#8731;</td>
<td onclick="returnTag('&#8800;')">&#8800;</td>
<td onclick="returnTag('&#8734;')">&#8734;</td>
<td onclick="returnTag('&#8721;')">&#8721;</td>
<td onclick="returnTag('&#8709;')">&#8709;</td>
<td onclick="returnTag('&#8486;')">&#8486;</td>
<td onclick="returnTag('µ')">µ</td>
<td onclick="returnTag('¶')">¶</td>
<td onclick="returnTag('•')">•</td>
<td onclick="returnTag('£')">£</td>
<td onclick="returnTag('&#9986;')">&#9986;</td>
<td onclick="returnTag('&#9842;')">&#9842;</td>
<td onclick="returnTag('&#9996;')">&#9996;</td>
<td onclick="returnTag('&#9756;')">&#9756;</td>
<td onclick="returnTag('&#9757;')">&#9757;</td>
<td onclick="returnTag('&#9758;')">&#9758;</td>
<td onclick="returnTag('&#9759;')">&#9759;</td>
<td onclick="returnTag('&#9743;')">&#9743;</td>
<td onclick="returnTag('&#9742;')">&#9742;</td>
</tr>
 
<tr>
<td onclick="returnTag('&#9990;')">&#9990;</td>
<td onclick="returnTag('&#9998;')">&#9998;</td>
<td onclick="returnTag('&#9999;')">&#9999;</td>
<td onclick="returnTag('&#10000;')">&#10000;</td>
<td onclick="returnTag('&#9874;')">&#9874;</td>
<td onclick="returnTag('&#9875;')">&#9875;</td>
<td onclick="returnTag('&#9876;')">&#9876;</td>
<td onclick="returnTag('&#9877;')">&#9877;</td>
<td onclick="returnTag('&#9764;')">&#9764;</td>
<td onclick="returnTag('&#9765;')">&#9765;</td>
<td onclick="returnTag('&#9762;')">&#9762;</td>
<td onclick="returnTag('®')">®</td>
<td onclick="returnTag('©')">©</td>
<td onclick="returnTag('&#8471;')">&#8471;</td>
<td onclick="returnTag('™')">™</td>
<td onclick="returnTag('†')">†</td>
<td onclick="returnTag('&#8470;')">&#8470;</td>
<td onclick="returnTag('&#9774;')">&#9774;</td>
<td onclick="returnTag('&#9775;')">&#9775;</td>
<td onclick="returnTag('&#2768;')">&#2768;</td>
</tr>
 
<tr>
<td onclick="returnTag('&#8678;')">&#8678;</td>
<td onclick="returnTag('&#8679;')">&#8679;</td>
<td onclick="returnTag('&#8680;')">&#8680;</td>
<td onclick="returnTag('&#8681;')">&#8681;</td>
<td onclick="returnTag('&#8686;')">&#8686;</td>
<td onclick="returnTag('&#8683;')">&#8683;</td>
<td onclick="returnTag('&#8687;')">&#8687;</td>
<td onclick="returnTag('&#8688;')">&#8688;</td>
<td onclick="returnTag('&#8691;')">&#8691;</td>
<td onclick="returnTag('&#8682;')">&#8682;</td>
<td onclick="returnTag('&#9166;')">&#9166;</td>
<td onclick="returnTag('&#10146;')">&#10146;</td>
<td onclick="returnTag('&#10151;')">&#10151;</td>
<td onclick="returnTag('&#10152;')">&#10152;</td>
<td onclick="returnTag('&#10155;')">&#10155;</td>
<td onclick="returnTag('&#10161;')">&#10161;</td>
<td onclick="returnTag('&#8693;')">&#8693;</td>
<td onclick="returnTag('&#8634;')">&#8634;</td>
<td onclick="returnTag('&#8635;')">&#8635;</td>
<td onclick="returnTag('&#8623;')">&#8623;</td>
</tr>
 
<tr>
<td onclick="returnTag('&#9812;')">&#9812;</td>
<td onclick="returnTag('&#9813;')">&#9813;</td>
<td onclick="returnTag('&#9814;')">&#9814;</td>
<td onclick="returnTag('&#9815;')">&#9815;</td>
<td onclick="returnTag('&#9816;')">&#9816;</td>
<td onclick="returnTag('&#9817;')">&#9817;</td>
<td onclick="returnTag('&#9818;')">&#9818;</td>
<td onclick="returnTag('&#9819;')">&#9819;</td>
<td onclick="returnTag('&#9820;')">&#9820;</td>
<td onclick="returnTag('&#9821;')">&#9821;</td>
<td onclick="returnTag('&#9822;')">&#9822;</td>
<td onclick="returnTag('&#9823;')">&#9823;</td>
<td onclick="returnTag('&#9824;')">&#9824;</td>
<td onclick="returnTag('&#9827;')">&#9827;</td>
<td onclick="returnTag('&#9829;')">&#9829;</td>
<td onclick="returnTag('&#9830;')">&#9830;</td>
<td onclick="returnTag('&#9833;')">&#9833;</td>
<td onclick="returnTag('&#9834;')">&#9834;</td>
<td onclick="returnTag('&#9835;')">&#9835;</td>
<td onclick="returnTag('&#9836;')">&#9836;</td>
</tr>
 
<tr>
<td onclick="returnTag('&#9776;')">&#9776;</td>
<td onclick="returnTag('&#9777;')">&#9777;</td>
<td onclick="returnTag('&#9778;')">&#9778;</td>
<td onclick="returnTag('&#9779;')">&#9779;</td>
<td onclick="returnTag('&#9780;')">&#9780;</td>
<td onclick="returnTag('&#9781;')">&#9781;</td>
<td onclick="returnTag('&#9782;')">&#9782;</td>
<td onclick="returnTag('&#9783;')">&#9783;</td>
<td title="Sternzeichen Widder" onclick="returnTag('&#9800;')">&#9800;</td>
<td title="Sternzeichen Stier" onclick="returnTag('&#9801;')">&#9801;</td>
<td title="Sternzeichen Zwillinge" onclick="returnTag('&#9802;')">&#9802;</td>
<td title="Sternzeichen Krebs" onclick="returnTag('&#9802;')">&#9802;</td>
<td title="Sternzeichen Löwe" onclick="returnTag('&#9804;')">&#9804;</td>
<td title="Sternzeichen Jungfrau" onclick="returnTag('&#9805;')">&#9805;</td>
<td title="Sternzeichen Waage" onclick="returnTag('&#9806;')">&#9806;</td>
<td title="Sternzeichen Skorpion" onclick="returnTag('&#9807;')">&#9807;</td>
<td title="Sternzeichen Schütze" onclick="returnTag('&#9808;')">&#9808;</td>
<td title="Sternzeichen Steinbock" onclick="returnTag('&#9809;')">&#9809;</td>
<td title="Sternzeichen Wassermann" onclick="returnTag('&#9810;')">&#9810;</td>
<td title="Sternzeichen Fisch" onclick="returnTag('&#9811;')">&#9811;</td>
</tr>
 
</table>
 
 
</div>
</div>
 
<script language="JavaScript">
$('#sonderzeichen_menue img').click(function(){
$('#sonderzeichen').draggable().toggle();
});
 
$('#sonderzeichen_close_div').click(function(){
$('#sonderzeichen').hide();
});
 
$('#sonderzeichen_close_div').hover(function(){ // Mit ",#sonderzeichen td" schießt das Fenster nach dem Einfügen!
$('#sonderzeichen_close').css('display','inline');
},function(){
$('#sonderzeichen_close').hide()
});
</script>