1<!DOCTYPE html> 2<html lang="de" class="Layout"> 3 4<!-- Layout Seite, Standard --> 5 6<head> 7 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=0" /> 8 <title>Schreibmotorik Institut - Homepage</title> 9<meta http-equiv="content-type" content="text/html; charset=UTF-8" /> 10 11<meta name="Title" content="Schreibmotorik Institut - Homepage" /> 12<meta name="Keywords" content="" /> 13<meta name="Description" content="" /> 14 15<meta name="Creator" content="roccas GmbH, Nürnberg, http://www.roccas.de/" /> 16<meta name="Generator" content="roccas ib2kx, http://www.roccas.de/" /> 17 18<meta name="revisit-after" content="30 days" /> 19 20 21 22<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> 23<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> 24<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> 25<link rel="manifest" href="/site.webmanifest"> 26<meta name="msapplication-TileColor" content="#da532c"> 27<meta name="theme-color" content="#ffffff"> 28 29 30<meta name="robots" content="index" /> 31<meta name="robots" content="all" /> 32 33 34<meta name="language" content="de" /> 35 36
37<script type="text/javascript"> 38window.RTEContentId = ""; 39var COOKIE_REQUIRED = 0; 40var COOKIE_FUNCTIONAL = 0; 41var COOKIE_EXTERNAL = 0; 42var COOKIE_STATISTIC = 0; 43 44 45</script>
45 46 47<style type="text/css"> 48body { 49 opacity:1; 50} 51</style> 52 53<link rel="stylesheet" type="text/css" href="/ib/core/libraries_ext/jquery/ui/css/smoothness/jquery-ui-1.10.0.custom.css" /> 54 55<link rel="stylesheet" type="text/css" href="/ib/site/elements/flexslider/flexslider.css" /> 56 57<link href="/ib/site/elements/PhotoSwipe-master/dist/photoswipe.css?v=4.1.0-1.0.4" rel="stylesheet" /> 58<link href="/ib/site/elements/PhotoSwipe-master/dist/default-skin/default-skin.css?v=4.1.0-1.0.4" rel="stylesheet" /> 59 60<link rel="stylesheet" type="text/css" href="/ib/site/elements/fonts/Noto/style.css" /> 61<link rel="stylesheet" type="text/css" href="/ib/site/elements/fonts/FiraGO/FiraGO.css" /> 62<link rel="stylesheet" type="text/css" href="/ib/site/elements/iconfont/icon.css?d11791164627" /> 63<link rel="stylesheet" type="text/css" href="/ib/site/generators/rStylesheet_Box.php" /> 64<link rel="stylesheet" type="text/css" href="/ib/site/generators/rStylesheet.php?Admin=1" /> 65 66<link rel="stylesheet/less" type="text/css" href="/ib/site/elements/nouislider.css" /> 67<link rel="stylesheet/less" type="text/css" href="/ib/site/elements/photoswipe.css" /> 68<link rel="stylesheet/less" type="text/css" href="/ib/site/elements/mediaplayer.css" /> 69<link rel="stylesheet/less" type="text/css" href="/ib/site/elements/menu.css?2" /> 70<link rel="stylesheet/less" type="text/css" href="/ib/site/elements/style.css?2" /> 71<style type="text/css"> 72</style> 73 74 75<link rel="stylesheet/less" type="text/css" href="/ib/site/elements/dialog.css?w123121791164627" /> 76 77
78<script src="/ib/site/elements/less-3.0.0.js" ></script>
78 79
79<script src="/ib/site/elements/headroom.js" ></script>
79 80 81 82 83<!--
83<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.6.2/modernizr.min.js"></script>
83-->
84<script type="text/javascript" src="/ib/core/libraries_ext/modernizr/modernizr.js"></script>
84 85 86
87<script type="text/javascript" src="/ib/core/libraries_ext/jquery/jquery.js"></script>
87 88 89<!--
89<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.0/jquery-ui.js"></script>
89-->
90<script type="text/javascript" src="/ib/core/libraries_ext/jquery/ui/js/jquery-ui.js"></script>
90 91
91<script type="text/javascript" src="/ib/core/libraries_ext/jquery/jquery.ui.touch-punch.js"></script>
vendor: 1 bytes, line 91
91
92<script type="text/javascript" src="/ib/core/libraries_ext/jquery/jquery.placeholder.js"></script>
vendor: 1 bytes, line 92
92
93<script type="text/javascript" src="/ib/core/libraries_ext/jquery/jquery.json.js"></script>
vendor: 1 bytes, line 93
93
94<script type="text/javascript" src="/ib/core/libraries_ext/jquery/jquery.iframepostform.js"></script>
vendor: 1 bytes, line 94
94
95<script type="text/javascript" src="/ib/core/libraries_ext/jquery/touch-swipe.js"></script>
vendor: 1 bytes, line 95
95
96<script type="text/javascript" src="/ib/core/libraries_ext/jquery/jquery.unveil.js"></script>
vendor: 1 bytes, line 96
96
97<script type="text/javascript" src="/ib/core/libraries_ext/jquery/jquery.base64.js"></script>
97 98 99
100<script type="text/javascript" src="/ib/site/elements/nouislider.js"></script>
vendor: 1 bytes, line 100
100
101<script type="text/javascript" src="/ib/site/elements/external.js?bcd"></script>
101 102
103<script type="text/javascript"> 104 //jQuery.noConflict(); 105 106jQuery(document).on("PrivacyChange", function() { 107 if(COOKIE_FUNCTIONAL) 108 jQuery("body").addClass("COOKIE_FUNCTIONAL"); 109 else 110 jQuery("body").removeClass("COOKIE_FUNCTIONAL"); 111 112 if(COOKIE_EXTERNAL) 113 jQuery("body").addClass("COOKIE_EXTERNAL"); 114 else 115 jQuery("body").removeClass("COOKIE_EXTERNAL"); 116 117 if(COOKIE_STATISTIC) 118 jQuery("body").addClass("COOKIE_STATISTIC"); 119 else 120 jQuery("body").removeClass("COOKIE_STATISTIC"); 121}); 122jQuery(document).ready(function() { 123 jQuery(document).trigger("PrivacyChange"); 124}); 125</script>
125 126 127
127<script type="text/javascript" src="/ib/core/libraries_ext/tinymce/js/tinymce/tinymce.js"></script>
127 128
128<script type="text/javascript" src="/ib/core/libraries_ext/tinymce/js/tinymce/standalone_popup.js"></script>
128 129
130<script type="text/javascript" src="/ib/core/libraries/rWindow.js"></script>
130 131
132<script src="/ib/core/libraries_ext/spin.js"></script>
132 133
134<script src="/ib/site/elements/PhotoSwipe-master/dist/photoswipe.js?v=4.1.0-1.0.4"></script>
vendor: 1 bytes, line 134
134
135<script src="/ib/site/elements/PhotoSwipe-master/dist/photoswipe-ui-default.js?v=4.1.0-1.0.4"></script>
135 136 137
138<script type="text/javascript" src="/ib/site/elements/flexslider/jquery.flexslider.js"></script>
138 139 140
141<script type="text/javascript" src="/ib/site/elements/MediaPlayer/js/mediaplayer.js?abc"></script>
141 142
143<script type="text/javascript" src="/ib/site/elements/menuSuperfish/hoverIntent.js"></script>
vendor: 1 bytes, line 143
143
144<script type="text/javascript" src="/ib/site/elements/menuSuperfish/superfish.js"></script>
vendor: 1 bytes, line 144
144
145<script type="text/javascript" src="/ib/site/elements/menuSuperfish/supersubs.js"></script>
145 146
147<script src="/ib/site/elements/hyphenator/Hyphenator.js" type="text/javascript"></script>
147 148
149<script type="text/javascript"> 150 var ibDefaults = { 151 xxswipebox: { 152 prevHint: "Vorheriges", 153 nextHint: "Nächstes", 154 closeHint: "SchlieÃen (ESC)", 155 }, 156 spinnerOptions: { 157 lines: 13, // The number of lines to draw 158 length: 0, // The length of each line 159 width: 10, // The line thickness 160 radius: 30, // The radius of the inner circle 161 corners: 1, // Corner roundness (0..1) 162 rotate: 0, // The rotation offset 163 direction: 1, // 1: clockwise, -1: counterclockwise 164 color: '#FFF', // #rgb or #rrggbb or array of colors 165 speed: 1, // Rounds per second 166 trail: 60, // Afterglow percentage 167 shadow: false, // Whether to render a shadow 168 hwaccel: false, // Whether to use hardware acceleration 169 className: 'spinner', // The CSS class to assign to the spinner 170 zIndex: -1 // The z-index (defaults to 2000000000) 171 //top: 'auto', // Top position relative to parent in px 172 //left: 'auto' // Left position relative to parent in px 173 } 174 }; 175 //ibDefaults.swipebox.spinnerOptions = ibDefaults.spinnerOptions; 176</script>
176 177 178
179<script type="text/javascript" src="/ib/core/interfaces/rMessage/rMessage.js"></script>
vendor: 1 bytes, line 179
179
180<script type="text/javascript" src="/ib/core/libraries/rAdministration.js"></script>
180 181 182<!-- Uploader --> 183 <link rel="stylesheet" href="/ib/core/libraries_ext/jQuery-File-Upload/css/jquery.fileupload.css"> 184 <link rel="stylesheet" href="/ib/core/libraries_ext/jQuery-File-Upload/css/jquery.fileupload-ui.css"> 185 <style type="text/css"> 186 @-moz-keyframes progress-bar-stripes { 187 0% { 188 background-position: 40px 0; 189 } 190 100% { 191 background-position: 0 0; 192 } 193 } 194 @-moz-keyframes progress-bar-stripes { 195 0% { 196 background-position: 40px 0; 197 } 198 100% { 199 background-position: 0 0; 200 } 201 } 202 .progress { 203 background-color: #F5F5F5; 204 border-radius: 4px; 205 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; 206 height: 5px; 207 width:100px; 208 margin: 10px auto; 209 overflow: hidden; 210 } 211 .progress-bar { 212 background-color: #005073; 213 box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset; 214 color: #FFFFFF; 215 float: left; 216 font-size: 12px; 217 height: 100%; 218 text-align: center; 219 transition: width 0.6s ease 0s; 220 width: 0; 221 } 222 .progress-striped .progress-bar { 223 background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); 224 background-size: 40px 40px; 225 } 226 .progress.active .progress-bar { 227 animation: 2s linear 0s normal none infinite progress-bar-stripes; 228 } 229 .progress-bar-success { 230 background-color: #99b8c7; 231 } 232 .progress-striped .progress-bar-success { 233 background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); 234 } 235 .progress-bar-info { 236 background-color: #99b8c7; 237 } 238 .progress-striped .progress-bar-info { 239 background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); 240 } 241 .progress-bar-warning { 242 background-color: #C79999; 243 } 244 .progress-striped .progress-bar-warning { 245 background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); 246 } 247 .progress-bar-danger { 248 background-color: #C79999; 249 } 250 .progress-striped .progress-bar-danger { 251 background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); 252 } 253 254 255 256 table.previewimg { 257 margin:0px auto; 258 position:relative; 259 } 260 table.previewimg td { 261 background: url("/ib/core/elements/window/Vorschau_Hintergrund.png") no-repeat scroll center center rgba(0, 0, 0, 0); 262 height: 50px; 263 line-height: 0; 264 text-align: center; 265 vertical-align: middle; 266 width: 50px; 267 } 268 tr.template-upload td, 269 tr.template-download td { 270 border-bottom:1px solid #99b9c7; 271 padding:0px; 272 } 273 </style> 274 <!--
274<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
274--> 275 <!-- The jQuery UI widget factory, can be omitted if jQuery UI is already included --> 276
276<script src="/ib/core/libraries_ext/jQuery-File-Upload/js/vendor/jquery.ui.widget.js"></script>
276 277 <!-- The Templates plugin is included to render the upload/download listings --> 278 <!--
278<script src="http://blueimp.github.io/JavaScript-Templates/js/tmpl.min.js"></script>
278--> 279 <!-- The Load Image plugin is included for the preview images and image resizing functionality --> 280
280<script src="/ib/core/libraries_ext/jQuery-File-Upload/js/load-image.min.js"></script>
280 281 <!-- The Canvas to Blob plugin is included for image resizing functionality --> 282 <!--
282<script src="http://blueimp.github.io/JavaScript-Canvas-to-Blob/js/canvas-to-blob.min.js"></script>
282--> 283 <!-- Bootstrap JS is not required, but included for the responsive demo navigation --> 284 <!--
284<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
284--> 285 <!-- blueimp Gallery script --> 286 <!--
286<script src="http://blueimp.github.io/Gallery/js/jquery.blueimp-gallery.min.js"></script>
286--> 287 <!-- The Iframe Transport is required for browsers without support for XHR file uploads --> 288
288<script src="/ib/core/libraries_ext/jQuery-File-Upload/js/jquery.iframe-transport.js"></script>
288 289 <!-- The basic File Upload plugin --> 290
290<script src="/ib/core/libraries_ext/jQuery-File-Upload/js/jquery.fileupload.js"></script>
290 291 <!-- The File Upload processing plugin --> 292
292<script src="/ib/core/libraries_ext/jQuery-File-Upload/js/jquery.fileupload-process.js"></script>
292 293 <!-- The File Upload image preview & resize plugin --> 294
294<script src="/ib/core/libraries_ext/jQuery-File-Upload/js/jquery.fileupload-image.js"></script>
294 295<!-- 296
296<script src="/ib/core/libraries_ext/jQuery-File-Upload/js/jquery.fileupload-audio.js"></script>
296 297
297<script src="/ib/core/libraries_ext/jQuery-File-Upload/js/jquery.fileupload-video.js"></script>
297 298--> 299 <!-- The File Upload validation plugin --> 300
300<script src="/ib/core/libraries_ext/jQuery-File-Upload/js/jquery.fileupload-validate.js"></script>
300 301 <!-- The File Upload user interface plugin --> 302
302<script src="/ib/core/libraries_ext/jQuery-File-Upload/js/jquery.fileupload-ui.js"></script>
302 303 304 305<!-- Bildbearbeitung --> 306
306<script type="text/javascript" src="/ib/core/libraries_ext/uize/~source/Uize.js"></script>
306 307
307<script type="text/javascript" src="/ib/core/libraries_ext/panzoom.js?a"></script>
307 308
308<script type="text/javascript"> 309 var uize_page; 310 var imPort; 311 var imPortId; 312 var imPortBoxData; 313 var ieWindowWidth = 0; 314 315 316 jQuery(window).resize(function() { 317 if(jQuery(window).width() != ieWindowWidth) 318 finishUI(imPortId); 319 }); 320 321 function fnSetSizing(pm) { 322 var vals = fnGetVals(); 323 /* 324 var dat = zoomImageParams[imPortId]; 325 326 var img = jQuery('#page_imagePortRen_' + dat["P"] + '-image'); 327 var frame = jQuery('#page_imagePortRen_' + dat["P"]); 328 329 var roomX = (img.width() * pm - frame.width()); 330 var roomY = (img.height() * pm - frame.height()); 331 332 imPort.forceZoomAbs(- vals.positionX * roomX, - vals.positionY * roomY, pm); 333 */ 334 vals.sizing = pm; 335 fnSetVals(vals); 336 } 337 function fnSetVals(vals) { 338 var dat = zoomImageParams[imPortId]; 339 340 var img = jQuery('#page_imagePortRen_' + dat["P"] + '-image'); 341 var frame = jQuery('#page_imagePortRen_' + dat["P"]); 342 343 var roomX = (img.width() * vals.sizing - frame.width()); 344 var roomY = (img.height() * vals.sizing - frame.height()); 345 346 imPort.forceZoomAbs(- vals.positionX * roomX, - vals.positionY * roomY, vals.sizing); 347 348 } 349 function fnGetVals() { 350 var vals = imPort.getTransform(); 351 352 var dat = zoomImageParams[imPortId]; 353 354 var img = jQuery('#page_imagePortRen_' + dat["P"] + '-image'); 355 var frame = jQuery('#page_imagePortRen_' + dat["P"]); 356 357 var roomX = (img.width() * vals.scale - frame.width()); 358 var roomY = (img.height() * vals.scale - frame.height()); 359 if(roomX <= 0) 360 var posX = 0.5; 361 else 362 var posX = -vals.x / roomX; 363 364 if(roomY <= 0) 365 var posY = 0.5; 366 else 367 var posY = -vals.y / roomY; 368 369 var params = { 370 positionX: Math.min(posX, 1), 371 positionY: Math.min(posY, 1), 372 sizing:vals.scale, 373 maxSizing:imPort.getMaxZoom(), 374 }; 375 return params; 376 } 377 378 var zoomImageParams = {}; 379 380 function fnInitZoomEdit(pmId) { 381 console.log("IE-start " + pmId); 382 if(imPortId == pmId) { 383 console.log("IE-cancel"); 384 return; 385 } 386 if(imPort && imPortId) { 387 finishUI(imPortId); 388 ////killUI(imPortId); 389 } 390 391 ieWindowWidth = jQuery(window).width(); 392 393 var dat = zoomImageParams[pmId]; 394 if(!dat) // keine Parameter vorhanden 395 return; 396 imPortBoxData = null; 397 398 if(dat["parId"]) { 399 fnBoxEdit_Highlight_Partial(jQuery(document.getElementById("Paragraph_" + dat["parId"].replace(/-/g,"_"))).closest(".boxFrame, .boxFrame_System").attr("id")); 400 } 401 402 403 // set Editor style 404 var ed = jQuery('#page_imagePortRen_' + dat["P"] + "-editor"); 405 ed.append(jQuery("#ImageCropFormContainer")); 406 if(ed.closest(".AbbildungContainer").length > 0) 407 ed.closest(".AbbildungContainer").append(jQuery("#ImageCropFormContainer")); 408 if(ed.closest(".Steuerelement").length > 0 && !jQuery("body").hasClass("admin")) { 409 jQuery("body").addClass("userAdmin-ImageEdit"); 410 jQuery("body").removeClass("admin-ImageEdit"); 411 } 412 else { 413 jQuery("body").removeClass("userAdmin-ImageEdit"); 414 jQuery("body").addClass("admin-ImageEdit"); 415 } 416 417 fnImageEditor_Overlay(); 418 jQuery('#admin-imageEditor-overlay').css("display","none"); 419 jQuery('#admin-imageEditor-overlay').css("z-index",0); 420 ImageDialog.initImage(dat["P"], dat); 421 422// adjust Editor UI 423 jQuery('#page_imagePortRen_' + dat["P"] + "-editor").css({"z-index": parseInt(jQuery('#admin-imageEditor-overlay').css("z-index")) + 1}); 424 jQuery('#ImageCropFormContainer').css({ 425 "top": 0, 426 "left": 0, 427 "width":"100%", 428 "height":"100%", 429 "display": "block" 430 }); 431 432 var availableHeight = jQuery('#page_imagePortRen_' + dat["P"] + "-editor").height(); 433 jQuery('#ImageCropSlider').css({ 434 height:"calc(" + availableHeight + "px - 8rem)" 435 }); 436 console.log(dat); 437 var hf = 1; 438 if(dat.maxSizingValue > dat.zoomFactor) { 439 hf = Math.log2(dat.zoomFactor) / (Math.log2(dat.maxSizingValue)); 440 }
441 jQuery('.ImageCropSizingBackgroundCritical').css({ 442 height:"calc(" + availableHeight*hf + "px - " + 8*hf + "rem)" 443 }); 444 445 if(!jQuery("body").hasClass("userAdmin-ImageEdit")) { 446 jQuery('#ImageCropSlider').css({height:availableHeight - 2*40 - 2*15 - 2*36}); 447 console.log(dat); 448 var h = availableHeight - 2*40 - 2*15 - 2*36; 449 if(dat.maxSizingValue > dat.zoomFactor) { 450 h = Math.log2(dat.zoomFactor) / (Math.log2(dat.maxSizingValue)) * h; 451 } 452 jQuery('.ImageCropSizingBackgroundCritical').css({ 453 height:h 454 }); 455 } 456 457 if(dat.maxSizingValue <= dat.zoomFactor) { 458 jQuery("#ImageCropFormContainer").addClass("disabled"); 459 } 460 else { 461 jQuery("#ImageCropFormContainer").removeClass("disabled"); 462 } 463 464 // Schieber bei niedrigen Abbildungen ausblenden 465 if(availableHeight < 240) { 466 jQuery('#ImageCropForm_Dialogue').addClass("Small"); 467 //jQuery('#ImageCropForm_Dialogue').css({top:availableHeight - 40 - 10}); 468 } 469 else { 470 jQuery('#ImageCropForm_Dialogue').removeClass("Small"); 471 //jQuery('#ImageCropForm_Dialogue').css({top:60}); 472 } 473 474 475 jQuery( "#ImageCropSlider" ).slider({ 476 orientation: "vertical", 477 step: 0.00001, 478 slide: function( event, ui ) { 479 var imDat = fnGetVals(); 480 var sz = Math.exp(ui.value / 100 * Math.log(imDat.maxSizing)); 481 var pc100 = imDat.maxSizing / 2; 482 var pc100SL = Math.log(pc100) / Math.log(imDat.maxSizing) * 100; 483 if(imDat.sizing <= pc100 * 1.001 && sz >= pc100 && sz < pc100 * 1.1) { 484 ImageDialog.adjustFromSlider(pc100SL); 485 return false; 486 } 487 if(imDat.sizing >= pc100 * 0.999 && sz <= pc100 && sz > pc100 * 0.9) { 488 ImageDialog.adjustFromSlider(pc100SL); 489 return false; 490 } 491 ImageDialog.adjustFromSlider(ui.value); 492 } 493 }); 494 495 496 jQuery('#page_imagePortRen_' + dat["P"] + "-editor").show(); 497 498 var o = jQuery('#page_imagePortRen_' + dat["P"] + "-editor").offset(); 499 var w = jQuery('#page_imagePortRen_' + dat["P"] + "-editor").width(); 500 //jQuery("#ImageCropFormContainer").css({left:o.left, width:w, top:o.top, height:availableHeight}); 501 502 503 jQuery('#page_imagePortRen_' + dat["P"] + "-editor").click(function(e) { 504 e.stopPropagation(); 505 console.log("a"); 506 }); 507 jQuery('#page_imagePortRen_' + dat["P"] + '-preview').hide(); 508 jQuery('#page_imagePortRen_' + dat["P"] + '-container .ImageInsufficient').hide(); 509 510 ImageDialog.initOrigImage(); 511 512 imPortId = pmId; 513 514// conmponent 515 var img = jQuery('#page_imagePortRen_' + dat["P"] + '-image'); 516 var w = img[0].naturalWidth; // Todo: better use vals from dat 517 var h = img[0].naturalHeight; // Todo: better use vals from dat 518 var frame = jQuery('#page_imagePortRen_' + dat["P"]); 519 var aspect = frame.height() / frame.width(); // Todo: better use vals from dat 520 if(h < w * aspect) { // hoehe ist begrenzend 521 img.css({ 522 height:"100%", 523 width:w/h*aspect*100 + "%" 524 }); 525 } 526 else { // breite ist begrenzend 527 img.css({ 528 width:"100%", 529 height:h/w/aspect*100 + "%" 530 }); 531 } 532 533 img.css({cursor: "move", "touch-action":"none"}); 534 535 //jQuery("#ZoomHint").addClass("in"); 536 537 var imPort = panzoom(document.getElementById('page_imagePortRen_' + dat["P"] + '-image'), { 538 minZoom:1, 539 maxZoom:dat["maxSizingValue"], 540 bounds:true, 541 boundsPadding:1, 542 smoothScroll: false, 543 onTouch: function(e) { 544 545 } 546 }); 547 imPort.forceZoomAbs(-(img.width()-frame.width())/2, -(img.height()-frame.height())/2, 1); 548 549 window.imPort = imPort; 550 imPort.on('transform', function(e) { 551 //console.log(performance.now()); 552 //readjust(); 553 //console.log(fnGetVals()); 554 ImageDialog.adjustSlider(); 555 }); 556 imPort.on('panend', function() { 557 558 }); 559 imPort.on('zoomend', function() { 560 561 }); 562 imPort.on('panstart', function() { 563 564 }); 565 imPort.on('zoomstart', function() { 566 567 }); 568 fnSetVals({ 569 positionX:dat["alignX"], 570 positionY:dat["alignY"], 571 sizing:dat["sizingValue"], 572 }); 573 /* 574 var xxx = [ 575 'imagePortRen_' + dat["P"], 576 { 577 maxSizingValue:dat["maxSizingValue"], 578 minSizingValue:1, 579 sizingLowerBound:'0', 580 sizingUpperBound:'fill',
581 sizingValue:dat["sizingValue"], 582 alignX:dat["alignX"], 583 alignY:dat["alignY"] 584 } 585 ]; 586 */ 587 588// end component 589 590 591 ImageDialog.adjustImageContainer(); 592 if(dat["parId"]) { 593 //fnBoxEdit_Highlight_Partial(jQuery(document.getElementById("Paragraph_" + dat["parId"].replace(/-/g,"_"))).closest(".boxFrame, .boxFrame_System").attr("id")); 594 } 595 } 596 function finishUI(pmId) { 597 fnSaveImageVals(); 598 killUI(pmId); 599 } 600 function killAnyUI() { 601 if(imPort && imPortId) 602 killUI(imPortId); 603 } 604 function killUI(pmId) { 605 if(!imPort) 606 return; 607 608 console.log("IE-kill"); 609 610 fnImageEditor_HideOverlay(); 611 var dat = zoomImageParams[imPortId]; 612 613 imPort = null; 614 imPortId = null; 615 616// kill UI here 617 618 jQuery('#page_imagePortRen_' + dat["P"] + "-editor").hide(); 619 620 jQuery("#ImageCropFormContainer").hide(); 621 //jQuery("#ImageCropSliderContainer").hide(); 622 jQuery("#AdminContainer").append(jQuery("#ImageCropFormContainer")); //.append(jQuery("#ImageCropSliderContainer")); 623 624 if(imPortBoxData) { // update with new data 625 // partal Update for Multi-Image-Box 626 var div = jQuery("<div>"); 627 div.html(imPortBoxData.Contents); 628 var me = div.find("#page_imagePortRen_" + dat["P"] + "-container-outer").parent(); 629 jQuery("#page_imagePortRen_" + dat["P"] + "-container-outer").parent().html(me.html()); 630 } 631 else { // restore old 632 var ref = jQuery('#page_imagePortRen_' + dat["P"] + "-preview"); 633 if(ref.length > 0) { 634 //jQuery("#page_imagePortRen_" + dat["P"] + "-container-outer").css({"max-width":ref[0].naturalWidth}); 635 jQuery("#page_imagePortRen_" + dat["P"] + "-container").css({"padding-bottom": (100*ref[0].naturalHeight/ref[0].naturalWidth) + "%"}); 636 } 637 } 638 } 639 640 function fnSaveImageVals() { // speichert Angaben und ersetzt Ausgabe 641 if(!imPort) 642 return 0; 643 644 console.log("save"); 645 646 var data = fnGetVals(imPortId); 647 648 if(zoomImageParams[imPortId]["field"]) 649 fnLoadingAnimation_Show("Daten werden gespeichert", {class:"Layout"}); 650 else 651 fnLoadingAnimation_Show("Daten werden gespeichert"); 652 653 654 var dataset = {}; 655 dataset[zoomImageParams[imPortId]["param"]] = jQuery.toJSON(data); 656 657 if(zoomImageParams[imPortId]["parId"]) { 658 var params = { 659 Component: "rBoxEditClass", 660 Action: "fnUpdateImageEditor", 661 Paragraph: zoomImageParams[imPortId]["parId"], 662 ParameterSent: "'none'", 663 AdditionalData: jQuery.toJSON(dataset), 664 SId: "", 665 noCache: Date() 666 }; 667 var _ajax = jQuery.ajax({ 668 url:'/ib/site/generators/rInterfaceDataExchange.php', 669 data:params, 670 async:false, 671 cache:false, 672 type:'POST' 673 }); 674 imPortBoxData = jQuery.parseJSON(_ajax.responseText); 675 676 setTimeout(function() { 677 fnLoadingAnimation_Hide(); 678 }, 300); 679 top.jQuery("#admin-imageEditor-overlay").effect("highlight", {color:"rgba(135, 199, 0, 1)"}, 800); 680 return 1; 681 } 682 else { 683 jQuery("#" + zoomImageParams[imPortId]["field"] + "_Settings").val(jQuery.toJSON(data)); 684 jQuery("#rCard").submit(); 685 //debugger; 686 } 687 688 } 689 690 691 692 var ImageDialog = { 693 flgConstrain : true, 694 origWidth: null, 695 origHeight: null, 696 697 callTimeSettings: null, 698 699 origImage: null, // original Image in imPort 700 previewImage: null, // current in-page preview-image 701 702 f: null, 703 id: null, 704 init : function() { 705 this.f = jQuery("#ImageCropForm")[0]; 706 }, 707 adjustSlider : function() { 708 if(!imPort) 709 return; 710 var imDat = fnGetVals(); 711 var val = Math.log(imDat.sizing) / Math.log(imDat.maxSizing) * 100; 712 jQuery( "#ImageCropSlider" ).slider({value: val}); 713 714 var dat = zoomImageParams[imPortId]; 715 var sizeFact = imDat.sizing / imDat.maxSizing * 100 * dat.zoomFactor; 716 jQuery("#ImageCropFormScale").html( Math.round(sizeFact) + " %");//sizeFact 717 if(Math.round(sizeFact) > 100) 718 jQuery("#ImageCropFormScale").addClass("warning"); 719 else 720 jQuery("#ImageCropFormScale").removeClass("warning"); 721 722 jQuery("#ImageCropSlider .Bottom").css("height", val * 100 + "%"); 723 }, 724 adjustFromSlider : function(raw) { 725 if(!imPort) 726 return; 727 728 var imDat = fnGetVals(); 729 var sz = Math.exp(raw / 100 * Math.log(imDat.maxSizing)); 730 fnSetSizing(sz) 731 }, 732 initImage : function(pmId, settings) { 733 this.id = pmId; 734 this.callTimeSettings = settings; 735 736 var im = jQuery("#page_imagePortRen_" + this.id + "-container-outer"); // 2014_0728: war -preview 737 738 this.previewImage = im[0]; 739 740 741 jQuery("#ImageCropFormContainer").show(); 742 jQuery("#ImageCropSliderContainer").show(); 743 }, 744 initOrigImage : function(pmId) { 745 var im = jQuery("#page_imagePortRen_" + this.id + "-image"); 746 this.origWidth = im.attr("data-width"); //im.width(); 747 this.origHeight = im.attr("data-height"); //im.height(); 748 this.origImage = im[0]; 749 750 this.initImageData(); 751 }, 752 initImageData : function() { // width and height from preview, calc. if constrained 753 var f = this.f; 754 this.adjustImageContainer(); 755 }, 756 757 adjustImageContainer: function() { 758 var f = this.f; 759 var t=this; 760 761 762 /* 763 // no need as domensions are fixed 764 var dat = zoomImageParams[imPortId]; 765 if(!dat) // keine Parameter vorhanden 766 return; 767 var maxS = Math.max(1, dat.zoomFactor * Math.min(this.origHeight / parseInt(dat.height), this.origWidth / parseInt(dat.width))); //sizeFact 768 if(imPort) { 769 imPort._maxSizingValue = maxS; 770 if(imPort._sizingValue > imPort._maxSizingValue)
771 imPort.set({sizingValue: imPort._maxSizingValue}); 772 imPort.updateUi(); 773 } 774 */ 775 this.adjustSlider(); 776 }, 777 778 779 dummy:null 780 }; 781 jQuery(document).ready(function() { 782 ImageDialog.init(); 783 784 jQuery(".ImageCropForm-Expand").click(function() { 785 var v = jQuery("#ImageCropSlider" ).slider("value"); 786 var nv = Math.max(0, Math.min(100, v+5)); 787 ImageDialog.adjustFromSlider(nv) 788 }); 789 jQuery(".ImageCropForm-Collapse").click(function() { 790 var v = jQuery("#ImageCropSlider" ).slider("value"); 791 var nv = Math.max(0, Math.min(100, v-5)); 792 ImageDialog.adjustFromSlider(nv) 793 }); 794 795 jQuery(document).on("click", "#admin-imageEditor-overlay", function() { 796 finishUI(imPortId); 797 }); 798 WMDialog.keyHandler = rImageEditor_KeyEvent; 799 function rImageEditor_KeyEvent(pmEvent) { 800 /* 801 if(27 == pmEvent.keyCode) { // ESC 802 killUI(imPortId); 803 } 804 */ 805 806 if(pmEvent.ctrlKey) { 807 if(83 == pmEvent.keyCode) { // STRG + S 808 if(!imPort) 809 return; 810 fnSaveImageVals() 811 pmEvent.preventDefault(); 812 pmEvent.stopPropagation(); 813 pmEvent.stopImmediatePropagation(); 814 } 815 } 816 } 817 }); 818 function fnUpload_ShowML(pmTE, pmAddtl, type) { 819 if(typeof(type) == "undefined") 820 type = ""; 821 fnAdminWindow({ 822 url:'/ib/site/generators/rMediaUpload.php?SId=&TreeElement=' + pmTE + '&addtlData=' + pmAddtl + '&ContentType=' + type 823 }); 824 return; 825 } 826 </script>
826 827 828
828<script> 829 setInterval(function() { 830 jQuery(".r-Ausgabebereich").each(function() { 831 var t = jQuery(this); 832 if(t.find(".boxFrame").not(".ui-draggable-dragging").not(".ui-sortable-placeholder").filter(":visible").length > 0) { 833 t.removeClass("empty"); 834 t.prev().find(".admin_Ausgabebereich").removeClass("empty"); 835 } 836 else { 837 t.addClass("empty"); 838 t.prev().find(".admin_Ausgabebereich").addClass("empty"); 839 } 840 }); 841 }, 200); 842 </script>
842 843 844 845 846
847<script type="text/javascript"> 848// touch-Klassen 849 jQuery("document").ready(function() { // init after ready and fundamental changes 850 851 if(document.getElementById("Kopf")) { 852 var headroom = new Headroom(document.getElementById("Kopf"), { 853 "offset": 205, 854 "tolerance": 5, 855 "classes": { 856 "initial": "animated", 857 "pinned": "slideDown", 858 "unpinned": "slideUp" 859 } 860 }); 861 headroom.init(); 862 } 863 864 865 //jQuery(".Zitat_Container .Zitat_Kopf").live("touchstart", function(idx, elem) { 866 867 // Inhaltsbereich 868 jQuery("div#Inhaltsbereich, .Schalter_Sidebar").on("touchstart mouseover", "a.Button, div.Verweis a, div#Untermenue a, .hoverEffect", function(idx, elem) { 869 jQuery(this).addClass("hover"); 870 }); 871 jQuery("div#Inhaltsbereich, .Schalter_Sidebar").on("touchend mouseout", "a.Button, div.Verweis a, div#Untermenue a, .hoverEffect", function(idx, elem) { 872 jQuery(this).removeClass("hover"); 873 }); 874 875 // Menue 876 jQuery("div#Hauptmenue_Alternative").on("touchstart mouseover", "a, div#Hauptmenue_Alternative_Schalter, div#Hauptmenue_Alternative_Menue span.Toggle", function(idx, elem) { 877 jQuery(this).addClass("hover"); 878 }); 879 jQuery("div#Hauptmenue_Alternative").on("touchend mouseout", "a, div#Hauptmenue_Alternative_Schalter, div#Hauptmenue_Alternative_Menue span.Toggle", function(idx, elem) { 880 jQuery(this).removeClass("hover"); 881 }); 882 883 jQuery(document).on("click", "div#Hauptmenue_Alternative_Menue a", function(idx, elem) { 884 jQuery(this).addClass("clicked"); 885 }); 886 887 // Fuss 888 jQuery("div#Seitenfuss").on("touchstart mouseover", "div.Sitemap_Fuss a", function(idx, elem) { 889 jQuery(this).addClass("hover"); 890 }); 891 jQuery("div#Seitenfuss").on("touchend mouseout", "div.Sitemap_Fuss a", function(idx, elem) { 892 jQuery(this).removeClass("hover"); 893 }); 894 895 jQuery("div#Inhaltsbereich").on("pointerdown", "span.Effect, .noUi-handle", function(idx, elem) { 896 jQuery(this).addClass("pointerdown"); 897 }); 898 jQuery("div#Inhaltsbereich").on("pointerup pointerout mouseup click mouseout", "span.Effect, .noUi-handle, a.Clear", function(idx, elem) { 899 jQuery(this).removeClass("pointerdown"); 900 }); 901 jQuery("div#Inhaltsbereich").on("click", "a.FileUpload", function(e) { 902 jQuery(this).closest(".UploadArea").find("input").trigger("click"); 903 e.stopPropagation(); 904 e.preventDefault(); 905 }); 906 jQuery("div#Inhaltsbereich").on("click", "a.Clear", function(e) { 907 jQuery(this).closest(".UploadArea").addClass("empty"); 908 jQuery(this).closest(".UploadArea").find("input").val(""); 909 e.stopPropagation(); 910 e.preventDefault(); 911 }); 912 jQuery("div#Inhaltsbereich").on("change", ".UploadArea input", function(e) { 913 var t = jQuery(this); 914 var h = ""; 915 var l = t[0].files; 916 for(var i=0; i<l.length; i++) { 917 h += l[i].name; 918 } 919 t.closest(".UploadArea").removeClass("empty"); 920 t.closest(".UploadArea").find(".Datenfeld.Value").html(h); 921 }); 922 923 /* 924 jQuery("a.Schalter, div.Verweis a").live("click", function(idx, elem) { 925 jQuery(this).removeClass("hover").addClass("active"); 926 }); 927 */ 928 }); 929 930 931// Reset der touch-Klassen 932 jQuery("document").ready(function() { 933 jQuery("a, .hover, .active").removeClass("active").removeClass("hover"); 934 }); 935 jQuery(window).unload(function(){ // load next page 936 jQuery("a").blur(); 937 jQuery("a, .hover, .active").removeClass("hover").removeClass("active"); 938 }); 939 jQuery(window).blur(function(){ // sicherheit fuer tab-switch 940 jQuery("a").blur(); 941 jQuery("a, .hover, .active").removeClass("hover").removeClass("active"); 942 }); 943</script>
943 944 945 946 947 <link rel="canonical" href="http://www.schreibmotorik-institut.com/"/> 948 <meta property="og:title" content="Homepage" /> 949 <meta property="og:url" content="http://www.schreibmotorik-institut.com/" /> 950 <meta property="og:image" content="" /> 951 <meta property="og:site_name" content="Schreibmotorik Institut - " /> 952 953 954 955<!-- PopUp-Fenster --> 956
956<script type="text/javascript"> 957 /* <![CDATA[ */ 958 959 wClasses=new Array();wClasses["604FB598-582D-4DE5-993F-2A2E36833B94"] = 'pm.toolbar="yes"; pm.location="yes"; pm.status="yes"; pm.menubar="yes"; pm.resizable="yes"; pm.scrollbars="yes"; pm.copyhistory="no"; '; 960 /* ]]> */ 961 </script>
961 962 963 964 965<!-- Blaettern / Swipen --> 966 967 968
968<script type="text/javascript"> 969 // Initialiserung der Slider 970 jQuery(document).ready(function(){ 971 try { 972 if(navigator.appVersion.indexOf("Trident/7") > 0) 973 jQuery("html").addClass("isIE"); 974 } 975 catch(e) {} 976 977 initComponents(); 978 jQuery(window).resize(fnSliderResize); // multiple events after page changes 979 jQuery(document).on("ib:BoxUpdate", function() { 980 jQuery("img[data-src]").unveil(200); // lazy load images 981 initFlexSlider(); 982 fnInitHover(); 983 }); 984 jQuery("body, html").trigger("resize"); 985 setTimeout(function() { 986 jQuery("body, html").trigger("resize"); 987 }, 200); 988 setTimeout(function() { 989 jQuery("body, html").trigger("resize"); 990 }, 500); 991 setTimeout(function() { 992 jQuery("body, html").trigger("resize"); 993 }, 1000); 994 setTimeout(function() { 995 jQuery("body, html").trigger("resize"); 996 }, 2000); 997 setTimeout(function() { 998 jQuery("body, html").trigger("resize"); 999 }, 5000); 1000 }); 1001 1002 function changeZoomLevel(pmAllow) { 1003 var aViewport = '<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5" />'; 1004 var bViewport = '<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1" />'; 1005 var sViewport = pmAllow?aViewport:bViewport; 1006 var jViewport = jQuery('meta[name="viewport"]'); 1007 if (jViewport.length > 0) { 1008 jViewport.replaceWith(sViewport); 1009 } else { 1010 jQuery('head').append(sViewport); 1011 } 1012 } 1013 1014 function initComponents() { // gesondert aktivieren (wg. ausgeblendeten slidern) 1015 /* 1016 if(jQuery("body").hasClass("needHyphens")) { 1017 Hyphenator.config({ 1018 displaytogglebox : false, 1019 minwordlength : 4 1020 }); 1021 Hyphenator.run(); 1022 jQuery("body").removeClass("needHyphens"); 1023 } 1024 */ 1025 jQuery('input, textarea').placeholder(); 1026 1027 jQuery("img[data-src]").unveil(200); // lazy load images 1028 1029 initFlexSlider(); 1030 } 1031 setInterval(function() { 1032 jQuery("img[data-src]").unveil(200); 1033 }, 400); 1034 function initFlexSlider() { 1035 var sp = parseInt(jQuery(".LinkList_Flexslider .flexslider").attr("data-start")); 1036 jQuery(".LinkList_Flexslider .flexslider").filter(":not(:has(.flex-viewport))").flexslider({ 1037 animation: "slide", 1038 slideshow:true, 1039 slideshowSpeed:5000, 1040 keyboard:false, 1041 startAt:sp, 1042 prevText:'<div><span class="Icon rcOutput-Previous"></span></div>', 1043 nextText:'<div><span class="Icon rcOutput-Next"></span></div>', 1044 //directionNav: false, 1045 //smoothHeight:true, 1046 useCSS: true, 1047 1048 dummy: null 1049 }); 1050 jQuery(".LinkList_Flexslider .flexslider").addClass("in"); 1051 1052 jQuery(".Box_PostingList_Feed .flexslider").filter(":not(:has(.flex-viewport))").flexslider({ 1053 animation: "slide", 1054 slideshow:false, 1055 keyboard:false, 1056 prevText:'<div><span class="Icon rcOutput-Previous"></span></div>', 1057 nextText:'<div><span class="Icon rcOutput-Next"></span></div>', 1058 //smoothHeight:true, 1059 useCSS: true, 1060 before:function(t) { 1061 t.find("video, audio").each(function() { 1062 try { 1063 this.pause(); 1064 } 1065 catch(e) {} 1066 }) 1067 }, 1068 1069 dummy: null 1070 }); 1071 1072 1073 jQuery(".Bildslider .flexslider").filter(":not(:has(.flex-viewport))").flexslider({ 1074 animation: "slide", 1075 slideshow:false, 1076 keyboard:false, 1077 prevText:'<div><span class="Icon rcOutput-Previous"></span></div>', 1078 nextText:'<div><span class="Icon rcOutput-Next"></span></div>', 1079 directionNav: false, 1080 //smoothHeight:true, 1081 useCSS: true, 1082 1083 dummy: null 1084 }); 1085 1086 jQuery(".ImageList_Flexslider_klein .flexslider").filter(":not(:has(.flex-viewport))").flexslider({ 1087 animation: "slide", 1088 slideshow: false, 1089 keyboard:false, 1090 prevText:'<span class="Icon32 rcOutput-Previous"></span>', 1091 nextText:'<span class="Icon32 rcOutput-Next"></span>', 1092 //smoothHeight:true, 1093 itemWidth: 200, 1094 itemMargin: 0, 1095 minItems: 2, 1096 maxItems: 7, 1097 animationLoop:false, 1098 useCSS: true, 1099 1100 dummy: null 1101 }) 1102 1103 fnSliderResize(); 1104 } 1105 function fnSliderResize() { 1106 //jQuery(".ImageList_Flexslider .flexslider .flex-caption").css({"width":jQuery('div#Ausgabe_Mitte').width()}); 1107 /* 1108 var defW = 1230; 1109 var defH = 1230; 1110 var h = Math.round(Math.min(jQuery('div#Ausgabe_Mitte').width() * defH / defW, defH)); 1111 if(h > 0) { 1112 jQuery('.flexslider').css("height", h+"px"); 1113 } 1114 */ 1115 1116 var w = jQuery('div#Ausgabe_Mitte').width(); 1117 if(w >=400) { 1118 jQuery(".ImageList_Flexslider_klein .flexslider").css({"width":Math.floor(w/200)*200, "max-width":99999}); 1119 } 1120 else { 1121 jQuery(".ImageList_Flexslider_klein .flexslider").css({"width":"auto", "max-width":400}); 1122 } 1123 }
1124 // Sidebar 1125 function fnToggleSidebar() { 1126 jQuery("body").toggleClass("modeSidebar"); 1127 } 1128 1129 jQuery(document).ready(function() { 1130 jQuery("#Sidebar-Block").on("click", function(e){ 1131 jQuery("body").removeClass("modeSidebar"); 1132 }); 1133 /* 1134 jQuery("#Sidebar, #Sidebar-Handle, #Sidebar-Block").on("touchmove", function(e){ 1135 e.preventDefault(); 1136 e.stopPropagation(); 1137 }); 1138 jQuery("#Sidebar, #Sidebar-Handle, #Sidebar-Block").swipe({ 1139 swipeStatus:function(event, phase, direction, distance, duration, fingers) 1140 { 1141 if (phase=="move" && direction =="right") { 1142 jQuery("body").addClass("modeSidebar"); 1143 return false; 1144 } 1145 if (phase=="move" && direction =="left") { 1146 jQuery("body").removeClass("modeSidebar"); 1147 return false; 1148 } 1149 } 1150 }); 1151 */ 1152 }); 1153 // End Sidebar 1154 1155function getCookie(c_name) { 1156 var i, x, y, ARRcookies=document.cookie.split(";"); 1157 for (i=0; i<ARRcookies.length; i++) { 1158 x = ARRcookies[i].substr(0,ARRcookies[i].indexOf("=")); 1159 y = ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1); 1160 x = x.replace(/^\s+|\s+$/g,""); 1161 if (x == c_name) { 1162 return unescape(y); 1163 } 1164 } 1165} 1166function get_cookie(name){ 1167 return getCookie(name)?true:false; 1168} 1169 1170 jQuery(document).ready(function() { 1171 var cc = getCookie("CookieConsent"); 1172 if(typeof(cc) == "undefined" || !cc || cc.indexOf("required") < 0) { 1173 jQuery('.Cookie').removeClass('out'); 1174 } 1175 1176 jQuery(".LegalCookie .CookieBtn").on("click", function(evt) { 1177 evt.preventDefault(); 1178 jQuery(".LegalCookie").addClass("out"); 1179 setLegalCookie(); 1180 }); 1181 function setLegalCookie(){ 1182 var today = new Date(); 1183 var expire = new Date(); 1184 expire.setTime(today.getTime() + 3600000*24*365*10); 1185 //document.cookie = "legal=1;path=/;domain=.domain.de;expires="+expire.toGMTString(); 1186 document.cookie = "CookieConsent=required;path=/;expires="+expire.toGMTString(); 1187 } 1188 }); 1189 </script>
1189 1190 1191
1192<script> 1193 1194 1195////////////////////////// 1196// Buttons 1197// - init hover effect (add class) 1198// - create events for "data-trigger" 1199// - has to be called after addition of buttons (e.g. when creating messages) 1200////////////////////////// 1201 1202jQuery(document).ready(function() { 1203 jQuery(window).on("scroll", function() { 1204 var st = jQuery(window).scrollTop(); 1205 if(st > 80) { 1206 jQuery("html").addClass("scrolled"); 1207 } 1208 else if(st < 10) { 1209 jQuery("html").removeClass("scrolled"); 1210 } 1211 }); 1212 jQuery(window).trigger("scroll"); 1213 setTimeout(function() { 1214 jQuery("#Kopf").addClass("in"); 1215 }, 500); 1216 setInterval(function() { 1217 jQuery(".boxFrame:hover").removeClass("noHover").parents(".boxFrame").addClass("noHover"); 1218 }, 100); 1219}); 1220function fnInitTrigger() { 1221 jQuery("[data-trigger]").not(".hasTrigger").each(function() { 1222 var t = jQuery(this); 1223 t.addClass("hasTrigger"); 1224 t.on("click", function() { 1225 if(t.hasClass("disabled")) 1226 return; 1227 jQuery(document).trigger("app:Activity"); 1228 jQuery(document).trigger(t.attr("data-trigger")); 1229 }); 1230 }); 1231} 1232 1233function fnInitHover() { 1234 //jQuery(".Footer a, .addHover").not(".hasHover").each(function() { 1235 jQuery("input[type=checkbox]").not(".hasToggle").each(function() { 1236 var t = jQuery(this); 1237 var to = 0; 1238 t.on("change", function() { 1239 t.addClass("changed"); 1240 }); 1241 t.on("blur", function() { 1242 to = setTimeout(function() { 1243 t.removeClass("changed"); 1244 }, 100); 1245 console.log("blur"); 1246 }); 1247 t.on("focus", function() { 1248 clearTimeout(to); 1249 console.log("focus" + to); 1250 }); 1251 t.addClass("hasToggle"); 1252 }); 1253 jQuery(".Footer .Map a, .addHover").not(".hasHover").each(function() { 1254 var t = jQuery(this); 1255 t.on("pointerdown pointerover", function() { 1256 var hgs = t.parents(".hoverGroup"); 1257 hgs.each(function() { 1258 var hg = jQuery(this); 1259 var to = hg.prop("to"); 1260 if(to) 1261 clearTimeout(to); 1262 hg.addClass("hovered"); 1263 hg.find(".hover").removeClass("hover"); 1264 }); 1265 t.addClass("hover"); 1266 }); 1267 t.on("pointerup pointerout", function(e) { 1268 e.stopPropagation(); 1269 //t.removeClass("hover"); 1270 var hgs = t.parents(".hoverGroup"); 1271 if(hgs.length > 0) { 1272 hgs.each(function() { 1273 var hg = jQuery(this); 1274 var to = setTimeout(function() { 1275 hg.removeClass("hovered"); 1276 t.removeClass("hover"); 1277 }, 300); 1278 hg.prop("to", to); 1279 }); 1280 } 1281 else { 1282 t.removeClass("hover"); 1283 } 1284 console.log("remove"); 1285 }); 1286 t.addClass("hasHover"); 1287 }); 1288 jQuery(".hoverGroup").on("pointerup pointerout", function() { 1289 jQuery(this).removeClass("hovered"); 1290 }); 1291} 1292jQuery(document).ready(function() { 1293 fnInitHover(); 1294}); 1295 1296/* 1297(function($) { 1298 $.fn.unveil = function(threshold, callback) { 1299 1300 var $w = $(window), 1301 th = threshold || 0, 1302 retina = window.devicePixelRatio > 1, 1303 attrib = retina? "data-src-retina" : "data-src", 1304 images = this, 1305 loaded; 1306 1307 this.one("unveil", function() { 1308 var source = this.getAttribute(attrib); 1309 source = source || this.getAttribute("data-src"); 1310 if (source) { 1311 this.setAttribute("src", source); 1312 if (typeof callback === "function") callback.call(this); 1313 } 1314 }); 1315 1316 function unveil() { 1317 var inview = images.filter(function() { 1318 var $e = $(this); 1319 if ($e.is(":hidden")) return; 1320 1321 var wt = $w.scrollTop(), 1322 wb = wt + $w.height(), 1323 et = $e.offset().top, 1324 eb = et + $e.height(); 1325 1326 return eb >= wt - th && et <= wb + th; 1327 }); 1328 1329 loaded = inview.trigger("unveil"); 1330 images = images.not(loaded); 1331 } 1332 1333 $w.on("scroll.unveil resize.unveil lookup.unveil", unveil); 1334 1335 unveil(); 1336 1337 return this; 1338 1339 }; 1340 1341})(window.jQuery || window.Zepto); 1342*/ 1343/* 1344jQuery(window).on("scroll resize", function() { 1345 var th = 0; 1346 var $w = jQuery(window); 1347 var wt = $w.scrollTop(), 1348 wb = wt + $w.height(); 1349 jQuery(".boxFrame, .BoxGap").not(".inView").each(function() { 1350 var $e = jQuery(this); 1351 var et = $e.offset().top, 1352 eb = et + $e.height(); 1353 1354 if(eb >= wt - th && et <= wb + th) { 1355 $e.addClass("inView"); 1356 } 1357 }) 1358}); 1359*/ 1360jQuery(document).ready(function() { 1361 jQuery(".TextExpandable .TextMore a").on("click", function(e) { 1362 e.stopPropagation(); 1363 e.preventDefault(); 1364 jQuery(this).closest(".TextExpandable").toggleClass("expanded"); 1365 }); 1366 jQuery(".Eintrag .TextMore a").on("click", function(e) { 1367 e.stopPropagation(); 1368 e.preventDefault(); 1369 jQuery(this).closest(".Eintrag").toggleClass("expanded"); 1370 }); 1371}); 1372 1373jQuery(window).on("beforeprint", function() { 1374 jQuery("img[data-src]").unveil(20000); 1375}); 1376 1377jQuery(window).on("resize", function() { 1378 var vh = window.innerHeight * 0.01; 1379 // Then we set the value in the --vh custom property to the root of the document 1380 document.documentElement.style.setProperty('--vh', vh + "px"); 1381 var vw = jQuery("body").prop("clientWidth") * 0.01; 1382 // Then we set the value in the --vh custom property to the root of the document 1383 document.documentElement.style.setProperty('--vw', vw + "px"); 1384 //alert(vh); 1385}); 1386jQuery(document).ready(function() { 1387 jQuery(window).trigger("resize"); 1388 jQuery("body").on("click", function(e) { 1389 if(jQuery(".popWin").length <= 0) 1390 return; 1391 if(jQuery(e.target).closest(".popWin").length > 0) 1392 return; 1393 /* 1394 e.stopPropagation(); 1395 e.preventDefault(); 1396 */ 1397 jQuery(".popWin").remove(); 1398 }); 1399 setTimeout(function() { 1400 jQuery("a.pop").on("click", function(e) { 1401 e.preventDefault(); 1402 e.stopPropagation(); 1403 jQuery(".popWin").remove(); 1404 if(jQuery("#Ausgabe_Rechts").is(":visible")) { 1405 jQuery("#Ausgabe_Rechts").prepend('<div class="output popWin"><div class="popWin2"><a href="#" class="Close" title="Close"><span class="Icon rcOutput-Close"></span></a>' + jQuery("#" + jQuery(this).attr("data-id")).html() + '</div></div>'); 1406 } 1407 else { 1408 jQuery("body").append('<div class="output popWin"><div class="popWin2"><a href="#" class="Close" title="Close"><span class="Icon rcOutput-Close"></span></a>' + jQuery("#" + jQuery(this).attr("data-id")).html() + '</div></div>'); 1409 } 1410 jQuery(".popWin a.Close").on("click", function(e) { 1411 e.preventDefault(); 1412 e.stopPropagation(); 1413 jQuery(".popWin").remove(); 1414 }); 1415 }); 1416 }, 500); 1417}); 1418</script>
1418 1419
1420<script src="/ib/site/elements/debounce.js?2021_1029"></script>
vendor: 1 bytes, line 1420
1420
1421<script src="/ib/site/elements/filter.js?d11791164627"></script>
1421 1422 1423 1424<link rel="stylesheet" type="text/css" href="/ib/site/elements/app.css?1791164627" /> 1425 1426 1427 1428</head> 1429 1430<body class="Page_Standard needHyphens"> 1431 1432 1433 1434<div id="Layoutrahmen"> 1435 1436 <div id="Layoutbereich" class="output"> 1437 <div id="Layoutbereich_Innen"> 1438 <div id="Kopf_Placeholder"><div class="HeaderRow"><div id="Logo_Placeholder"><a></a></div></div></div> 1439 <div id="Kopf"> 1440 <div class="HeaderRow"> 1441 <!-- Logo --> 1442 1443 <div id="Menuebereich" style=""> 1444 <!-- Hauptmenue --> 1445 <div class="Row1 noDevice"> 1446 <div class=" Edition"> 1447 1448 1449<!-- Kasten Ausgabe --> 1450 1451 1452 1453<!--noindex--> 1454 1455<div class="noprint"> 1456 1457 1458 1459 <a class="selected addHover edn" href="/2a8cefe1-9125-7378-df4d-dba56cbb1850?Edition=de" 1460 title="Deutsch"> 1461 de </a> 1462 1463 1464 <span>|</span> 1465 1466 <a class="addHover edn" href="/37bc0fc5-fb3f-599e-094b-f0d19573918c?Edition=en" 1467 title="English"> 1468 en </a> 1469 1470 1471<a class="simpleLanguage" title="leichte Sprache" href="/leichte_sprache/"> 1472<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="500" zoomAndPan="magnify" viewBox="0 0 375 375" height="500" preserveAspectRatio="xMidYMid meet" version="1.0"><defs><clipPath id="e80ff6cbef"><path d="M 111.566406 59.507812 L 261.566406 59.507812 L 261.566406 134.507812 L 111.566406 134.507812 Z M 111.566406 59.507812 " clip-rule="nonzero"/></clipPath><clipPath id="09a0dce7c5"><path d="M 111.566406 64.757812 L 111.566406 129.257812 C 111.566406 132.15625 113.917969 134.507812 116.816406 134.507812 L 256.316406 134.507812 C 259.214844 134.507812 261.566406 132.15625 261.566406 129.257812 L 261.566406 64.757812 C 261.566406 63.363281 261.011719 62.027344 260.027344 61.042969 C 259.042969 60.058594 257.707031 59.507812 256.316406 59.507812 L 116.816406 59.507812 C 113.917969 59.507812 111.566406 61.855469 111.566406 64.757812 Z M 111.566406 64.757812 " clip-rule="nonzero"/></clipPath><clipPath id="b06dccc70b"><path d="M 33.238281 105.800781 L 38.488281 105.800781 L 38.488281 111.050781 L 33.238281 111.050781 Z M 33.238281 105.800781 " clip-rule="nonzero"/></clipPath><clipPath id="7227c195a2"><path d="M 334.738281 104 L 342.238281 104 L 342.238281 111.5 L 334.738281 111.5 Z M 334.738281 104 " clip-rule="nonzero"/></clipPath><clipPath id="487c7a3bbb"><path d="M 332.472656 262.023438 L 341.472656 262.023438 L 341.472656 271.023438 L 332.472656 271.023438 Z M 332.472656 262.023438 " clip-rule="nonzero"/></clipPath><clipPath id="3ff0510513"><path d="M 33.332031 262.683594 L 42.332031 262.683594 L 42.332031 271.683594 L 33.332031 271.683594 Z M 33.332031 262.683594 " clip-rule="nonzero"/></clipPath><clipPath id="ca36ddf547"><path d="M 181.539062 308.632812 L 191.289062 308.632812 L 191.289062 318.382812 L 181.539062 318.382812 Z M 181.539062 308.632812 " clip-rule="nonzero"/></clipPath></defs><rect x="-37.5" width="450" fill="#ffffff" y="-37.499999" height="449.999989" fill-opacity="1"/><rect x="-37.5" width="450" fill="#ffffff" y="-37.499999" height="449.999989" fill-opacity="1"/><path stroke-linecap="butt" transform="matrix(0.716407, -0.221947, 0.221947, 0.716407, 185.123474, 151.208575)" fill="none" stroke-linejoin="miter" d="M 0.00111592 6.497637 L 211.984568 6.500816 " stroke="#464646" stroke-width="13" stroke-opacity="1" stroke-miterlimit="4"/><path stroke-linecap="butt" transform="matrix(-0.718803, -0.21406, 0.21406, -0.718803, 185.199045, 160.285609)" fill="none" stroke-linejoin="miter" d="M 0.000797447 6.499911 L 209.46936 6.501267 " stroke="#464646" stroke-width="13" stroke-opacity="1" stroke-miterlimit="4"/><path stroke-linecap="butt" transform="matrix(0.00177176, -0.749998, 0.749998, 0.00177176, 332.243625, 266.85347)" fill="none" stroke-linejoin="miter" d="M 0.00226866 6.498097 L 211.65392 6.498102 " stroke="#464646" stroke-width="13" stroke-opacity="1" stroke-miterlimit="4"/><path stroke-linecap="butt" transform="matrix(0.000000001309, -0.75, 0.75, 0.000000001309, 33.104131, 265.899885)" fill="none" stroke-linejoin="miter" d="M 0.00192993 6.501785 L 209.746735 6.501784 " stroke="#464646" stroke-width="13" stroke-opacity="1" stroke-miterlimit="4"/><path stroke-linecap="butt" transform="matrix(-0.715713, -0.224177, 0.224177, -0.715713, 186.144427, 318.343865)" fill="none" stroke-linejoin="miter" d="M 0.000146206 6.50041 L 209.745001 6.499883 " stroke="#464646" stroke-width="13" stroke-opacity="1" stroke-miterlimit="4"/><path stroke-linecap="butt" transform="matrix(0.71538, -0.225236, 0.225236, 0.71538, 184.168058, 308.993094)" fill="none" stroke-linejoin="miter" d="M 0.000325081 6.502153 L 208.932509 6.497461 " stroke="#464646" stroke-width="13" stroke-opacity="1" stroke-miterlimit="4"/><path stroke-linecap="butt" transform="matrix(0, 0.75, -0.75, 0, 191.471843, 155.648675)" fill="none" stroke-linejoin="miter" d="M -0.000317172 6.498916 L 208.931988 6.498916 " stroke="#464646" stroke-width="13" stroke-opacity="1" stroke-miterlimit="4"/><path stroke-linecap="butt" transform="matrix(-0.725519, -0.190058, 0.190058, -0.725519, 155.351977, 194.253254)" fill="none" stroke-linejoin="miter" d="M 0.00125973 6.497351 L 123.70099 6.499538 " stroke="#464646" stroke-width="13" stroke-opacity="1" stroke-miterlimit="4"/><path stroke-linecap="butt" transform="matrix(-0.725519, -0.190058, 0.190058, -0.725519, 154.116602, 227.945054)" fill="none" stroke-linejoin="miter" d="M 0.000101837 6.498197 L 123.699832 6.500384 " stroke="#464646" stroke-width="13" stroke-opacity="1" stroke-miterlimit="4"/><path stroke-linecap="butt" transform="matrix(-0.725519, -0.190058, 0.190058, -0.725519, 153.451401, 261.769905)" fill="none" stroke-linejoin="miter" d="M -0.00115255 6.499398 L 123.698577 6.501585 " stroke="#464646" stroke-width="13" stroke-opacity="1" stroke-miterlimit="4"/><g clip-path="url(#e80ff6cbef)"><g clip-path="url(#09a0dce7c5)"><path fill="#464646" d="M 261.566406 134.507812 L 247.328125 134.507812 C 247.328125 101 220.070312 73.742188 186.566406 73.742188 C 153.058594 73.742188 125.800781 101 125.800781 134.507812 L 111.566406 134.507812 C 111.566406 93.152344 145.210938 59.507812 186.566406 59.507812 C 227.921875 59.507812 261.566406 93.152344 261.566406 134.507812 Z M 261.566406 134.507812 " fill-opacity="1" fill-rule="nonzero"/></g></g><g clip-path="url(#b06dccc70b)"><path fill="#464646" d="M 36.035156 105.800781 C 37.578125 105.800781 38.828125 107.050781 38.828125 108.59375 C 38.828125 110.136719 37.578125 111.390625 36.035156 111.390625 C 34.492188 111.390625 33.238281 110.136719 33.238281 108.59375 C 33.238281 107.050781 34.492188 105.800781 36.035156 105.800781 Z M 36.035156 105.800781 " fill-opacity="1" fill-rule="evenodd"/></g><g clip-path="url(#7227c195a2)"><path fill="#464646" d="M 338.429688 104 C 340.46875 104 342.121094 105.652344 342.121094 107.691406 C 342.121094 109.730469 340.46875 111.382812 338.429688 111.382812 C 336.390625 111.382812 334.738281 109.730469 334.738281 107.691406 C 334.738281 105.652344 336.390625 104 338.429688 104 Z M 338.429688 104 " fill-opacity="1" fill-rule="evenodd"/></g><g clip-path="url(#487c7a3bbb)"><path fill="#464646" d="M 337.121094 262.023438 C 339.6875 262.023438 341.765625 264.105469 341.765625 266.667969 C 341.765625 269.234375 339.6875 271.316406 337.121094 271.316406 C 334.554688 271.316406 332.472656 269.234375 332.472656 266.667969 C 332.472656 264.105469 334.554688 262.023438 337.121094 262.023438 Z M 337.121094 262.023438 " fill-opacity="1" fill-rule="evenodd"/></g><g clip-path="url(#3ff0510513)"><path fill="#464646" d="M 37.980469 262.683594 C 40.546875 262.683594 42.625 264.765625 42.625 267.332031 C 42.625 269.898438 40.546875 271.976562 37.980469 271.976562 C 35.414062 271.976562 33.332031 269.898438 33.332031 267.332031 C 33.332031 264.765625 35.414062 262.683594 37.980469 262.683594 Z M 37.980469 262.683594 " fill-opacity="1" fill-rule="evenodd"/></g><g clip-path="url(#ca36ddf547)"><path fill="#464646" d="M 186.597656 308.632812 C 189.386719 308.632812 191.652344 310.894531 191.652344 313.6875 C 191.652344 316.480469 189.386719 318.746094
1472186.597656 318.746094 C 183.804688 318.746094 181.539062 316.480469 181.539062 313.6875 C 181.539062 310.894531 183.804688 308.632812 186.597656 308.632812 Z M 186.597656 308.632812 " fill-opacity="1" fill-rule="evenodd"/></g></svg> 1473</span> 1474 <a class="addHover edn" href="/suche" 1475 title="Suche"> 1476 Suche </a> 1477 1478</div> 1479 1480<!--/noindex--> </div> 1481 </div> 1482 <div id="Hauptmenue" style=""> 1483 1484 1485 1486 1487<!-- Baustein Hauptmenue --> 1488<!--noindex--> 1489 1490
1491<script type="text/javascript"> 1492jQuery(document).ready(function(){ 1493 var $ = jQuery; 1494 1495// Hauptmenue, mobil 1496 var initialized = $("div#Hauptmenue_Alternative_Schalter span.Toggle"); 1497 if(initialized.length > 0) 1498 return; 1499 1500 // Schalter ergaenzen 1501 $("div#Hauptmenue_Alternative_Schalter").prepend("<span class=\"Toggle Icon rcOutput-Menu\"></span><span class=\"Toggle Icon rcOutput-Close\"></span>"); 1502 fnUpdateMenuTT(); 1503 1504 // Ein-/Ausblenden Menue gesamt 1505 $("div#Hauptmenue_Alternative_Schalter").click(function(e) { 1506 $("div#Hauptmenue_Alternative").toggleClass("erweitert"); 1507 if($("div#Hauptmenue_Alternative").hasClass("erweitert")) { 1508 $("div#Hauptmenue_Alternative_Menue").show("blind"); 1509 $("body").addClass("hasMenu"); 1510 } 1511 else { 1512 $("div#Hauptmenue_Alternative_Menue").hide("blind"); 1513 $("body").removeClass("hasMenu"); 1514 } 1515 e.preventDefault(); 1516 e.stopImmediatePropagation(); 1517 fnUpdateMenuTT(); 1518 }); 1519 function fnUpdateMenuTT() { // set TT 1520 var elem = $("div#Hauptmenue_Alternative_Schalter"); 1521 if($("div#Hauptmenue_Alternative.erweitert").length > 0) { 1522 jQuery(elem).attr({title:"Menü reduzieren"}); 1523 } 1524 else { 1525 jQuery(elem).attr({title:"Menü erweitern"}); 1526 } 1527 } 1528 1529 fnInitMainMenu(); 1530 jQuery("body").click(function(e) { 1531 if($("div#Hauptmenue_Alternative").hasClass("erweitert")) { 1532 var mm = jQuery(event.target).closest("#Hauptmenue_Alternative"); 1533 if(mm.length > 0) 1534 return; 1535 var mm = jQuery(event.target).closest("#Hauptmenue_Alternative_Menue"); 1536 if(mm.length > 0) 1537 return; 1538 $("div#Hauptmenue_Alternative_Menue").hide(); 1539 $("div#Hauptmenue_Alternative").removeClass("erweitert"); 1540 jQuery("body").removeClass("hasMenu"); 1541 e.preventDefault(); 1542 e.stopImmediatePropagation(); 1543 fnUpdateMenuTT(); 1544 } 1545 }); 1546// Hauptmenue, Superfish 1547 setTimeout(function() { 1548 $("div#Hauptmenue ul.sf-menu").supersubs({ 1549 minWidth: 12, // minimum width of sub-menus in em units 1550 maxWidth: 27, // maximum width of sub-menus in em units 1551 extraWidth: 0.3 // extra width can ensure lines don't sometimes turn over 1552 // due to slight rounding differences and font-family 1553 }).superfish({ 1554 onBeforeShow:function() { 1555 var $ul = this; 1556 var o = $ul.parent('li').offset(); 1557 var w = $ul.width(); 1558 var ww = jQuery(window).width(); 1559 var off = ww - 20 - (o.left + w + 5); 1560 if(off < 0) { 1561 $ul.css({left:off}); 1562 } 1563 else { 1564 $ul.css({left:""}); 1565 } 1566 } 1567 }); // call supersubs first, then superfish, so that subs are 1568 // not display:none when measuring. Call before initialising 1569 // containing tabs for same reason. 1570 }, 20); 1571}); 1572 1573function fnInitMainMenu() { 1574 var $ = jQuery; 1575 1576 // Kopie des Menues erstellen 1577 var tmp = "<ul>" + $("div#Hauptmenue ul.sf-menu").html() + "</ul>" 1578 //+ '<ul class="ToolsList">' + $("div#Hauptmenue ul#ToolsList").html() + "</ul>"; 1579 $("div#Hauptmenue_Alternative_Menue").html(tmp); //.addClass("hoverGroup"); 1580 $("div#Hauptmenue_Alternative_Menue > ul").addClass("MainMenu"); 1581 1582 $("div#Hauptmenue_Alternative_Menue").prepend("<div id=\"Editions\"></div>"); 1583 $("div#Hauptmenue_Alternative_Menue #Editions").append(jQuery(".Edition").clone()); 1584 $("div#Hauptmenue_Alternative_Menue #Editions .Edition").removeClass("noDevice"); 1585 1586 $("div#Hauptmenue_Alternative_Menue").append("<div id=\"ToolsList\"></div>"); 1587 $("div#Hauptmenue_Alternative_Menue #ToolsList").append(jQuery("#Ausgabe_Rechts").clone().attr("id", "")); 1588 1589 $("div#Hauptmenue_Alternative_Menue a").addClass("addHover"); 1590 $("div#Hauptmenue_Alternative_Menue .hasHover").removeClass("hasHover"); 1591 1592 // Menue-HTML aufbauen 1593 $("div#Hauptmenue_Alternative_Menue .MainMenu a, div#Hauptmenue_Alternative_Menue #ToolsList a").wrap("<div class=\"Container\" />"); 1594 $("div#Hauptmenue_Alternative_Menue ul li").each(function(idx, elem) { 1595 var c = $(elem).find("li"); 1596 if(c.length > 0) { 1597 $(elem).addClass("with-ul"); 1598 $(elem).addClass("reduziert"); 1599 } 1600 }); 1601 $("div#Hauptmenue_Alternative_Menue a").removeClass("hasHover"); 1602 fnInitHover(); 1603 // selektierten Pfad erweitern und highlighten (bei kleinen Websites i.d.R. nicht erw.) 1604 /* 1605 $("div#Hauptmenue_Alternative_Menue a.selected").parents("li").removeClass("reduziert"); 1606 $("div#Hauptmenue_Alternative_Menue a.selected").parent(".Container").addClass("selected"); 1607 */ 1608 1609 // Symbole +- ergaenzen 1610 /* 1611 $("div#Hauptmenue_Alternative_Menue ul li a").each(function(idx, elem) { 1612 $(elem).append("<span class=\"Symbol\"></span>"); 1613 }); 1614 */ 1615 $("#ToolsList .with-ul").removeClass("with-ul").removeClass("reduziert"); 1616 $("div#Hauptmenue_Alternative_Menue ul li.with-ul >div").each(function(idx, elem) { 1617 $(elem).append("<span class=\"Toggle\"><span class=\"Icon rcOutput-Plus\"></span><span class=\"Icon rcOutput-Minus\"></span></span>"); 1618 fnUpdateTT($(elem).parent().find("span.Toggle")); 1619 }); 1620 1621 // Events erweitern / reduzieren 1622 $("div#Hauptmenue_Alternative_Menue ul li span.Toggle").each(function(idx, elem) { 1623 $(elem).click(function(evt) { 1624 evt.preventDefault(); 1625 var t = $(elem).parents("li").first(); 1626 if(t.hasClass("reduziert")) { 1627 jQuery("div#Hauptmenue_Alternative_Menue ul li.with-ul").addClass("reduziert"); 1628 } 1629 t.toggleClass("reduziert"); 1630 fnUpdateTT(elem); 1631 }); 1632 }); 1633 /* 1634 jQuery("body").addClass("hasMenu"); 1635 jQuery("#Hauptmenue_Alternative_Menue").show(); 1636 */ 1637 function fnUpdateTT(elem) { // set TT 1638 if($(elem).parents("li.reduziert").length > 0) { 1639 jQuery(elem).attr({title:"Menüpunkt erweitern"}); 1640 } 1641 else { 1642 jQuery(elem).attr({title:"Menüpunkt reduzieren"}); 1643 } 1644 } 1645} 1646 1647 1648</script>
1648 1649 1650 1651<ul class="sf-menu xxhoverGroup"> 1652 <!-- 1653 <li> 1654 <a class="selected" href="/" title=""> 1655 Startseite </a> 1656 </li> 1657 --> 1658 1659 1660<!-- Inhalte Ebene 1 --> 1661 <li> 1662 <a class="addHover " 1663 href="/institut/" 1664 title="Institut"> 1665 Institut </a> 1666 1667<!-- Ebene 2 --> 1668 <ul class="sub-menu xxhoverGroup"> 1669 1670 <!-- Inhalte Ebene 2 --> 1671 <li> 1672 <a class="addHover " 1673 href="/ueberuns/" 1674 title="Ãber uns"> 1675 Ãber uns </a> 1676 1677<!-- Ebene 3 --> 1678 1679 </li> 1680 1681 1682 <!-- Inhalte Ebene 2 --> 1683 <li> 1684 <a class="addHover " 1685 href="/team/" 1686 title="Team"> 1687 Team </a> 1688 1689<!-- Ebene 3 --> 1690 1691 </li> 1692 1693 1694 <!-- Inhalte Ebene 2 --> 1695 <li> 1696 <a class="addHover " 1697 href="/karriere/" 1698 title="Karriere"> 1699 Karriere </a> 1700 1701<!-- Ebene 3 --> 1702 1703 </li> 1704 1705 1706 <!-- Inhalte Ebene 2 --> 1707 <li> 1708 <a class="addHover " 1709 href="/kontakt/" 1710 title="Kontakt"> 1711 Kontakt </a> 1712 1713<!-- Ebene 3 --> 1714 1715 </li> 1716 1717 </ul> 1718 1719 </li> 1720 1721 1722<!-- Inhalte Ebene 1 --> 1723 <li> 1724 <a class="addHover " 1725 href="/forschung/" 1726 title="Forschung am Schreibmotorik Institut"> 1727 Forschung </a> 1728 1729<!-- Ebene 2 --> 1730 <ul class="sub-menu xxhoverGroup"> 1731 1732 <!-- Inhalte Ebene 2 --> 1733 <li> 1734 <a class="addHover " 1735 href="/projekte/" 1736 title="Projekte"> 1737 Projekte </a> 1738 1739<!-- Ebene 3 --> 1740 1741 </li> 1742 1743 1744 <!-- Inhalte Ebene 2 --> 1745 <li> 1746 <a class="addHover " 1747 href="/publikationen/" 1748 title="Publikationen"> 1749 Publikationen </a> 1750 1751<!-- Ebene 3 --> 1752 1753 </li> 1754 1755 </ul> 1756 1757 </li> 1758 1759 1760<!-- Inhalte Ebene 1 --> 1761 <li> 1762 <a class="addHover " 1763 href="/initiativekritzelpate/" 1764 title="Kritzelpate"> 1765 Kritzelpate </a> 1766 1767<!-- Ebene 2 --> 1768 <ul class="sub-menu xxhoverGroup"> 1769 1770 <!-- Inhalte Ebene 2 --> 1771 <li> 1772 <a class="addHover " 1773 href="/kritzelpate/" 1774 title="Initiative Kritzelpate"> 1775 Ãber Kritzelpate </a> 1776 1777<!-- Ebene 3 --> 1778 1779 </li> 1780 1781 1782 <!-- Inhalte Ebene 2 --> 1783 <li> 1784 <a class="addHover " 1785 href="/kritzelpate_ehrenamt/" 1786 title="Kritzelpate für Ehrenamtliche"> 1787 Kritzelpate für Ehrenamtliche </a> 1788 1789<!-- Ebene 3 --> 1790 1791 </li> 1792 1793 1794 <!-- Inhalte Ebene 2 --> 1795 <li> 1796 <a class="addHover " 1797 href="/kritzelpate_csr/" 1798 title="Kritzelpate: Ihr Unternehmen für die Zukunft von Kindern"> 1799 Kritzelpate für Unternehmen </a> 1800 1801<!-- Ebene 3 --> 1802 1803 </li> 1804 1805 1806 <!-- Inhalte Ebene 2 --> 1807 <li> 1808 <a class="addHover " 1809 href="/kritzelpate_veranstaltungen/" 1810 title="Veranstaltungen"> 1811 Veranstaltungen </a> 1812 1813<!-- Ebene 3 --> 1814 1815 </li> 1816 1817 </ul> 1818 1819 </li> 1820 1821 1822<!-- Inhalte Ebene 1 --> 1823 <li> 1824 <a class="addHover " 1825 href="/infothek/" 1826 title="Infothek"> 1827 Infothek </a> 1828 1829<!-- Ebene 2 --> 1830 1831 </li> 1832 1833 1834<!-- Inhalte Ebene 1 --> 1835 <li> 1836 <a class="addHover " 1837 href="/654cf268-40ef-2917-f376-e9d2eed678d8" 1838 title="Leistungen"> 1839 Leistungen </a> 1840 1841<!-- Ebene 2 --> 1842 <ul class="sub-menu xxhoverGroup"> 1843 1844 <!-- Inhalte Ebene 2 --> 1845 <li> 1846 <a class="addHover " 1847 href="/unternehmen/" 1848 title="Für Unternehmen"> 1849 Für Unternehmen </a> 1850 1851<!-- Ebene 3 --> 1852 1853 </li> 1854 1855 1856 <!-- Inhalte Ebene 2 --> 1857 <li> 1858 <a class="addHover " 1859 href="/fortbildung/" 1860 title="Fortbildungen"> 1861 Fortbildungen </a> 1862 1863<!-- Ebene 3 --> 1864 1865 </li> 1866 1867 1868 <!-- Inhalte Ebene 2 --> 1869 <li> 1870 <a class="addHover " 1871 href="/schreibanalyse/" 1872 title="Schreibanalysetool: Die Kompetenzspinne"> 1873 Schreibanalysetool </a> 1874 1875<!-- Ebene 3 --> 1876 1877 </li> 1878 1879 1880 <!-- Inhalte Ebene 2 --> 1881 <li> 1882 <a class="addHover " 1883 href="/zss/" 1884 title="Zertifikat Schreibmotorik-Schule: Vorläufer- und Schreibfertigkeiten (ZSS)"> 1885 Zertifikat Schreibmotorik-Schule </a> 1886 1887<!-- Ebene 3 --> 1888 1889 </li> 1890 1891 </ul> 1892 1893 </li> 1894 1895 1896<!-- Inhalte Ebene 1 --> 1897 <li> 1898 <a class="addHover " 1899 href="/kooperation/" 1900 title="Kooperationen"> 1901 Kooperationen </a> 1902 1903<!-- Ebene 2 --> 1904 <ul class="sub-menu xxhoverGroup"> 1905 1906 <!-- Inhalte Ebene 2 --> 1907 <li> 1908 <a class="addHover " 1909 href="/73840808-a105-cc71-01b9-f82da3eafa7f" 1910 title="Partner aus der Wissenschaft"> 1911 Partner aus der Wissenschaft </a> 1912 1913<!-- Ebene 3 --> 1914 1915 </li> 1916 1917 </ul> 1918 1919 </li> 1920 1921 1922<!-- Inhalte Ebene 1 --> 1923 <li> 1924 <a class="addHover " 1925 href="/aktuelles/" 1926 title="Aktuelles">
1927 Aktuelles </a> 1928 1929<!-- Ebene 2 --> 1930 <ul class="sub-menu xxhoverGroup"> 1931 1932 <!-- Inhalte Ebene 2 --> 1933 <li> 1934 <a class="addHover " 1935 href="/newsletter/" 1936 title="Newsletter"> 1937 Newsletter </a> 1938 1939<!-- Ebene 3 --> 1940 1941 </li> 1942 1943 1944 <!-- Inhalte Ebene 2 --> 1945 <li> 1946 <a class="addHover " 1947 href="/nachrichten/" 1948 title="Nachrichten"> 1949 Nachrichten </a> 1950 1951<!-- Ebene 3 --> 1952 1953 </li> 1954 1955 1956 <!-- Inhalte Ebene 2 --> 1957 <li> 1958 <a class="addHover " 1959 href="/aktionen/" 1960 title="Aktionen"> 1961 Aktionen </a> 1962 1963<!-- Ebene 3 --> 1964 1965 </li> 1966 1967 1968 <!-- Inhalte Ebene 2 --> 1969 <li> 1970 <a class="addHover " 1971 href="/fakten_und_tipps/" 1972 title="Fakten und Tipps"> 1973 Fakten und Tipps </a> 1974 1975<!-- Ebene 3 --> 1976 1977 </li> 1978 1979 </ul> 1980 1981 </li> 1982 1983 1984<!-- Inhalte Ebene 1 --> 1985 <li> 1986 <a class="addHover " 1987 href="/presse/" 1988 title="Presse"> 1989 Presse </a> 1990 1991<!-- Ebene 2 --> 1992 <ul class="sub-menu xxhoverGroup"> 1993 1994 <!-- Inhalte Ebene 2 --> 1995 <li> 1996 <a class="addHover " 1997 href="/pressemitteilungen/" 1998 title="Pressemitteilungen"> 1999 Pressemitteilungen </a> 2000 2001<!-- Ebene 3 --> 2002 2003 </li> 2004 2005 2006 <!-- Inhalte Ebene 2 --> 2007 <li> 2008 <a class="addHover " 2009 href="/wirindenmedien/" 2010 title="Wir in den Medien"> 2011 Wir in den Medien </a> 2012 2013<!-- Ebene 3 --> 2014 2015 </li> 2016 2017 </ul> 2018 2019 </li> 2020 2021 2022 2023</ul> 2024
2025<script> 2026 function fnLogoff() { 2027 jQuery('body').addClass('LoginSending'); 2028 var data = {action:"Logoff"}; 2029 var _ajax = jQuery.ajax({ 2030 url: '/ib/site/tools/LoginAction.php', 2031 type:'get', 2032 //async:false, 2033 data: data, 2034 complete: function() { window.location.reload(true); } 2035 } 2036 ); 2037 } 2038</script>
2038 2039 2040<!-- Seitenuebersicht --> 2041<span class="clearfix"></span> 2042 2043<!--/noindex--> 2044 </div> 2045 <div id="Hauptmenue_Alternative"> 2046 2047<!--noindex--> 2048 2049<div id="Hauptmenue_Alternative_Schalter"> 2050 </div> 2051 2052<!--/noindex--> 2053 2054 </div> 2055 </div> 2056 <div id="Logo"> 2057 <a href="/" title="Startseite"> 2058 <img src="/ib/site/elements/layout/Logo.png" class="white" alt="Logo"/> 2059 <img src="/ib/site/elements/layout/Logo.png" class="vector" alt="Logo"/> 2060 </a> 2061 </div> 2062 </div> 2063 <div id="Hauptmenue_Alternative_Menue"> 2064 </div> 2065 <!--<div class="clear"></div>--> 2066 </div> 2067 2068 2069 <div id="Inhaltsbereich"> 2070 <div id="Inhaltsbereich_Innen"> 2071 2072 2073 <div style="position:absolute; left:0px; top:0px;"> 2074 </div> 2075 <article> 2076 <div id="Ausgabebereich"> 2077 2078 2079 2080 <!-- Mittlere Spalte --> 2081 <div id="Ausgabe_MitteRechts"> 2082 <div id="Ausgabe_MitteRechts2"> 2083 <div id="Ausgabe_Mitte"> 2084 2085 2086 <div id="Ausgabe_Ueberschrift"> 2087 <div id="Ausgabe_Ueberschrift2"> 2088 <img class="Logo_Druck onlyprint" src="/ib/site/elements/layout/Logo.svg"> 2089 </div> 2090 </div> 2091 2092 2093 <div> 2094 <div class="BoxGap Box_LinkList_Flexslider "> 2095 2096<!-- Kasten Medienpool, Flexslider --> 2097 2098 2099 2100<div class="BoxPadding" style="overflow:hidden"> 2101<div class="LinkList_Flexslider" style="position:relative; max-width:100vw; padding-bottom:44%"> 2102<div class="flexslider" style="position:absolute; width:100%;height:100%;" data-start="0"> 2103 <ul class="slides"> 2104 2105 2106 2107 2108 2109 2110 2111 2112 <li class="Detail"> 2113 <img 2114 src="/ib/site/elements/Leer.gif" 2115 data-src="/ib/site/documents/image/media/par2edc03eb_5afb_6962_9af9_18a2e115ccbe_Thumb3_3489781a7db12771d6b26c799105bd63/a82298a3-a30f-ade8-0fe0-bbfd66aa95e9_6db6980c-336b-a960-5a7c-d9c1c1233c1d_cntIdThumbnail_70cea403a0161714265d182753d13358.jpg?Width=1200&Height=528%5E&Gravity=Center&Crop=1200x528%2B0%2B0&Quality=90&Sharpen=0&Confirm=1" 2116 style="display:block" 2117 alt="Mann mit Laptop und Stift in der Hand" 2118 /> 2119 <div style="position:absolute; top:0px; left:0px;"></div> 2120 <div class="flex-caption" style="bottom:0; background:transparent;position:absolute;" 2121 title="Mann mit Laptop und Stift in der Hand"> 2122 <div class="flex-caption2"> 2123 <div class="flex-caption3"> 2124 <a class="" style="text-decoration:none ! important; background:transparent;padding-right:0;" href="/ueberuns/" 2125 target="_blank" title="Ãber uns"> 2126 <!-- 2127 <h2 style=""> 2128 <span style="display:block;position:relative;">Ãber uns</span> 2129 </h2> 2130 --> 2131 <div class="Description" style=""> 2132 <div class="RichText"> 2133 <div class="">Forschung für die Zukunft des Lernens</div> </div> 2134 2135 </div> 2136 </a> 2137 </div> 2138 </div> 2139 </div> 2140 </li> 2141 2142 2143 2144 2145 2146 2147 2148 <li class="Detail"> 2149 <img 2150 src="/ib/site/elements/Leer.gif" 2151 data-src="/ib/site/documents/image/media/par2edc03eb_5afb_6962_9af9_18a2e115ccbe_Thumb3_3489781a7db12771d6b26c799105bd63/5cddac31-acea-b930-6eea-e43ae0bac5bd_f17db716-7d2a-6232-1fed-101ce910b81a_cntIdThumbnail_70cea403a0161714265d182753d13358.jpg?Width=1200&Height=528%5E&Gravity=Center&Crop=1200x528%2B0%2B0&Quality=90&Sharpen=0&Confirm=1" 2152 style="display:block" 2153 alt="Mädchen schreibt" 2154 /> 2155 <div style="position:absolute; top:0px; left:0px;"></div> 2156 <div class="flex-caption" style="bottom:0; background:transparent;position:absolute;" 2157 title="Mädchen schreibt"> 2158 <div class="flex-caption2"> 2159 <div class="flex-caption3"> 2160 <a class="" style="text-decoration:none ! important; background:transparent;padding-right:0;" href="/initiativekritzelpate/" 2161 target="_blank" title="Initiative Kritzelpate"> 2162 <!-- 2163 <h2 style=""> 2164 <span style="display:block;position:relative;">Initiative Kritzelpate</span> 2165 </h2> 2166 --> 2167 <div class="Description" style=""> 2168 <div class="RichText"> 2169 <div class="">Transfer in die Bildungspraxis</div> </div> 2170 2171 </div> 2172 </a> 2173 </div> 2174 </div> 2175 </div> 2176 </li> 2177 2178 2179 2180 2181 2182 2183 2184 <li class="Detail"> 2185 <img 2186 src="/ib/site/elements/Leer.gif" 2187 data-src="/ib/site/documents/image/media/par2edc03eb_5afb_6962_9af9_18a2e115ccbe_Thumb3_3489781a7db12771d6b26c799105bd63/63c2bf57-4dab-ef1c-660d-e56525104744_3d9be81b-8e09-5a43-a03f-25a2de3c9aa5_cntIdThumbnail_70cea403a0161714265d182753d13358.jpg?Width=1200&Height=528%5E&Gravity=Center&Crop=1200x528%2B0%2B0&Quality=90&Sharpen=0&Confirm=1" 2188 style="display:block"
2189 alt="Hand schreibt auf Tablet" 2190 /> 2191 <div style="position:absolute; top:0px; left:0px;"></div> 2192 <div class="flex-caption" style="bottom:0; background:transparent;position:absolute;" 2193 title="Hand schreibt auf Tablet"> 2194 <div class="flex-caption2"> 2195 <div class="flex-caption3"> 2196 <a class="" style="text-decoration:none ! important; background:transparent;padding-right:0;" href="/ki_projekt_leserlichkeit/" 2197 target="_blank" title="KI-Lösung zur Bewertung von Handchrift"> 2198 <!-- 2199 <h2 style=""> 2200 <span style="display:block;position:relative;">KI-Lösung zur Bewertung von Handchrift</span> 2201 </h2> 2202 --> 2203 <div class="Description" style=""> 2204 <div class="RichText"> 2205 <div class="">Innovation durch Wissenschaft</div> </div> 2206 2207 </div> 2208 </a> 2209 </div> 2210 </div> 2211 </div> 2212 </li> 2213 2214 2215 </ul> 2216</div> 2217</div> 2218 2219 2220</div> 2221 2222</div><div class="BoxGap Box_Text "> 2223 2224<!-- Baustein Text --> 2225 2226 2227 <!-- einspaltiger Text --> 2228 <div class="RichText Hinterlegung hyphenate Alignment_ BoxNarrow"> 2229 <p style="text-align: left;">Das Schreibmotorik Institut e.â¯V. ist ein gemeinnütziges, außeruniversitäres Forschungsinstitut, das sich mit bildungsrelevanten Fragestellungen beschäftigt. Im Fokus steht dabei insbesondere die Förderung sowie die individuelle Unterstützung von Lernprozessen. Zu den Schwerpunkten gehören die Verknüpfung von Lese- und Schreibkompetenzen, Händigkeit sowie die Förderung des Handschreibens über alle Lebensphasen hinweg. Darüber hinaus widmet sich das Institut aktuellen Fragestellungen, insbesondere im Kontext der schulischen Digitalisierung und dem Einsatz KI-basierter Lösungen im Bildungsbereich.</p> 2230<p><a href="/ueberuns/" >weiterlesen </a></p> </div> 2231 2232 2233</div><div class="BoxGap Box_Abbildung_Text "> 2234 2235 2236 2237 2238<!-- Baustein Abbildung, Text --> 2239 2240<div class="BoxPadding"> 2241<div class="BoxNarrow"> 2242<div class="Split"> 2243<div class="Row Row_10c"> 2244 2245 2246<!-- Abbildung --> 2247 2248<div class="Left Image"> 2249 2250 2251 <div style="position:relative;"> 2252 <div class="AbbildungContainer"> 2253 2254 2255 <!-- Abbildung mit Vergroesserung --> 2256 <span style="display:block;position:relative; max-width11:808px;"> 2257 <a href="/ib/site/documents/image/media/parf20325e0_8be2_4b0e_2ae4_476a1115d3b1_Slide_f41af43bf587baa7f6f0c33374de061c/28f5cf4b-7fdd-cac9-4c41-2084358bc912_851d18de-e1be-4ab7-ddb4-50402a4b938d_cntIdImage_d4509b51a653782ed72ca2c16a5bf975.jpg?Width=2400&Height=2400&Sharpen=0x1&Quality=90&Progr=1&Confirm=1" 2258 id="parf20325e0_8be2_4b0e_2ae4_476a1115d3b1_f6865ac8-9e2a-3d4d-913b-fcd3e6d34ac6" 2259 class="photoswipe" 2260 target="_blank" 2261 title="Spielende Kinder" 2262 data-title="Spielende Kinder" 2263 data-title2="" 2264 data-size="2039x2400" 2265 style="display:block;position:relative; padding-bottom:117.69801980198%" 2266 ><img 2267 style="display:block;position:absolute; top:0;left:0;bottom:0;right:0;;" 2268 src="/ib/site/elements/Leer.gif" 2269 data-src="/ib/site/documents/image/media/parf20325e0_8be2_4b0e_2ae4_476a1115d3b1_Slide_f41af43bf587baa7f6f0c33374de061c/28f5cf4b-7fdd-cac9-4c41-2084358bc912_851d18de-e1be-4ab7-ddb4-50402a4b938d_cntIdImage_e8cca6d518d1977182bb969e6c305c3c.jpg?Width=1280&Height=3000&Sharpen=0x1&Quality=90&Progr=1&Confirm=1" 2270 alt="Spielende Kinder"> 2271 </a> 2272 </span> 2273 2274 2275 </div> 2276 2277 2278 <!-- Fussbereich Miniatur/Text --> 2279 </div> 2280 2281 2282 2283 2284 2285 </div> 2286 2287 2288<!-- Text --> 2289 2290 <div class="Text hyphenate"> 2291 <div class="RichText"> 2292 <h2>Praxisprojekte</h2> 2293<h3>Initiative Kritzelpate </h3> 2294<p>Seit 2023 begleiten ehrenamtliche Kritzelpat:innen Kinder dabei, elementare Erfahrungen mit Stift und Papier zu sammeln. Ziel ist es, Kindern deutschlandweit die Chance zu geben, eine ermüdungsfreie, schnelle und leserliche Handschrift zu erlernen – eine wichtige Grundlage für den späteren Lernerfolg. Engagieren<span data-offset-key="dk0ad-2-0"> Sie sich ehrenamtlich als Kritzelpat:in und begleiten Sie Kinder bei ihren ersten Erfahrungen in der Welt des Schreibens.</span></p> 2295<p><a href="/kritzelpate_ehrenamt/" >weiterlesen</a></p> 2296<h3>Unternehmen für Bildung: Werden Sie jetzt Teil der Initiative Kritzelpate </h3> 2297<p>Auch mit Ihrem Unternehmen können Sie sich im Rahmen Ihrer Corporate Social Responsibility aktiv für die Förderung von Kindern einsetzen. Ü
2297bernehmen Sie Verantwortung und unterstützen Sie einen chancengleichen Start auf dem Bildungsweg kommender Generationen. </p> 2298<p><a href="/kritzelpate_csr/" ><span data-offset-key="dk0ad-2-0">weiterlesen</span></a></p> </div> 2299 </div> 2300 2301</div> 2302</div> 2303</div> 2304</div> 2305</div><div class="BoxGap Box_Abbildung_Text "> 2306 2307 2308 2309 2310<!-- Baustein Abbildung, Text --> 2311 2312<div class="BoxPadding"> 2313<div class="BoxNarrow"> 2314<div class="Split"> 2315<div class="Row Row_10c"> 2316 2317 2318<!-- Abbildung --> 2319 2320<div class="Left Image"> 2321 2322 2323 <div style="position:relative;"> 2324 <div class="AbbildungContainer"> 2325 2326 2327 <!-- Abbildung ohne Vergroesserung --> 2328 <span style="display:block;position:relative; max-width11:615px;"> 2329 <div style="position:absolute; top:0px; left:0px;z-index:10;line-height:0"></div> 2330 <span style="display:block;position:relative; padding-bottom:86.341463414634%"> 2331 <img 2332 style="display:block;position:absolute; top:0;left:0;bottom:0;right:0;;" 2333 src="/ib/site/elements/Leer.gif" 2334 data-src="/ib/site/documents/image/media/para1bdb732_e8ae_0bbb_219c_3e55a4a9c345_Slide_1f8fd0d0deb25f68af82e932bfeb4e6a/ca28698a-b711-187d-bb69-40840a5a7144_ff8e9f42-1daa-dfe8-4f3d-78d844657a17_cntIdImage_e8cca6d518d1977182bb969e6c305c3c.jpg?Width=1280&Height=3000&Sharpen=0x1&Quality=90&Progr=1&Confirm=1" 2335 title="Kind mit Tablet" 2336 alt="Kind mit Tablet"/> 2337 </span> 2338 </span> 2339 2340 2341 </div> 2342 2343 2344 <!-- Fussbereich Miniatur/Text --> 2345 </div> 2346 2347 2348 2349 2350 2351 </div> 2352 2353 2354<!-- Text --> 2355 2356 <div class="Text hyphenate"> 2357 <div class="RichText"> 2358 <h2>Forschung</h2> 2359<h3><span class="Text">Wenn Forschung auf Schulalltag trifft: Erste Eindrücke aus der KIBEL-Datenerhebung</span></h3> 2360<p>Ein wichtiger Meilenstein im Forschungsprojekt KIBEL ist erreicht: Die Datenerhebungsphase wurde erfolgreich abgeschlossen. Gemeinsam mit unseren Projektpartnern STABILO und der Universität Bamberg (Lehrstuhl für Erklärbares Maschinelles Lernen) entwickeln wir ein KI-basiertes System, das mit einem hybriden Stift (einem digitalen Stift, der auf Papier schreibt) arbeitet. Ziel des Projekts ist es, die Leserlichkeit von Handschriften automatisiert zu analysieren und Kindern auf dieser Grundlage individuelles Feedback geben zu können.</p> 2361<p><a href="/kibel_datenerhebung/" >weiterlesen</a></p> </div> 2362 </div> 2363 2364</div> 2365</div> 2366</div> 2367</div> 2368</div><div class="BoxGap Box_Link_Link "> 2369 2370<!-- Baustein Verweis --> 2371 2372 2373 2374 2375 2376 2377 2378 2379<!-- Baustein Abbildung, Text --> 2380 2381<div class="BoxPadding"> 2382<div class="BoxNarrow"> 2383<div class="LinkLink"> 2384 2385<span class="a"> 2386<!-- Text --> 2387 <div class="Text hyphenate"> 2388 <div class="Head"> 2389 <h4>Ihre Spende für bessere Bildung</h4> </div> 2390 <div class="RichText"> 2391 <p style="text-align: left;">Als gemeinnütziges Institut sind wir auf Spenden angewiesen. Mit Ihrer Spende helfen Sie dabei, wertvolle Erkenntnisse aus unserer Forschung direkt an Schulen und Eltern zu vermitteln. Durch unsere Praxisprojekte wie die Initiative Kritzelpate wirkt Ihre Unterstützung auch direkt bei den Kindern.</p> </div> 2392 2393 <a class="Standard addHover" href="/cb5ee0d7-126f-3bc1-a8f5-4d62dec7526e" title="Ihre Spende für bessere Bildung"> 2394 <span class="ReadOn">weiterlesen</span> 2395 </a> 2396 <div class="onlyprint">http://www.schreibmotorik-institut.com/cb5ee0d7-126f-3bc1-a8f5-4d62dec7526e</div> 2397 2398 </div> 2399</span> 2400 2401<span class="a"> 2402<!-- Text --> 2403 <div class="Text hyphenate"> 2404 <div class="Head"> 2405 <h4>Fortbildungen</h4> </div> 2406 <div class="RichText"> 2407 <p>Wir bieten praxisnahe Fortbildungen für Lehrkräfte, Erzieher:innen und Therapeut:innen an. Unsere Inhalte basieren stets auf den neuesten wissenschaftlichen Erkenntnissen zu den Bereichen Handschreiben und Schreibmotorik. Informieren Sie sich über unser Angebot.</p> </div> 2408 2409 <a class="Standard addHover" href="/fortbildung/" target="_blank" title="Ihre Spende für bessere Bildung"> 2410 <span class="ReadOn">weiterlesen</span> 2411 </a> 2412 <div class="onlyprint">http://www.schreibmotorik-institut.com/fortbildung/</div> 2413 2414 </div> 2415</span> 2416 2417 2418</div> 2419</div> 2420</div> 2421 2422</div><div class="BoxGap Box_Link_Link "> 2423 2424<!-- Baustein Verweis --> 2425 2426 2427 2428 2429 2430 2431 2432 2433<!-- Baustein Abbildung, Text --> 2434 2435<div class="BoxPadding"> 2436<div class="BoxNarrow"> 2437<div class="LinkLink"> 2438 2439<span class="a"> 2440<!-- Text --> 2441 <div class="Text hyphenate"> 2442 <div class="Head"> 2443 <h4>Innovationspartner gesucht</h4> </div> 2444 <div class="RichText"> 2445 <p>Für ein Förderprogramm für ein Forschungsprojekt suchen wir ein kleines bis mittelständiges Unternehmen (KMU), das mit uns eine innovative Lösung im Bereich unserer Expertisen entwickeln möchte. Schreiben Sie uns bei Interesse unter: <a href="mailto:[email protected]">[email protected]</a></p>
2445 </div> 2446 2447 2448 </div> 2449</span> 2450 2451<span class="a"> 2452<!-- Text --> 2453 <div class="Text hyphenate"> 2454 <div class="Head"> 2455 <h4>Kooperationen</h4> </div> 2456 <div class="RichText"> 2457 <div class="flex max-w-full flex-col flex-grow"> 2458<div class="min-h-8 text-message flex w-full flex-col items-end gap-2 whitespace-normal break-words text-start [.text-message+&]:mt-5" dir="auto" data-message-author-role="assistant" data-message-id="00eec5df-9876-428a-b476-70e71d24b972" data-message-model-slug="gpt-4o"> 2459<div class="flex w-full flex-col gap-1 empty:hidden first:pt-[3px]"> 2460<div class="markdown prose w-full break-words dark:prose-invert light"> 2461<p style="text-align: left;">Gemeinsam mit unseren Partnern realisieren wir wegweisende Projekte. Profitieren Sie von unserem Know-how in der Bildungs- und Schreibforschung und dessen Anwendung in Bereichen wie frühe Förderung, Pädagogik und Digitalisierung.</p> 2462</div> 2463</div> 2464</div> 2465</div> </div> 2466 2467 <a class="Standard addHover" href="/kooperation/" title="Innovationspartner gesucht"> 2468 <span class="ReadOn">weiterlesen</span> 2469 </a> 2470 <div class="onlyprint">http://www.schreibmotorik-institut.com/kooperation/</div> 2471 2472 </div> 2473</span> 2474 2475 2476</div> 2477</div> 2478</div> 2479 2480</div> <div class="clear"></div> 2481 </div> 2482 2483 <div class="clear"></div> 2484<!-- 2485 <div class="BoxGap BoxText" style="text-align:right;"> 2486 <a class="Button PrintButton adddHover noprint" href="/ib/site/tools/PDFGenerator.php?Id=2ca10d4d-8427-37ee-332b-ac45c4375410" target="_blank"><span class="Text">als PDF herunterladen</span><span class="Icon rcOutput-Download"></span></a> 2487 </div> 2488--> 2489 </div> 2490 <div id="Ausgabe_Rechts"> 2491 2492 2493 2494<!-- Baustein Untermenue --> 2495 2496<!--noindex--> 2497 2498<div class="Press"> 2499 <a class=" Level_0" href="/cb5ee0d7-126f-3bc1-a8f5-4d62dec7526e" title="Handschreiben fördern heiÃt in Bildungschancen zu investieren!"> 2500 <span class="Text">Spenden</span> 2501 </a> 2502 2503 2504 <a class=" Level_0" href="/5d14b4ad-b869-81e7-5e4d-e303d67d7e43" title="Pressekontakt"> 2505 <span class="Text">Pressekontakt</span> 2506 </a> 2507 2508</div><div class="Social"> 2509<a href="https://www.youtube.com/@schreibmotorikinstitut8467" title="YouTube" target="_blank"><span class="Icon rcOutput-Youtube"></span><span class="Text">YouTube</span></a> 2510</div> 2511 2512<!--/noindex--> 2513 </div> 2514 </div> 2515 </div> 2516 2517 <!-- Rechte Spalte --> 2518 <div class="clear"></div> 2519 </div> 2520</article> 2521 <!-- Rechte Spalte --> 2522 <div class="clear"></div> 2523 </div> 2524 </div> 2525 2526 </div> 2527 </div> 2528 2529 <div id="Seitenfuss" class="output"> 2530 <div id="Seitenfuss_Innen"> 2531 2532 2533<!-- Baustein Seitenfuss --> 2534 2535<div class="Footer hoverGroup"> 2536 2537 <!-- Ebene 1 --> 2538 <a class="addHover Kapitel" href="/impressum/" title="Impressum"> 2539 Impressum <!--<span class="Icon rcOutput-Continue"></span>--> 2540 </a> 2541 <span class="Spacer">|</span> <a class="addHover Kapitel" href="/cookies/" title="Cookie Richtlinien"> 2542 Cookie Richtlinien <!--<span class="Icon rcOutput-Continue"></span>--> 2543 </a> 2544 <span class="Spacer">|</span> <a class="addHover Kapitel" href="/agb/" title="Allgemeine Geschäftsbedingungen ÂÂfür TrainingsmaÃnahmen und Aktionen bzw. Projekte des Schreibmotorik Instituts e.V."> 2545 AGB <!--<span class="Icon rcOutput-Continue"></span>--> 2546 </a> 2547 <span class="Spacer">|</span> <a class="addHover Kapitel" href="/367aba2b-ef5a-2432-4aaf-cc5c3b61a897" title="Alternative Streitbeilegung"> 2548 Alternative Streitbeilegung <!--<span class="Icon rcOutput-Continue"></span>--> 2549 </a> 2550 <span class="Spacer">|</span> <a class="addHover Kapitel" href="/b5407b8d-115a-58c1-a976-095283a93a01" title="Kontakt"> 2551 Kontakt <!--<span class="Icon rcOutput-Continue"></span>--> 2552 </a> 2553 <span class="Spacer">|</span> <a class="addHover Kapitel" href="/datenschutz/" title="Datenschutz Datenschutzerklärung Website Schreibmotorik Institut e.V."> 2554 Datenschutz <!--<span class="Icon rcOutput-Continue"></span>--> 2555 </a> 2556 <span class="Spacer">|</span> <a class="addHover Kapitel" href="/barrierefreiheitserklaerung/" title="Barrierefreiheitserklärung"> 2557 Barrierefreiheitserklärung <!--<span class="Icon rcOutput-Continue"></span>--> 2558 </a> 2559 2560</div> </div> 2561 </div> 2562 2563</div> 2564 2565 2566 2567 2568 2569
2570<script type="text/javascript"> 2571 2572jQuery(document).ready(function() { 2573 jQuery(document).on("touchstart mousedown", ".LayoutEdit-Schalter, .Datenblatt-Schalter", function() { 2574 jQuery(this).addClass("down"); 2575 }); 2576 jQuery(document).on("touchend mouseup mouseout", ".LayoutEdit-Schalter, .Datenblatt-Schalter", function() { 2577 jQuery(this).removeClass("down"); 2578 }); 2579}); 2580jQuery(document).ready(function() { 2581 jQuery("#ib-admin-BoxList .Eintrag .Image").draggable({ 2582 connectToSortable: "div.r-Ausgabebereich", 2583 xxhelper: "clone", 2584 cursorAt: { left:20, top:12}, // offset von irgendwoher beruecksichtigt 2585 tolerance : "pointer", 2586 appendTo: "body", 2587 helper: function(pmEvent) { 2588 var x = jQuery("<div class='admin EintragDrag boxFrame noColumnSplit'></div>"); 2589 var ic = jQuery("<div class='BoxDrag-Schalter'><span class=\"Icon rcAdmin-Boxes\"></span></div>"); 2590 x.append(ic); 2591 x.attr("data-box-id", jQuery(pmEvent.currentTarget).closest(".Eintrag").attr("data-box-id")) 2592 return x[0]; 2593 }, 2594 start: function(pmEvent, pmUI) { 2595 jQuery("body").addClass("BoxEditDrag"); 2596 jQuery(document.activeElement).blur(); // exit from RTE 2597 killAnyUI(); // works with save (without kill) as well 2598 fnBoxEdit_HideMenu(); 2599 fnAdminBar_HideAfterAction(); 2600 window.setTimeout(function() { 2601 jQuery("div.r-Ausgabebereich, #boxTrash").sortable("refreshPositions"); 2602 }, 600); 2603 }, 2604 stop:function() { 2605 console.log("stop1"); 2606 jQuery("body").removeClass("BoxEditDrag"); 2607 } 2608 }); 2609 2610 2611 jQuery("div.r-Ausgabebereich, #boxTrash").each(function() { 2612 jQuery(this).sortable({ 2613 items:"> div.boxFrame, > div.boxFrame_System", 2614 xxconnectWith: "div.r-Ausgabebereich[data-ib2kx-box=4]", 2615 connectWith: "div.r-Ausgabebereich, #boxTrash", 2616 handle:".BoxEdit-Symbolleiste", 2617 cursorAt: { left:20, top:20}, 2618 tolerance : "pointer", 2619 xxrevert: true, 2620 appendTo: "body", 2621 compareZIndex: true, 2622 helper: function(pmEvent, elem) { 2623 var c = jQuery(elem.class).attr("class"); 2624 var x = jQuery("<div class='admin ui-sortable-helper'><div class='BoxDrag-Schalter'><span class=\"Icon rcAdmin-Boxes\"></span></div></div>"); 2625 return x[0]; 2626 }, 2627 start: function(pmEvent, pmUI) { 2628 pmUI.placeholder.height(pmUI.item.height()); 2629 jQuery("body").addClass("BoxEditDrag"); 2630 var i = jQuery(pmUI.item); 2631 i.appendTo(i.parent()); 2632 jQuery(".columnSplit").css("display", "block"); // why? all seem to be div 2633 window.setTimeout(function() { 2634 //i.removeClass("columnSplit").addClass("columnSplit"); 2635 jQuery(".columnSplit").css("display", "block"); 2636 jQuery("div.r-Ausgabebereich, #boxTrash").sortable("refreshPositions"); 2637 }, 10); 2638 window.setTimeout(function() { 2639 jQuery("div.r-Ausgabebereich, #boxTrash").sortable("refreshPositions"); 2640 }, 600); 2641 jQuery(document.activeElement).blur(); // exit from RTE 2642 //pmUI.item.focus(); 2643 //killAnyUI(); // force without save 2644 fnBoxEdit_HideMenu(); 2645 }, 2646 beforeStop: function(pmEvent, pmUI) { 2647 pmUI.item.removeClass("gedimmt"); 2648 console.log("beforestop"); 2649 }, 2650 stop:function(evt, item) { 2651 console.log("stop"); 2652 jQuery("body").removeClass("BoxEditDrag"); 2653 jQuery(".admin.ui-sortable-helper").remove(); 2654 // test Android 2655 //jQuery(item.item[0]).find(".LayoutEdit-Schalter.Aktivierung").trigger("click"); 2656 }, 2657 over:function() { 2658 var tSortable = this; 2659 jQuery(tSortable).addClass("ui-over"); 2660 }, 2661 out:function() { 2662 var tSortable = this; 2663 jQuery(tSortable).removeClass("ui-over"); 2664 }, 2665 update:function(pmEvent, pmUI) { 2666 console.log("update"); 2667 var tSortable = this; 2668 2669 var jqts = jQuery(tSortable); 2670 jqts.append(jqts.find(".BoxEndClear")); 2671 2672 if(pmUI.item.hasClass("EintragDrag")) { 2673 var l = this.children.length; 2674 var before = -1; 2675 for(var i=0; i<l; i++) { 2676 if(this.children[i] == pmUI.item[0]) { 2677 before = i+1; 2678 break; 2679 } 2680 } 2681 if(before == -1 || before >= l) { // not found or last 2682 fnBoxEdit_Show('Paragraph_0', jQuery(this).attr("data-ib2kx-box"), 1, pmUI.item.attr("data-box-id")) // end 2683 } 2684 else { 2685 fnBoxEdit_Show(jQuery(this.children[before]).attr("id"), jQuery(this).attr("data-ib2kx-box"), 1, pmUI.item.attr("data-box-id")) // above 2686 } 2687 pmUI.item.remove(); 2688 //fnBoxEdit_Show(rBoxEdit_Current, 1, 1, '45DF8DB7-85DA-11D7-AFAA-00E07D97B84E') // above 2689 //jQuery("body").removeClass("boxList"); 2690 return; 2691 } 2692 2693 // neue Sortierung 2694 var items = jQuery(this).sortable("toArray"); 2695 for(var i=0; i<items.length; i++) { 2696 items[i] = items[i].replace("Paragraph_", ""); 2697 //jQuery("#Requirement_" + items[i]).attr("data-array", jQuery.strPad((1+i)*10, 15, "0")); 2698 } 2699 var data = { 2700 Component: "rBoxEditClass", 2701 cntIdVersion: document.forms.rBoxEdit_Form.cntIdVersion.value, 2702 IdList: items, 2703 Box: jQuery(tSortable).attr("data-ib2kx-box"), 2704 NotifyFail: "", 2705 NotifySuccess: "", 2706 Action: "fnSetSort" 2707 }; 2708 var _ajax = jQuery.ajax({ 2709 url: '/ib/site/generators/rInterfaceDataExchange.php', 2710 type:'get', 2711 async: true, 2712 cache: false, 2713 data: data, 2714 success: function() { 2715 if(jQuery(tSortable).attr("id") == "boxTrash") 2716 return; 2717 //jQuery(tSortable).effect("highlight", {"color":"rgba(135,199,0,0.35)"}, 800); 2718 } 2719 } 2720 ); 2721 if(data.Box == "-1") { 2722 jQuery(pmUI.item[0]).remove(); 2723 } 2724 //var resp = jQuery.parseJSON(_ajax.responseText); 2725 } 2726 }); 2727 }); 2728}); 2729/* 2730jQuery("div.Bildgalerie").each(function() { 2731 jQuery(this).sortable({ 2732 items:"> div.miniaturBildgalerie", 2733 start: function(pmEvent, pmUI) { 2734 pmUI.placeholder.height(pmUI.item.height()); 2735 }, 2736 }); 2737}); 2738*/ 2739</script>
2739 2740 2741 2742 2743 2744 2745<!--noindex--> 2746
2747<script> 2748jQuery(".PrintButton").on("click", function(e) { 2749 fnLoadingAnimation_Show("PDF wird erzeugt ...", {class:"Layout"}); 2750 2751 e.stopPropagation(); 2752 e.preventDefault(); 2753 2754 var reqObj = new XMLHttpRequest(); 2755 reqObj.open('GET', jQuery(this).attr("href"),true); // 'getpdf' is the URI to recongize your request at the server 2756 reqObj.send(); 2757 2758 reqObj.onreadystatechange = function() { 2759 var resObj = this; 2760 if(resObj.readyState == resObj.DONE) { 2761 fnLoadingAnimation_Hide(); 2762 if (resObj.status != 200) { 2763 console.log("PDF konnte nicht erstellt werden."); 2764 } else if (resObj.status == 200){ 2765 var resTxt = reqObj.responseText; 2766 var link = document.createElement("a"); 2767 link.id = 'someLink'; //give it an ID! 2768 link.href = resTxt; 2769 link.setAttribute("download", fnTrim(jQuery("h1").text()) + ".pdf"); 2770 link.setAttribute("target", "_blank"); 2771 2772 //Add the link somewhere, an appendChild statement will do. 2773 jQuery("body").append(link); 2774 //Then run this 2775 document.getElementById('someLink').click(); 2776 2777 //window.location.assign(resTxt); // Opens the pdf download prompt 2778 } 2779 } 2780 } 2781}); 2782</script>
vendor: 1 bytes, line 2782
2782
2783<script> 2784//document.getElementsByTagName("h1")[0].innerHTML = window; 2785var imgs = document.getElementsByTagName("img"); 2786for(var i=0; i < imgs.length; i++) { 2787 var img = imgs[i]; 2788 if(img.getAttribute("data-src")) 2789 img.setAttribute("src",img.getAttribute("data-src")); 2790} 2791/* 2792window.onbeforeprint = function() { 2793 document.getElementsByTagName("h1")[0].innerHTML = document.getElementsByTagName("body")[0].clientWidth; 2794}; 2795*/ 2796</script>
2796 2797 2798 2799<div class="Content PrivacyDialogTemplate Preserve" style="display:none;"> 2800 2801 2802<!-- Kasten Hyperparagraphs --> 2803 2804 2805 2806<!-- Einleitungstext, Menue --> 2807 <!-- Baustein --> 2808 2809<div><!-- No Padding (Nested) --> 2810 2811<div> 2812 2813<!-- Baustein Text --> 2814 2815 2816 <!-- einspaltiger Text --> 2817 <div class="RichText hyphenate Alignment_ BoxNarrow"> 2818 <p>Wir verwenden Cookies, um Ihnen die bestmögliche Nutzung unserer Webseite zu ermöglichen. Sie können Ihre Einwilligung mit Wirkung für die Zukunft jederzeit widerrufen, indem Sie auf den Link <a href="/cookies/" target="_blank" rel="noopener" >"Cookie Richtlinien"</a> am Ende der Website klicken. Dort finden Sie auch weitere Informationen zu Cookies und zur Speicherung sowie Übertragung von Daten. </p> </div> 2819 2820 2821 2822 2823<!-- Baustein Register --> 2824 2825 2826 2827 2828 2829<!-- Abschnitte --> 2830 2831<div class="pageacc"><div class="Group"><a class="ToggleButton addHover" href="#"><span class="Icon rcOutput-Expand"></span></a><div class="Steuerelement checkbox disabled"><input type="checkbox" id="Cookie_required" 2832 disabled 2833 checked 2834 name="Cookie_required" value="required"><div class="Feldbezeichnung"><label for="Cookie_required"><span class="Effect addHover"></span><span class="caption h5">Erforderliche Merkmale</span></label></div></div><div class="Detail RichText" style="display:none"> 2835 2836 2837 2838<!-- Baustein Text --> 2839 2840 2841 <!-- einspaltiger Text --> 2842 <div class="RichText hyphenate Alignment_ BoxNarrow"> 2843 <p>Unbedingt erforderliche Cookies tragen dazu bei, dass sich die User auf der Website bewegen können, indem grundlegende Einrichtungen wie das Navigieren auf den Seiten und der Zugang zu sicheren Bereichen gewährleistet sind. Ohne diese Cookies würde die Website nicht zweckmäßig funktionieren.</p> 2844<table style="width: 100%;"> 2845<tbody> 2846<tr> 2847<td style="width: 26.466%;"><strong>Cookie</strong></td> 2848<td style="width: 49.7797%;"><strong>Zweck</strong></td> 2849<td style="width: 11.8454%;"><strong>Ablauf</strong></td> 2850</tr> 2851<tr> 2852<td style="width: 26.466%;">PrivacyConsent</td> 2853<td style="width: 49.7797%;">speichert, dass der Nutzer den gewählten Daten­schutz-Einstellungen zugestimmt hat</td> 2854<td style="width: 11.8454%;">1 Jahr</td> 2855</tr> 2856</tbody> 2857</table> 2858<p> </p> </div> 2859 2860 2861 2862 2863<!-- Baustein Register --> 2864 2865</div></div><div class="Group"><a class="ToggleButton addHover" href="#"><span class="Icon rcOutput-Expand"></span></a><div class="Steuerelement checkbox "><input type="checkbox" id="Cookie_external" 2866 2867 2868 name="Cookie_external" value="external"><div class="Feldbezeichnung"><label for="Cookie_external"><span class="Effect addHover"></span><span class="caption h5">Externe Inhalte</span></label></div></div><div class="Detail RichText" style="display:none"> 2869 2870 2871 2872<!-- Baustein Text --> 2873 2874 2875 <!-- einspaltiger Text --> 2876 <div class="RichText hyphenate Alignment_ BoxNarrow"> 2877 <p>Unsere Website nutzt Cookies, um Inhalte von externen Anbietern (z.B. Videos) anzuzeigen. Diese Drittanbieter setzen Cookies, die Informationen wie Ihre IP-Adresse oder Nutzungsverhalten erfassen können. Diese Cookies sind erforderlich, um die externen Inhalte korrekt darzustellen. Sie können die Nutzung dieser Cookies in den Einstellungen verwalten und Ihre Zustimmung jederzeit widerrufen. Wir nutzen die Plattform „YouTube“ des Anbieters Google Ireland Limited (Gordon House, Barrow Street Dublin 4), um dort Videos einzustellen und öffentlich zugänglich zu machen.</p> 2878<table style="border-collapse: collapse; height: 75px; width: 100%;" border="1"> 2879<tbody> 2880<tr style="height: 25px;"> 2881<td style="height: 25px; width: 20.0598%;"><strong>Anbieter</strong></td> 2882<td style="height: 25px; width: 76.7768%;"><strong>Hinweis</strong></td> 2883</tr> 2884<tr style="height: 25px;"> 2885<td style="height: 25px; width: 20.0598%;">Youtube</td> 2886<td style="height: 25px; width: 76.7768%;"> 2887<p>Datenschutz-Hinweise finden Sie <a href="https://policies.google.com/privacy" target="_blank" rel="noopener">hier</a></p> 2888</td> 2889</tr> 2890</tbody> 2891</table> </div> 2892 2893 2894 2895 2896<!-- Baustein Register --> 2897 2898</div></div><div class="Group"><a class="ToggleButton addHover" href="#"><span class="Icon rcOutput-Expand"></span></a><div class="Steuerelement checkbox "><input type="checkbox" id="Cookie_statistic" 2899 2900 2901 name="Cookie_statistic" value="statistic"><div class="Feldbezeichnung"><label for="Cookie_statistic">
2901<span class="Effect addHover"></span><span class="caption h5">Auswertung</span></label></div></div><div class="Detail RichText" style="display:none"> 2902 2903 2904 2905<!-- Baustein Text --> 2906 2907 2908 <!-- einspaltiger Text --> 2909 <div class="RichText hyphenate Alignment_ BoxNarrow"> 2910 <p><strong>Matomo</strong></p> 2911<p>Wir nutzen die datenschutzfreundliche Open-Source-Lösung Matomo, um die Nutzung unserer Website besser zu verstehen. Matomo verwendet dazu Cookies, d. h. Textdateien, die auf Ihrem Rechner gespeichert werden. Die im Cookie erfassten Nutzungsinformationen (einschließlich Ihrer gekürzten IP-Adresse) werden an unseren Server übertragen und zu Analysezwecken gespeichert. Es werden dabei keine Daten an Dritte übermittelt. Ohne Ihre Einwilligung wird diese Auswertung nicht durchgeführt. </p> 2912<table style="height: 305px; width: 100%;"> 2913<tbody> 2914<tr style="height: 25px;"> 2915<td style="height: 25px; width: 15.6713%;"><strong>Cookie</strong></td> 2916<td style="height: 25px; width: 70.7898%;"><strong>Zweck</strong></td> 2917<td style="height: 25px; width: 8.83306%;"><strong>Ablauf</strong></td> 2918</tr> 2919<tr style="height: 51px;"> 2920<td style="height: 51px; width: 15.6713%;">_pk_id</td> 2921<td style="height: 51px; width: 70.7898%;">wird verwendet, um einige Details über den Benutzer zu speichern, z. B. die eindeutige Besucher-ID</td> 2922<td style="height: 51px; width: 8.83306%;">13 Monate</td> 2923</tr> 2924<tr style="height: 51px;"> 2925<td style="height: 51px; width: 15.6713%;">_pk_ref</td> 2926<td style="height: 51px; width: 70.7898%;">zum Speichern der Attributions­informationen, der Referrer, der ursprünglich zum Besuch der Website verwendet wurde</td> 2927<td style="height: 51px; width: 8.83306%;">6 Monate</td> 2928</tr> 2929<tr style="height: 51px;"> 2930<td style="height: 51px; width: 15.6713%;">_pk_ses , _pk_cvar, _pk_hsr</td> 2931<td style="height: 51px; width: 70.7898%;">kurzlebige Cookies zum vorüber­gehenden Speichern von Daten für den Besuch</td> 2932<td style="height: 51px; width: 8.83306%;">30-90 Minuten</td> 2933</tr> 2934<tr style="height: 51px;"> 2935<td style="height: 51px; width: 15.6713%;">PIWIK_SESSID</td> 2936<td style="height: 51px; width: 70.7898%;">Sitzungs-Id</td> 2937<td style="height: 51px; width: 8.83306%;">Sitzungsende</td> 2938</tr> 2939<tr style="height: 25px;"> 2940<td style="height: 25px; width: 15.6713%;">piwik_ignore</td> 2941<td style="height: 25px; width: 70.7898%;">speichert, dass der Nutzer kein Tracking durch Piwik / Matomo wünscht</td> 2942<td style="height: 25px; width: 8.83306%;">2 Jahre</td> 2943</tr> 2944<tr style="height: 51px;"> 2945<td style="height: 51px; width: 15.6713%;">test</td> 2946<td style="height: 51px; width: 70.7898%;">Testcookie zur Prüfung der Cookie-Unterstützung</td> 2947<td style="height: 51px; width: 8.83306%;"> </td> 2948</tr> 2949</tbody> 2950</table> 2951<p> </p> </div> 2952 2953 2954</div> 2955</div></div></div></div> 2956 2957 2958 2959 2960 2961 <div class="FormButtons Buttons"> 2962 <a id="Privacy_All" class="Button secondary addHover" href="#"><span class="Text">alle zulassen</span><span class="Icon rcOutput-Submit"></i></a><a 2963 id="Privacy_Selected" class="Button addHover" href="#"><span class="Text">Auswahl speichern</span><span class="Icon rcOutput-Submit"></span></a> 2964 </div> 2965</div> 2966
2967<script type="text/javascript"> 2968/* 2969 jQuery(".PrivacyBanner").click(function(e) { 2970 if(jQuery(e.originalEvent.target).closest(".Dialog").length > 0) 2971 return; 2972 if(COOKIE_REQUIRED) { 2973 jQuery(".PrivacyBanner").addClass("out"); 2974 } 2975 }); 2976 jQuery(document).on('keydown', function(pmEvent) { 2977 //console.log(pmEvent); 2978 if(27 == pmEvent.keyCode) { // ESC 2979 if(COOKIE_REQUIRED) { 2980 jQuery(".PrivacyBanner").addClass("out"); 2981 } 2982 } 2983 }); 2984 function privacySettings() { 2985 jQuery('.PrivacyBanner').removeClass('out'); 2986 } 2987 jQuery(".PrivacyBanner .Group a.ToggleButton").on("click", function() { 2988 jQuery(this).closest(".Group").toggleClass("expanded"); 2989 if(jQuery(this).closest(".Group").hasClass("expanded")) { 2990 jQuery(this).closest(".Group").find(".Detail").show("blind"); 2991 } 2992 else { 2993 jQuery(this).closest(".Group").find(".Detail").hide("blind"); 2994 } 2995 }); 2996 jQuery(".PrivacyBanner #Privacy_All").on("click", function(e) { 2997 e.stopPropagation(); 2998 e.preventDefault(); 2999 jQuery(".PrivacyBanner input").prop("checked", true); 3000 setPrivacyConsent(getPrivacyConsent()); 3001 }); 3002 jQuery(".PrivacyBanner #Privacy_Selected").on("click", function(e) { 3003 e.stopPropagation(); 3004 e.preventDefault(); 3005 setPrivacyConsent(getPrivacyConsent()); 3006 }); 3007 function getPrivacyConsent() { 3008 var ar = ["required"]; 3009 jQuery(".PrivacyBanner input").filter(":checked").not(":disabled").each(function() { 3010 ar.push(jQuery(this).val()); 3011 }); 3012 return ar.join(","); 3013 } 3014 var cc = getCookie("PrivacyConsent"); 3015 if(typeof(cc) == "undefined" || !cc || cc.indexOf("required") < 0) { 3016 jQuery('.PrivacyBanner').removeClass('out'); 3017 } 3018 function delete_cookie( name, path, domain ) { 3019 if( get_cookie( name ) ) { 3020 document.cookie = name + "=" + 3021 ((path) ? ";path="+path:"")+ 3022 ((domain)?";domain="+domain:"") + 3023 ";expires=Thu, 01 Jan 1970 00:00:01 GMT"; 3024 } 3025 } 3026 function get_cookie(name){ 3027 return getPrivacy(name)?true:false; 3028 } 3029 function setPrivacyConsent(pm) { 3030 var data = { 3031 settings:pm, 3032 flags:"", 3033 message:jQuery(".PrivacyBanner").html() 3034 } 3035 var _ajax = jQuery.ajax({ 3036 url: '/ib/site/tools/PrivacyConsent.php', 3037 type:'post', 3038 async:true, 3039 data: data 3040 } 3041 ).done(function(data, textStatus, jqXHR) { 3042 var resp = jQuery.parseJSON(jqXHR.responseText); 3043 if(typeof(resp) == "object") { 3044 if(resp.code == 1) { // Success 3045 var today = new Date(); 3046 var expire = new Date(); 3047 expire.setTime(today.getTime() + 3600000*24*365*10); 3048 document.cookie = "PrivacyConsent=" + pm + ";path=/;expires="+expire.toGMTString(); 3049 //document.cookie = "PrivacyConsentVA=required;path=/;expires="+expire.toGMTString(); 3050 jQuery(".PrivacyBanner").addClass("out"); 3051 window.COOKIE_REQUIRED = 1; 3052 jQuery("body").removeClass("NCB"); 3053 if(pm.indexOf("statistic") >= 0) { 3054 window.COOKIE_STATISTIC = 1; 3055 try { 3056 //fnInitPiwik(); 3057 } 3058 catch(e) {} 3059 } 3060 else { 3061 window.COOKIE_STATISTIC = 0; 3062 } 3063 if(pm.indexOf("functional") >= 0) { 3064 jQuery("body").removeClass("NOCOOKIE"); 3065 window.COOKIE_FUNCTIONAL = 1; 3066 } 3067 else { 3068 jQuery("body").addClass("NOCOOKIE"); 3069 window.COOKIE_FUNCTIONAL = 0; 3070 //delete_cookie("SId","/"); 3071 } 3072 if(pm.indexOf("external") >= 0) { 3073 window.COOKIE_EXTERNAL = 1; 3074 } 3075 else { 3076 window.COOKIE_EXTERNAL = 0; 3077 } 3078 jQuery(document).trigger("PrivacyChange"); 3079 } 3080 } 3081 }); 3082 } 3083*/ 3084</script>
3084 3085 3086
3087<script type="text/javascript"> 3088 /* 3089 jQuery(".PrivacyDialog").click(function(e) { 3090 if(jQuery(e.originalEvent.target).closest(".Dialog").length > 0) 3091 return; 3092 if(COOKIE_REQUIRED) { 3093 jQuery(".PrivacyDialog").addClass("out"); 3094 fnOutputWindow_Hide(); 3095 } 3096 }); 3097 jQuery(document).on('keydown', function(pmEvent) { 3098 //console.log(pmEvent); 3099 if(27 == pmEvent.keyCode) { // ESC 3100 if(COOKIE_REQUIRED) { 3101 jQuery(".PrivacyDialog").addClass("out"); 3102 fnOutputWindow_Hide(); 3103 } 3104 } 3105 }); 3106 */ 3107 function privacySettings() { 3108 jQuery('.PrivacyDialog').removeClass('out'); 3109 jQuery(".PrivacyDialogTemplate .hasHover").removeClass("hasHover"); 3110 fnOutputDialog({ 3111 //content:jQuery(".PrivacyDialogTemplate").clone().addClass("PrivacyDialog").show(), 3112 content:jQuery(".PrivacyDialogTemplate").addClass("PrivacyDialog").show(), 3113 onClose:function() { 3114 if(COOKIE_REQUIRED) { 3115 jQuery(".PrivacyDialog").addClass("out"); 3116 fnOutputWindow_Hide(); 3117 } 3118 } 3119 }); 3120 fnInitHover(); 3121 jQuery("#rc-output-win").addClass("PrivacyWin"); 3122 if(!jQuery(".PrivacyDialogTemplate").hasClass("initialized")) { 3123 jQuery(".PrivacyDialogTemplate").addClass("initialized") 3124 jQuery(".PrivacyDialog .Group a.ToggleButton").on("click", function() { 3125 jQuery(this).closest(".Group").toggleClass("expanded"); 3126 if(jQuery(this).closest(".Group").hasClass("expanded")) { 3127 jQuery(this).closest(".Group").find(".Detail").show("blind"); 3128 } 3129 else { 3130 jQuery(this).closest(".Group").find(".Detail").hide("blind"); 3131 } 3132 }); 3133 jQuery(".PrivacyDialog #Privacy_All").on("click", function(e) { 3134 e.stopPropagation(); 3135 e.preventDefault(); 3136 jQuery(".PrivacyDialog input").prop("checked", true); 3137 setPrivacyConsent(getPrivacyConsent()); 3138 }); 3139 jQuery(".PrivacyDialog #Privacy_Selected").on("click", function(e) { 3140 e.stopPropagation(); 3141 e.preventDefault(); 3142 setPrivacyConsent(getPrivacyConsent()); 3143 }); 3144 } 3145 } 3146 function getPrivacyConsent() { 3147 var ar = ["required"]; 3148 jQuery(".PrivacyDialog input, .PrivacyDialogTemplate input").filter(":checked").not(":disabled").each(function() { 3149 ar.push(jQuery(this).val()); 3150 }); 3151 return ar.join(","); 3152 } 3153 var cc = getCookie("PrivacyConsent"); 3154 jQuery(document).ready(function() { 3155 if(typeof(cc) == "undefined" || !cc || cc.indexOf("required") < 0) { 3156 jQuery('.PrivacyDialog').removeClass('out'); 3157 privacySettings(); 3158 } 3159 }); 3160 function delete_cookie( name, path, domain ) { 3161 if( get_cookie( name ) ) { 3162 document.cookie = name + "=" + 3163 ((path) ? ";path="+path:"")+ 3164 ((domain)?";domain="+domain:"") + 3165 ";expires=Thu, 01 Jan 1970 00:00:01 GMT"; 3166 } 3167 } 3168 function get_cookie(name){ 3169 return getPrivacy(name)?true:false; 3170 } 3171 function setPrivacyConsent(pm) { 3172 var data = { 3173 settings:pm, 3174 flags:"", 3175 //message:jQuery(".PrivacyDialog").html() 3176 } 3177 jQuery.ajax({ 3178 url: '/ib/site/tools/PrivacyConsent.php', 3179 type:'post', 3180 async:true, 3181 data: data 3182 } 3183 ).done(function(data, textStatus, jqXHR) { 3184 var resp = jQuery.parseJSON(jqXHR.responseText); 3185 if(typeof(resp) == "object") { 3186 if(resp.code == 1) { // Success 3187 var today = new Date(); 3188 var expire = new Date(); 3189 expire.setTime(today.getTime() + 3600000*24*365*10); 3190 document.cookie = "PrivacyConsent=" + pm + ";path=/;expires="+expire.toGMTString(); 3191 //document.cookie = "PrivacyConsentVA=required;path=/;expires="+expire.toGMTString(); 3192 3193 jQuery(".PrivacyDialog").addClass("out"); 3194 fnOutputWindow_Hide(); 3195 3196 window.COOKIE_REQUIRED = 1; 3197 jQuery("body").removeClass("NCB"); 3198 if(pm.indexOf("statistic") >= 0) { 3199 window.COOKIE_STATISTIC = 1; 3200 try { 3201 //fnInitPiwik(); 3202 } 3203 catch(e) {} 3204 } 3205 else { 3206 window.COOKIE_STATISTIC = 0; 3207 } 3208 if(pm.indexOf("functional") >= 0) { 3209 jQuery("body").removeClass("NOCOOKIE"); 3210 window.COOKIE_FUNCTIONAL = 1; 3211 } 3212 else { 3213 jQuery("body").addClass("NOCOOKIE"); 3214 window.COOKIE_FUNCTIONAL = 0; 3215 //delete_cookie("SId","/"); 3216 } 3217 if(pm.indexOf("external") >= 0) { 3218 window.COOKIE_EXTERNAL = 1; 3219 } 3220 else { 3221 window.COOKIE_EXTERNAL = 0; 3222 } 3223 jQuery(document).trigger("PrivacyChange"); 3224 } 3225 } 3226 }); 3227 } 3228 3229</script>
3229 3230 3231 3232 3233 3234 3235 3236 3237 3238 3239 3240 3241<div id="fsFrame" class="output"></div> 3242 3243<!-- PhotoSwipe --> 3244<div class="output"> 3245 <div id="gallery" class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> 3246 <div class="pswp__bg"></div> 3247 <div class="pswp__scroll-wrap"> 3248 <div class="pswp__container"> 3249 <div class="pswp__item"></div> 3250 <div class="pswp__item"></div> 3251 <div class="pswp__item"></div> 3252 </div> 3253 <div class="pswp__ui pswp__ui--hidden"> 3254 <div class="pswp__top-bar"> 3255 <div class="pswp__counter"></div> 3256 <button class="pswp__button pswp__button--close" title="SchlieÃen (ESC)"><span class="Icon rcOutput-Close"></span></button> 3257 <button class="pswp__button pswp__button--fs" title="Fullscreen"><span class="Icon rcOutput-FullscreenOn"></span><span class="Icon rcOutput-FullscreenOff"></span></button> 3258<!-- 3259 <button class="pswp__button pswp__button--zoom" title="Zoom"><span class="Icon rcOutput-ZoomIn"></span><span class="Icon rcOutput-ZoomOut"></span></button> 3260--> 3261 <div class="pswp__preloader"> 3262 <div class="pswp__preloader__icn"> 3263 <div class="pswp__preloader__cut"> 3264 <div class="pswp__preloader__donut"></div> 3265 </div> 3266 </div> 3267 </div> 3268 </div> 3269 <!-- <div class="pswp__loading-indicator"><div class="pswp__loading-indicator__line"></div></div> --> 3270 <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> 3271 <div class="pswp__share-tooltip"> 3272 </div> 3273 </div> 3274 <button class="pswp__button pswp__button--arrow--left" title="Vorheriges"><span class="Icon rcOutput-Previous"></span></button> 3275 <button class="pswp__button pswp__button--arrow--right" title="Nächstes"><span class="Icon rcOutput-Next"></span></button> 3276 <div class="pswp__caption"> 3277 <div class="pswp__caption_container"> 3278 <div class="pswp__caption__center"> 3279 </div> 3280 </div> 3281 </div> 3282 </div> 3283 </div> 3284 </div> 3285</div> 3286
3286<script type="text/javascript"> 3287 var initPhotoSwipeFromDOM = function(gallerySelector) { 3288 3289 // parse slide data (url, title, size ...) from DOM elements 3290 // (children of gallerySelector) 3291 var parseThumbnailElements = function(el) { 3292 var thumbElements = jQuery(el).find("a[data-size]"), // shbgr el.childNodes, 3293 numNodes = thumbElements.length, 3294 items = [], 3295 figureEl, 3296 linkEl, 3297 size, 3298 item; 3299 3300 for(var i = 0; i < numNodes; i++) { 3301 3302 figureEl = thumbElements[i]; // <figure> element 3303 3304 // include only element nodes 3305 if(figureEl.nodeType !== 1) { 3306 continue; 3307 } 3308 3309 linkEl = figureEl; // shbgr figureEl.children[0]; // <a> element 3310 3311 if(!linkEl.hasAttribute('data-size')) { 3312 continue; 3313 } 3314 if(jQuery(linkEl).closest(".clone").length > 0) { 3315 continue; 3316 } 3317 size = linkEl.getAttribute('data-size').split('x'); 3318 3319 // create slide object 3320 item = { 3321 src: linkEl.getAttribute('href'), 3322 w: parseInt(size[0], 10), 3323 h: parseInt(size[1], 10) 3324 }; 3325 3326 3327 3328 /* shbgr if(figureEl.children.length > 1) { 3329 // <figcaption> content 3330 item.title = figureEl.children[1].innerHTML; 3331 } */ 3332 var t1 = linkEl.getAttribute('data-title'); 3333 var t2 = linkEl.getAttribute('data-title2'); 3334 if(t1) 3335 t1 = "<span class=\"pswp__caption1\">" + t1 + "</span>"; 3336 if(t1 && t2) { 3337 t1 = t1 + " – " + t2; 3338 t2 = ""; 3339 } 3340 item.title = t1 + t2; 3341 3342 if(linkEl.children.length > 0) { 3343 // <img> thumbnail element, retrieving thumbnail url 3344 //item.msrc = linkEl.children[0].getAttribute('src'); // aspect 3345 } 3346 3347 item.el = figureEl; // save link to element for getThumbBoundsFn 3348 items.push(item); 3349 } 3350 3351 return items; 3352 }; 3353 3354 // find nearest parent element 3355 var closest = function closest(el, fn) { 3356 return el && ( fn(el) ? el : closest(el.parentNode, fn) ); 3357 }; 3358 3359 // triggers when user clicks on thumbnail 3360 var onThumbnailsClick = function(e) { 3361 e = e || window.event; 3362 e.preventDefault ? e.preventDefault() : e.returnValue = false; 3363 3364 var eTarget = e.target || e.srcElement; 3365 3366 // find root element of slide 3367 var clickedListItem = closest(eTarget, function(el) { 3368 return (el.tagName && el.tagName.toUpperCase() === 'A' && jQuery(el).attr("data-size") // shbgr FIGURE 3369 && (!jQuery(el).hasClass("needHover2") || jQuery(el).hasClass("hover2")) 3370 ); 3371 }); 3372 3373 if(!clickedListItem) { 3374 e.returnValue = true; 3375 return; 3376 } 3377 3378 // find index of clicked item by looping through all child nodes 3379 // alternatively, you may define index via data- attribute 3380 var clickedGallery = jQuery(clickedListItem).closest(".Bildgalerie, .Bildgalerie_variable")[0], // shbgr clickedListItem.parent 3381 childNodes = jQuery(clickedGallery).find("a[data-size]"); // shbgr clickedListItem.parentNode.childNodes 3382 var cn2 = []; 3383 childNodes.each(function() { 3384 if(jQuery(this).closest(".clone").length == 0) 3385 cn2.push(this); 3386 }); 3387 childNodes = cn2; 3388 var numChildNodes = childNodes.length, 3389 nodeIndex = 0, 3390 index; 3391 3392 for (var i = 0; i < numChildNodes; i++) { 3393 if(childNodes[i].nodeType !== 1) { 3394 continue; 3395 } 3396 3397 if(childNodes[i] === clickedListItem) { 3398 index = nodeIndex; 3399 break; 3400 } 3401 nodeIndex++; 3402 } 3403 3404 3405 3406 if(index >= 0) { 3407 // open PhotoSwipe if valid index found 3408 openPhotoSwipe( index, clickedGallery ); 3409 } 3410 return false; 3411 }; 3412 3413 // parse picture index and gallery index from URL (#&pid=1&gid=2) 3414 var photoswipeParseHash = function() { 3415 var hash = window.location.hash.substring(1), 3416 params = {}; 3417 3418 if(hash.length < 5) { 3419 return params; 3420 } 3421 3422 var vars = hash.split('&'); 3423 for (var i = 0; i < vars.length; i++) { 3424 if(!vars[i]) { 3425 continue; 3426 } 3427 var pair = vars[i].split('='); 3428 if(pair.length < 2) { 3429 continue; 3430 } 3431 params[pair[0]] = pair[1]; 3432 } 3433 3434 if(params.gid) { 3435 params.gid = parseInt(params.gid, 10); 3436 } 3437 3438 return params; 3439 }; 3440 3441 var openPhotoSwipe = function(index, galleryElement, disableAnimation, fromURL) { 3442 var pswpElement = document.querySelectorAll('.pswp')[0], 3443 gallery, 3444 options, 3445 items; 3446 3447 items = parseThumbnailElements(galleryElement); 3448 3449 // define options (if needed) 3450 options = { 3451 3452 // define gallery index (for URL) 3453 galleryUID: galleryElement.getAttribute('data-pswp-uid'), 3454 //loop: false, 3455 barsSize: {top:50, bottom:"auto"}, 3456 xxbarsSize: {top:0, bottom:0}, 3457 clickToCloseNonZoomable: false, 3458 closeElClasses: ['none'], 3459 timeToIdle: 400000000, 3460 timeToIdleOutside: 400000000, 3461 3462 showHideOpacity:true, 3463 getThumbBoundsFn:false, 3464 xxgetThumbBoundsFn: function(index) { // aspect 3465 // See Options -> getThumbBoundsFn section of documentation for more info 3466 var thumbnail = items[index].el.getElementsByTagName('img')[0], // find thumbnail 3467 pageYScroll = window.pageYOffset || document.documentElement.scrollTop, 3468 rect = thumbnail.getBoundingClientRect(); 3469 3470 return {x:rect.left, y:rect.top + pageYScroll, w:rect.width}; 3471 } 3472 3473 }; 3474 3475 // PhotoSwipe opened from URL 3476 if(fromURL) { 3477 if(options.galleryPIDs) { 3478 // parse real index when custom PIDs are used 3479 // http://photoswipe.com/documentation/faq.html#custom-pid-in-url 3480 for(var j = 0; j < items.length; j++) { 3481 if(items[j].pid == index) { 3482 options.index = j; 3483 break; 3484 } 3485 } 3486 } else { 3487 // in URL indexes start from 1 3488 options.index = parseInt(index, 10) - 1; 3489 } 3490 } else { 3491 options.index = parseInt(index, 10); 3492 } 3493 3494 // exit if index not found 3495 if( isNaN(options.index) ) { 3496 return; 3497 } 3498 3499 if(disableAnimation) { 3500 options.showAnimationDuration = 0; 3501 } 3502 3503 // Pass data to PhotoSwipe and initialize it 3504 gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options); 3505 gallery.init(); 3506 }; 3507 3508 // loop through all gallery elements and bind events 3509 var galleryElements = document.querySelectorAll( gallerySelector ); 3510 3511 for(var i = 0, l = galleryElements.length; i < l; i++) { 3512 galleryElements[i].setAttribute('data-pswp-uid', i+1); 3513 galleryElements[i].onclick = onThumbnailsClick; 3514 } 3515 3516 // Parse URL and open gallery if it contains #&pid=3&gid=1 3517 var hashData = photoswipeParseHash(); 3518 if(hashData.pid && hashData.gid) { 3519 openPhotoSwipe( hashData.pid , galleryElements[ hashData.gid - 1 ], true, true ); 3520 } 3521 }; 3522 function singleImageClick(elem) { 3523 var pswpElement = document.querySelectorAll('.pswp')[0], 3524 gallery, 3525 options, 3526 items, 3527 index; 3528 linkEl = jQuery(elem); 3529 if(!elem.hasAttribute('data-size')) { 3530 return false;
3531 } 3532 size = elem.getAttribute('data-size').split('x'); 3533 // create slide object 3534 var item = { 3535 el: elem, 3536 src: elem.getAttribute('href'), 3537 w: parseInt(size[0], 10), 3538 h: parseInt(size[1], 10) 3539 }; 3540 var t1 = elem.getAttribute('data-title'); 3541 var t2 = elem.getAttribute('data-title2'); 3542 if(t1) 3543 t1 = "<span class=\"pswp__caption1\">" + t1 + "</span>"; 3544 if(t1 && t2) { 3545 t1 = t1 + " – " + t2; 3546 t2 = ""; 3547 } 3548 item.title = t1 + t2; 3549 3550 if(linkEl.children.length > 0) { 3551 // <img> thumbnail element, retrieving thumbnail url 3552 //item.msrc = linkEl.find("img").attr('src'); // aspect 3553 } 3554 3555 items = [item]; 3556 index = 0; 3557 3558 // define options (if needed) 3559 options = { 3560 // define gallery index (for URL) 3561 galleryUID: 1, //galleryElement.getAttribute('data-pswp-uid'), 3562 //loop: false, 3563 barsSize: {top:50, bottom:"auto"}, 3564 xxbarsSize: {top:0, bottom:0}, 3565 clickToCloseNonZoomable: false, 3566 closeElClasses: ['none'], 3567 timeToIdle: 400000000, 3568 timeToIdleOutside: 400000000, 3569 3570 getThumbBoundsFn: function(index) { 3571 // See Options -> getThumbBoundsFn section of documentation for more info 3572 var thumbnail = items[index].el.getElementsByTagName('img')[0], // find thumbnail 3573 pageYScroll = window.pageYOffset || document.documentElement.scrollTop, 3574 rect = thumbnail.getBoundingClientRect(); 3575 3576 return {x:rect.left, y:rect.top + pageYScroll, w:rect.width}; 3577 } 3578 3579 }; 3580 // Pass data to PhotoSwipe and initialize it 3581 gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options); 3582 gallery.init(); 3583 return true; 3584 } 3585 jQuery("a.photoswipe").click(function(e) { 3586 if(singleImageClick(this)) 3587 e.preventDefault(); 3588 }); 3589 3590 // execute above function 3591 initPhotoSwipeFromDOM('.Bildgalerie, .Bildgalerie_variable'); 3592</script>
3592 3593<!-- END PhotoSwipe --> 3594 3595 3596 3597 3598<span id="statistic"> 3599
3599<script type="text/javascript"> <!-- 3600 var COUNT="/cgibin/count/CP/home;/"; 3601 document.write("<img src=\""+COUNT+"?id=2a8cefe1-9125-7378-df4d-dba56cbb1850&r="+escape(document.referrer)+"\" style=\"position:absolute; top:0px; left:0px\" width=\"1\" height=\"1\" alt=\"Auswertung\" />"); 3602 // --> 3603 </script>
3603 3604 <span id="statisticdata" data-src="/cgibin/count/CP/home;/?id=2a8cefe1-9125-7378-df4d-dba56cbb1850"></span> 3605 <noscript> 3606 <img src="/cgibin/count/CP/home;/?id=2a8cefe1-9125-7378-df4d-dba56cbb1850" style="position:absolute; top:0px; left:0px" width="1" height="1" alt="Auswertung" /> 3607 </noscript> </span> 3608 3609<!--/noindex--> 3610</body> 3611</html> 3612<!--noindex--><div id="AdminContainer" class="admin">
3613<script src="/ib/core/interfaces/rRichEdit/rRichEdit.js" type="text/javascript"></script>
vendor: 1 bytes, line 3613
3613
3614<script src="/ib/core/interfaces/rRichEdit/rRichEdit_Textpatterns.js" type="text/javascript"></script>
vendor: 1 bytes, line 3614
3614
3615<script src="/ib/core/libraries/rDialogueControl.js" type="text/javascript"></script>
vendor: 1 bytes, line 3615
3615
3616<script src="/ib/core/libraries/rAdministration.js" type="text/javascript"></script>
3616 3617 3618 3619<!-- TinyMCE -->
3620<script type="text/javascript"> 3621var reIsSaving = false; 3622</script>
3622 3623 3624
3625<script> 3626 3627var mce_options_line = { 3628 //skin: "oxide-dark", // alternatives Skin 3629 skin: "roccas", // alternatives Skin 3630 language:"de", 3631 //selector: ".rRichEdit_Line", 3632 inline: true, 3633 //toolbar: "REsave undo", 3634 toolbar: false, 3635 menubar: false, 3636 plugins: "paste", 3637 entity_encoding: "raw", 3638 plugins: "paste", 3639 paste_as_text: true, 3640 auto_focus:false, 3641 skip_focus:true, 3642 3643 // new 2017_0220 3644 //custom_elements: "editspan", 3645 3646 valid_children: "-body[br],-body[p],-body[div],-body[*],-*[*]", 3647 valid_children: "br,none,#text", 3648 valid_elements: "-div[br],-div[p],-body[br],-*,-*[*],-a[href|target=_blank],-strong/b,-u,-i,-div[align],-br,-p,-div", 3649 valid_elements: "br,none,#text", 3650 3651 no_newline_selector: "*", 3652 invalid_elements: 'strong,b,em,i,p,a,div,span,h1,h2,h3,h4,h5,h6,blockquote,code', 3653 3654 forced_root_block: "", 3655 // end new 3656 3657 setup : function(ed) { 3658 ed.on('blur', function(evt) { 3659 if(ed.isDirty()) { 3660 var dirtyText = ed.getContent(); 3661 var cleanText = jQuery('<div>').html(untag2(dirtyText)).text(); 3662 if(dirtyText != cleanText) 3663 ed.setContent(cleanText); 3664 3665 fnRichEdit_Save(ed.id, ed.getContent(), true, true); 3666 ed.isNotDirty = 1; 3667 } 3668 }); 3669 // Add a custom button 3670 ed.ui.registry.addButton('REsave', { 3671 tooltip : 'Speichern (STRG + S)', 3672 icon:"save", 3673 onAction : function() { 3674 var dirtyText = ed.getContent(); 3675 var cleanText = jQuery('<div>').html(untag2(dirtyText)).text(); 3676 if(dirtyText != cleanText) 3677 ed.setContent(cleanText); 3678 3679 fnRichEdit_Save(ed.id, ed.getContent(), true, true); 3680 } 3681 }); 3682 3683 ed.addShortcut('Meta+s', 'Speichern', 3684 function() { 3685 var dirtyText = ed.getContent(); 3686 var cleanText = jQuery('<div>').html(untag2(dirtyText)).text(); 3687 if(dirtyText != cleanText) 3688 ed.setContent(cleanText); 3689 3690 console.log(jQuery(ed.targetElem).attr("class")); 3691 fnRichEdit_Save(ed.id, ed.getContent(), true, true); 3692 console.log(ed.id); 3693 } 3694 ); 3695 ed.on('focusin', function(evt) { 3696 // sucht Schalter fuer umschliessende Box und clickt ihn ggf. > Aktiv + Einstellungen geoeffnet 3697 //jQuery(document.getElementById(ed.id)).parents(".boxFrame").find(".LayoutEdit-Schalter.Aktivierung").trigger("click"); 3698 fnBoxEdit_Highlight_Partial(jQuery(document.getElementById(ed.id)).parents(".boxFrame").attr("id")); 3699 }); 3700 ed.on('init', function() { 3701 ed.addShortcut('Meta+b', '', ''); 3702 ed.addShortcut('Meta+i', '', ''); 3703 ed.addShortcut('Meta+u', '', ''); 3704 ed.addShortcut('Meta+k', '', ''); // Link 3705 for(var i=0; i<=9 ; i++) { 3706 ed.addShortcut('Access+' + i, '', ''); 3707 } 3708 ed.addShortcut('Enter', '', ''); 3709 3710 ed.addShortcut('Ctrl+Alt+z', 'Formatierung entfernen', 'RemoveFormat'); 3711 ed.addShortcut('Ctrl+Alt+32', 'Nonbreaking space', 'mceNonBreaking'); 3712 ed.addShortcut('Ctrl+Alt+189', 'xx', function () { 3713 ed.execCommand('mceInsertContent', false, '\u00AD'); 3714 }); 3715 3716 // Label "Klicken Sie ..." 3717 if(untag(ed.getContent()) == '' || untag(ed.getContent()) == ' ') { 3718 jQuery("label[for=\"" + ed.id + "\"]").addClass("visible"); 3719 jQuery("label[for=\"" + ed.id + "\"]").closest(".rRichEditArea_Line_Outer").addClass("empty"); 3720 } 3721 3722 jQuery(document.getElementById(ed.id)).focus(function() { 3723 jQuery("label[for=\"" + ed.id + "\"]").removeClass("visible"); 3724 jQuery("label[for=\"" + ed.id + "\"]").closest(".rRichEditArea_Line_Outer").addClass("focused").removeClass("empty"); 3725 }); 3726 jQuery(document.getElementById(ed.id)).blur(function() { 3727 if(untag(ed.getContent()) == '' || untag(ed.getContent()) == ' ') { 3728 jQuery("label[for=\"" + ed.id + "\"]").addClass("visible"); 3729 jQuery("label[for=\"" + ed.id + "\"]").closest(".rRichEditArea_Line_Outer").addClass("empty"); 3730 } 3731 jQuery("label[for=\"" + ed.id + "\"]").closest(".rRichEditArea_Line_Outer").removeClass("focused"); 3732 }); 3733 }); 3734 } 3735}; 3736 3737</script>
3737 3738
3739<script> 3740 3741var mce_options_plain = { 3742 //skin: "oxide-dark", // alternatives Skin 3743 skin: "roccas", // alternatives Skin 3744 language:"de", 3745 //selector: ".rRichEdit_Plain", 3746 inline: true, 3747 //toolbar: "REsave undo", 3748 toolbar: false, 3749 menubar: false, 3750 plugins: "paste", 3751 entity_encoding: "raw", 3752 plugins: "paste", 3753 paste_as_text: true, 3754 auto_focus:false, 3755 skip_focus:true, 3756 3757 // new 2017_0220 3758 custom_elements: "editspan", 3759 3760 valid_children: "br", 3761 valid_elements: "br", 3762 invalid_elements: 'strong,b,em,i,p,a,div,span,h1,h2,h3,h4,h5,h6,blockquote,code', 3763 3764 forced_root_block: "", 3765 // end new 3766 3767 setup : function(ed) { 3768 ed.on('blur', function(evt) { 3769 if(ed.isDirty()) { 3770 fnRichEdit_Save(ed.id, ed.getContent(), false, true); 3771 ed.isNotDirty = 1; 3772 } 3773 }); 3774 // Add a custom button 3775 ed.ui.registry.addButton('REsave', { 3776 tooltip : 'Speichern (STRG + S)', 3777 icon:"save", 3778 onAction : function() { 3779 fnRichEdit_Save(ed.id, ed.getContent(), false, true); 3780 } 3781 }); 3782 ed.addShortcut('Meta+s', 'Speichern', 3783 function() { 3784 console.log(jQuery(ed.targetElem).attr("class")); 3785 fnRichEdit_Save(ed.id, ed.getContent(), false, true); 3786 console.log(ed.id); 3787 } 3788 ); 3789 ed.on('focusin', function(evt) { 3790 // sucht Schalter fuer umschliessende Box und clickt ihn ggf. > Aktiv + Einstellungen geoeffnet 3791 //jQuery(document.getElementById(ed.id)).parents(".boxFrame").find(".LayoutEdit-Schalter.Aktivierung").trigger("click"); 3792 fnBoxEdit_Highlight_Partial(jQuery(document.getElementById(ed.id)).parents(".boxFrame").attr("id")); 3793 }); 3794 ed.on('init', function() { 3795 ed.addShortcut('Meta+b', '', ''); 3796 ed.addShortcut('Meta+i', '', ''); 3797 ed.addShortcut('Meta+u', '', ''); 3798 ed.addShortcut('Meta+k', '', ''); // Link 3799 for(var i=0; i<=9 ; i++) { 3800 ed.addShortcut('Access+' + i, '', ''); 3801 } 3802 3803 ed.addShortcut('Ctrl+Alt+z', 'Formatierung entfernen', 'RemoveFormat'); 3804 ed.addShortcut('Ctrl+Alt+32', 'Nonbreaking space', 'mceNonBreaking'); 3805 ed.addShortcut('Ctrl+Alt+189', 'xx', function () { 3806 ed.execCommand('mceInsertContent', false, '\u00AD'); 3807 }); 3808 3809 // Label "Klicken Sie ..." 3810 if(untag(ed.getContent()) == '' || untag(ed.getContent()) == ' ') { 3811 jQuery("label[for=\"" + ed.id + "\"]").addClass("visible"); 3812 jQuery("label[for=\"" + ed.id + "\"]").closest(".rRichEditArea_Outer").addClass("empty"); 3813 } 3814 3815 jQuery(document.getElementById(ed.id)).focus(function() { 3816 jQuery("label[for=\"" + ed.id + "\"]").removeClass("visible"); 3817 jQuery("label[for=\"" + ed.id + "\"]").closest(".rRichEditArea_Outer").addClass("focused").removeClass("empty"); 3818 }); 3819 jQuery(document.getElementById(ed.id)).blur(function() { 3820 if(untag(ed.getContent()) == '' || untag(ed.getContent()) == ' ') { 3821 jQuery("label[for=\"" + ed.id + "\"]").addClass("visible"); 3822 jQuery("label[for=\"" + ed.id + "\"]").closest(".rRichEditArea_Outer").addClass("empty"); 3823 } 3824 jQuery("label[for=\"" + ed.id + "\"]").closest(".rRichEditArea_Outer").removeClass("focused"); 3825 }); 3826 }); 3827 } 3828}; 3829 3830</script>
3830 3831
3832<script> 3833 3834 3835var mce_options_basic = { 3836 //skin: "oxide", // alternatives Skin 3837 skin: "roccas", // alternatives Skin 3838 language:"de", 3839 plugins: [ 3840 "advlist autolink lists link charmap anchor", 3841 "wordcount visualblocks visualchars code fullscreen noneditable", 3842 "insertdatetime nonbreaking", 3843 "directionality", 3844 "emoticons template paste", 3845 "autoresize textpattern", 3846 ], 3847 3848 toolbar_mode: 'sliding',//floating 3849 menubar: false, 3850 toolbar: "bold | italic | bullist | " + 3851 "underline | strikethrough | subscript | superscript | " + 3852 "more", 3853 contextmenu: false, 3854 autosave_ask_before_unload:true, // wirkungslos, im Plugin geaendert 3855 autosave_interval:"10s", 3856 auto_focus:false, 3857 skip_focus:true, 3858 3859 valid_elements: 'p,br,ul,li,u,strong/b,em/i,del,sub,sup', 3860 invalid_elements: 'h1,h2,h3,h4,h5,h6,blockquote,code,ol,span,font', 3861 invalid_styles: { 3862 "*": 'text-align font-size' 3863 }, 3864 3865 table_sizing_mode: 'responsive', 3866 toolbar_persist:false, 3867 toolbar_location:'auto', 3868 toolbar_sticky:true, 3869 3870 3871 //quickbars_insert_toolbar: "table", 3872 //quickbars_selection_toolbar: "bold italic removeformat | quicklink unlink h2 h3 blockquote", // Schnellzugriff, optional 3873 3874 spellchecker_rpc_url: 'spellchecker.php', 3875 browser_spellcheck : true, 3876 3877 link_list: "/ib/site/generators/rRichEdit_Links.php", 3878 3879 3880 image_advtab: true, 3881 table_advtab: false, 3882 table_cell_advtab: false, 3883 table_row_advtab: false, 3884 //table_toolbar: "tablecellprops | tableinsertrowbefore tableinsertrowafter tabledeleterow | tableinsertcolbefore tableinsertcolafter tabledeletecol | tablemergecells", 3885 templates: [ 3886 {title: 'Test template 1', content: 'Test 1'}, 3887 {title: 'Test template 2', content: 'Test 2'} 3888 ], 3889 3890 //block_formats : "Text=p;Zitat=blockquote;H2=h2;H3=h3;H4=h4;H5=h5", 3891 formats : {"strikethrough":{"inline":"del"},"leuchtstift":{"inline":"span","classes":"Leuchtstift"}}, 3892 3893 paste_postprocess: function(plugin, args) { 3894 jQuery(args.node).find("p").each(function() { 3895 if(jQuery(this).text().trim() == "") 3896 jQuery(this).remove(); 3897 }); 3898 }, 3899 3900 textpattern_patterns: rRichEdit_Textpatterns, //from external js 3901 3902 autosave_ask_before_unload: false, 3903 convert_urls : false, 3904 3905 advlist_bullet_styles:"", 3906 color_map: [ 3907 "b80000", "Rot", 3908 "85817E", "Hellgrau", 3909 "005073", "Dunkelblau", 3910 "ffff00", "Gelb", 3911 "87c700", "Gr\00fc", 3912 "ffffff", "Wei\u00df", 3913 "000000", "Schwarz" 3914 ], 3915 3916 inline: true, 3917 statusbar: true, 3918 3919 setup : function(ed) { 3920 var maxlength = parseInt($("#" + (ed.id)).attr("maxlength")); 3921 ed.on("keydown", function(e) { 3922 if(!maxlength) 3923 return; 3924 var count = $("#" + (ed.id)).text().length; 3925 if (count >= maxlength && !e.ctrlKey && !e.altKey && e.key && e.key.length == 1) { 3926 console.log(e); 3927 //alert(e.keyCode + "You have reached the character limit"); 3928 e.stopPropagation(); 3929 return false; 3930 } 3931 }); 3932 ed.on('blur', function(evt) { 3933 if(ed.isDirty()) { 3934 fnRichEdit_Save(ed.id, ed.getContent()); 3935 ed.isNotDirty = 1; 3936 //console.log(1); 3937 } 3938 }); 3939 ed.on('focusin', function(evt) { 3940 // sucht Schalter fuer umschliessende Box und clickt ihn ggf. > Aktiv + Einstellungen geoeffnet 3941 //2016_0904 jQuery(document.getElementById(ed.id)).parents(".boxFrame").find(".LayoutEdit-Schalter.Aktivierung").trigger("click"); 3942 fnBoxEdit_Highlight_Partial(jQuery(document.getElementById(ed.id)).parents(".boxFrame").attr("id")); 3943 console.log(ed.id); 3944 3945 // positioniert Symbolleiste RTE 3946 var o = jQuery(document.getElementById(ed.id)).offset(); 3947 var st = jQuery(document).scrollTop(); 3948 var sl = jQuery(document).scrollLeft(); 3949 var h = jQuery("#rRichEditToolbar").height(); 3950 var w = jQuery("#rRichEditToolbar").width(); 3951 var vw = jQuery(document).width(); 3952 if(false) { 3953 h = 68; 3954 var newT = (o.top - st - h - 0 - 35); // ab 2016_0523 3955 if(newT < 0) 3956 newT = 0; 3957 var newL = (o.left - sl + 10); // ab 2016_0523 3958 if(newL+w > vw) 3959 newL = vw-w; 3960 if(newL < 0) 3961 newL = 0; 3962 jQuery("#rRichEditToolbar").css("top", newT + "px"); 3963 jQuery("#rRichEditToolbar").css("left", newL + "px"); 3964 } 3965 }); 3966 ed.on('init', function() { 3967 for(var i=0; i<=9 ; i++) { 3968 ed.addShortcut('Access+' + i, '', ''); 3969 } 3970 3971 // Label "Klicken Sie ..." 3972 if(untag(ed.getContent()) == '') { 3973 jQuery("label[for=\"" + ed.id + "\"]").addClass("visible"); 3974 jQuery("label[for=\"" + ed.id + "\"]").closest(".rRichEditArea_Outer").addClass("empty"); 3975 } 3976 3977 jQuery(document.getElementById(ed.id)).focus(function() { 3978 jQuery("label[for=\"" + ed.id + "\"]").removeClass("visible"); 3979 jQuery("label[for=\"" + ed.id + "\"]").closest(".rRichEditArea_Outer").addClass("focused").removeClass("empty"); 3980 });
3981 jQuery(document.getElementById(ed.id)).blur(function() { 3982 if(untag(ed.getContent()) == '') { 3983 jQuery("label[for=\"" + ed.id + "\"]").addClass("visible"); 3984 jQuery("label[for=\"" + ed.id + "\"]").closest(".rRichEditArea_Outer").addClass("empty"); 3985 } 3986 jQuery("label[for=\"" + ed.id + "\"]").closest(".rRichEditArea_Outer").removeClass("focused"); 3987 }); 3988 }); 3989 3990 // Add a custom button 3991 ed.ui.registry.addButton('REsave', { 3992 tooltip : 'Speichern (STRG + S)', 3993 icon:"save", 3994 onAction : function() { 3995 fnRichEdit_Save(ed.id, ed.getContent()); 3996 } 3997 }); 3998 ed.addShortcut('Meta+s', 'Speichern', 3999 function() { 4000 fnRichEdit_Save(ed.id, ed.getContent()); 4001 } 4002 ); 4003ed.ui.registry.addMenuButton('textalign', { 4004 text: '', 4005 icon:'align-left', 4006 fetch: function (callback) { 4007 var items = [ 4008 { 4009 type: 'menuitem', 4010 text: 'Align left', 4011 icon: 'align-left', 4012 onAction: function () { 4013 ed.execCommand("JustifyLeft"); 4014 } 4015 }, 4016 { 4017 type: 'menuitem', 4018 text: 'Align center', 4019 icon: 'align-center', 4020 onAction: function () { 4021 ed.execCommand("JustifyCenter"); 4022 } 4023 }, 4024 { 4025 type: 'menuitem', 4026 text: 'Align right', 4027 icon: 'align-right', 4028 onAction: function () { 4029 ed.execCommand("JustifyRight"); 4030 } 4031 }, 4032 { 4033 type: 'menuitem', 4034 text: 'Justify', 4035 icon: 'align-justify', 4036 onAction: function () { 4037 ed.execCommand("JustifyFull"); 4038 } 4039 }, 4040 ]; 4041 callback(items); 4042 } 4043 }); 4044 4045ed.ui.registry.addMenuButton('more', { 4046 text: 'mehr', 4047 fetch: function (callback) { 4048 var items = [ 4049 { 4050 type: 'menuitem', 4051 icon: 'remove-formatting', 4052 text: 'Clear formatting', 4053 onAction: function () { 4054 ed.execCommand("RemoveFormat"); 4055 } 4056 }, 4057 4058 { 4059 type: 'menuitem', 4060 icon: 'non-breaking', 4061 text: 'Nonbreaking space', 4062 onAction: function () { 4063 ed.execCommand("mceNonBreaking"); 4064 } 4065 }, 4066 4067 { 4068 type: 'menuitem', 4069 //icon: 'none', 4070 text: 'Bedingter Trennnstrich', 4071 onAction: function () { 4072 ed.execCommand('mceInsertContent', false, '\u00AD'); 4073 } 4074 }, 4075 4076 { 4077 type: 'menuitem', 4078 icon: 'insert-character', 4079 text: 'Special character', 4080 onAction: function () { 4081 ed.execCommand("mceShowCharmap"); 4082 } 4083 }, 4084 4085 { 4086 type: 'menuitem', 4087 text: 'Show invisible characters', 4088 icon: 'visualchars', 4089 onAction: function () { 4090 ed.execCommand("mceVisualChars"); 4091 } 4092 }, 4093 { 4094 type: 'menuitem', 4095 icon: 'sourcecode', 4096 text: 'Source code', 4097 onAction: function () { 4098 ed.execCommand("mceCodeEditor"); 4099 } 4100 }, 4101 ]; 4102 callback(items); 4103 } 4104 }); 4105 4106 var arFormats = {"strikethrough":{"inline":"del"},"leuchtstift":{"inline":"span","classes":"Leuchtstift"}}; 4107 var arBlockFormats = {"p":"Text","blockquote":"Zitat","h2":"H2","h3":"H3","h4":"H4","h5":"H5"}; 4108 4109 ed.addShortcut('Meta+d', 'Durchgestrichen', 'Strikethrough'); 4110 4111 ed.addShortcut('Ctrl+Alt+z', 'Formatierung entfernen', 'RemoveFormat'); 4112 ed.addShortcut('Ctrl+Alt+32', 'Nonbreaking space', 'mceNonBreaking'); 4113 ed.addShortcut('Ctrl+Alt+189', 'xx', function () { 4114 ed.execCommand('mceInsertContent', false, '\u00AD'); 4115 }); 4116 4117 ed.addShortcut('Meta+shift+l', 'Aufzaehlung', ['InsertUnorderedList', false, '']); 4118 ed.addShortcut('Meta+shift+t', 'Textkoerper', ['FormatBlock', false, 'p']); 4119 ed.addShortcut('Meta+shift+o', 'Nummerierung', ['InsertOrderedList', false, '']); 4120 } 4121}; 4122 4123tinymce.init({ 4124 selector: "xxx" 4125}); 4126 4127</script>
4127 4128
4129<script> 4130 4131 4132var mce_options_rich = { 4133 //skin: "oxide", // alternatives Skin 4134 skin: "roccas", // alternatives Skin 4135 language:"de", 4136 plugins: [ 4137 "advlist autolink lists link image charmap hr anchor pagebreak", 4138 "wordcount visualblocks visualchars code fullscreen noneditable", 4139 "insertdatetime media nonbreaking table", 4140 //"contextmenu", 4141 //"roccasicon roccaslineicon", 4142 "directionality", 4143 "emoticons template paste", // textcolor", 4144 "autoresize textpattern", 4145 //"quickbars" // autosave" 4146 ], 4147 /* 4148 menu: { 4149 table: { title: 'Table', items: 'inserttable | cell row | column | tableprops deletetable' }, 4150 }, 4151 */ 4152 toolbar_mode: 'sliding',//floating 4153 menubar: false, 4154 /* 4155 // ehemalige Toolbar (2-zeilig, 2020_10) 4156 toolbar1: "REsave | undo redo | cut copy paste pastetextXX | bold italic underline strikethrough subscript superscript " + 4157 "forecolor backcolor removeformat | "+ 4158 //hr 4159 "nonbreaking charmap table visualchars code", 4160 toolbar2: "formatselect | bullist numlist outdent indent | alignleft aligncenter alignright al
4160ignjustify | link unlink", 4161 */ 4162 toolbar: "bold | italic | formatselect | bullist | numlist | table | link | unlink | textalign | " + 4163 "underline | strikethrough | subscript | superscript | " + 4164 "forecolor | " + 4165 "backcolor | " + 4166 //"outdent | indent | " + 4167 " " + 4168 "more", 4169 //contextmenu: 'link inserttable | cell row column deletetable', // Kontextmenue, optional 4170 contextmenu: false, 4171 autosave_ask_before_unload:true, // wirkungslos, im Plugin geaendert 4172 autosave_interval:"10s", 4173 auto_focus:false, 4174 skip_focus:true, 4175 4176 //table_column_resizing: 'preservetable' 4177 table_sizing_mode: 'responsive', 4178 //table_sizing_mode: 'relative', 4179 toolbar_persist:false, 4180 toolbar_location:'auto', 4181 toolbar_sticky:true, 4182 4183/* 4184file_picker_callback: function(callback, value, meta) { 4185 // Provide file and text for the link dialog 4186 if (meta.filetype == 'file') { 4187 callback('mypage.html', {text: 'My text'}); 4188 } 4189 4190 // Provide image and alt text for the image dialog 4191 if (meta.filetype == 'image') { 4192 callback('myimage.jpg', {alt: 'My alt text'}); 4193 } 4194 4195 // Provide alternative source and posted for the media dialog 4196 if (meta.filetype == 'media') { 4197 callback('movie.mp4', {source2: 'alt.ogg', poster: 'image.jpg'}); 4198 } 4199 }, 4200 */ 4201 4202 4203 quickbars_insert_toolbar: "table", 4204 //quickbars_selection_toolbar: "bold italic removeformat | quicklink unlink h2 h3 blockquote", // Schnellzugriff, optional 4205 4206 spellchecker_rpc_url: 'spellchecker.php', 4207 browser_spellcheck : true, 4208 4209 //link_list: "/ib/site/generators/rRichEdit_Links.php", 4210 4211 4212 image_advtab: true, 4213 table_advtab: false, 4214 table_cell_advtab: false, 4215 table_row_advtab: false, 4216 table_toolbar: "tablecellprops | tableinsertrowbefore tableinsertrowafter tabledeleterow | tableinsertcolbefore tableinsertcolafter tabledeletecol | tablemergecells", 4217 //table_responsive_width: true, 4218 templates: [ 4219 {title: 'Test template 1', content: 'Test 1'}, 4220 {title: 'Test template 2', content: 'Test 2'} 4221 ], 4222 4223 block_formats : "Text=p;Zitat=blockquote;H2=h2;H3=h3;H4=h4;H5=h5", 4224 formats : {"strikethrough":{"inline":"del"},"leuchtstift":{"inline":"span","classes":"Leuchtstift"}}, 4225 4226 paste_postprocess: function(plugin, args) { 4227 //console.log(args.node); 4228 //args.node.setAttribute('id', '42'); 4229 jQuery(args.node).find("p").each(function() { 4230 if(jQuery(this).text().trim() == "") 4231 jQuery(this).remove(); 4232 }); 4233 }, 4234textpattern_patterns: rRichEdit_Textpatterns, //from external js 4235 4236 TEST_valid_children: "li[ul|ol|a|br|span|bdo|object|applet|img|map|iframe|tt|i|b|u|s|strike|big|small|font|basefont|em|strong|del|dfn|code|q|samp|kbd|var|cite|abbr|acronym|sub|sup|input|select|textarea|label|button|#text|#comment]" 4237 +",-h2[ul|ol]" 4238 +",strong/b/em/i[a|br|span|bdo|object|applet|img|map|iframe|tt|i|b|u|s|strike|big|small|font|basefont|em|strong|dfn|code|q|samp|kbd|var|cite|abbr|acronym|sub|sup|input|select|textarea|label|button|#text|#comment]", 4239 TEST_fix_list_elements: true, 4240 4241 autosave_ask_before_unload: false, 4242 convert_urls : false, 4243 4244 advlist_bullet_styles:"", 4245 haidcolor_map:[ 4246 "CD1719", "Rot", 4247 "978B71", "Beige", 4248 "575756", "Dunkelgrau", 4249 "0077C1", "Blau" 4250 ], 4251 color_map: [ 4252 "b80000", "Rot", 4253 "85817E", "Hellgrau", // 4254 "005073", "Dunkelblau", 4255 "ffff00", "Gelb", 4256 "87c700", "Gr\00fc", 4257 "ffffff", "Wei\u00df", 4258 "000000", "Schwarz" 4259 ], 4260 4261 //fixed_toolbar_container: "#mceEditorTBContainer", // fester Container fuer Menueleiste 4262 4263 inline: true, 4264 statusbar: true, 4265 4266 setup : function(ed) { 4267 var maxlength = parseInt($("#" + (ed.id)).attr("maxlength")); 4268 ed.on("keydown", function(e) { 4269 if(!maxlength) 4270 return; 4271 var count = $("#" + (ed.id)).text().length; 4272 if (count >= maxlength && e.key && e.key.length == 1) { 4273 //alert(e.keyCode + "You have reached the character limit"); 4274 e.stopPropagation(); 4275 return false; 4276 } 4277 }); 4278 ed.on('blur', function(evt) { 4279 if(ed.isDirty()) { 4280 fnRichEdit_Save(ed.id, ed.getContent()); 4281 ed.isNotDirty = 1; 4282 //console.log(1); 4283 } 4284 }); 4285 ed.on('focusin', function(evt) { 4286 // sucht Schalter fuer umschliessende Box und clickt ihn ggf. > Aktiv + Einstellungen geoeffnet 4287 //2016_0904 jQuery(document.getElementById(ed.id)).parents(".boxFrame").find(".LayoutEdit-Schalter.Aktivierung").trigger("click");
4288 fnBoxEdit_Highlight_Partial(jQuery(document.getElementById(ed.id)).parents(".boxFrame").attr("id")); 4289 console.log(ed.id); 4290 4291 // positioniert Symbolleiste RTE 4292 var o = jQuery(document.getElementById(ed.id)).offset(); 4293 var st = jQuery(document).scrollTop(); 4294 var sl = jQuery(document).scrollLeft(); 4295 var h = jQuery("#rRichEditToolbar").height(); 4296 var w = jQuery("#rRichEditToolbar").width(); 4297 var vw = jQuery(document).width(); 4298 if(false) { 4299 h = 68; 4300 var newT = (o.top - st - h - 0 - 35); // ab 2016_0523 4301 if(newT < 0) 4302 newT = 0; 4303 var newL = (o.left - sl + 10); // ab 2016_0523 4304 if(newL+w > vw) 4305 newL = vw-w; 4306 if(newL < 0) 4307 newL = 0; 4308 jQuery("#rRichEditToolbar").css("top", newT + "px"); 4309 jQuery("#rRichEditToolbar").css("left", newL + "px"); 4310 } 4311 }); 4312 ed.on('init', function() { 4313 // Label "Klicken Sie ..." 4314 if(untag(ed.getContent()) == '') { 4315 jQuery("label[for=\"" + ed.id + "\"]").addClass("visible"); 4316 jQuery("label[for=\"" + ed.id + "\"]").closest(".rRichEditArea_Outer").addClass("empty"); 4317 } 4318 4319 jQuery(document.getElementById(ed.id)).focus(function() { 4320 jQuery("label[for=\"" + ed.id + "\"]").removeClass("visible"); 4321 jQuery("label[for=\"" + ed.id + "\"]").closest(".rRichEditArea_Outer").addClass("focused").removeClass("empty"); 4322 }); 4323 jQuery(document.getElementById(ed.id)).blur(function() { 4324 if(untag(ed.getContent()) == '') { 4325 jQuery("label[for=\"" + ed.id + "\"]").addClass("visible"); 4326 jQuery("label[for=\"" + ed.id + "\"]").closest(".rRichEditArea_Outer").addClass("empty"); 4327 } 4328 jQuery("label[for=\"" + ed.id + "\"]").closest(".rRichEditArea_Outer").removeClass("focused"); 4329 }); 4330 }); 4331 4332 // Add a custom button 4333 ed.ui.registry.addButton('REsave', { 4334 tooltip : 'Speichern (STRG + S)', 4335 icon:"save", 4336 onAction : function() { 4337 fnRichEdit_Save(ed.id, ed.getContent()); 4338 } 4339 }); 4340 ed.addShortcut('Meta+s', 'Speichern', 4341 function() { 4342 fnRichEdit_Save(ed.id, ed.getContent()); 4343 } 4344 ); 4345ed.ui.registry.addMenuButton('textalign', { 4346 text: '', 4347 icon:'align-left', 4348 fetch: function (callback) { 4349 var items = [ 4350 { 4351 type: 'menuitem', 4352 text: 'Align left', 4353 icon: 'align-left', 4354 onAction: function () { 4355 ed.execCommand("JustifyLeft"); 4356 } 4357 }, 4358 { 4359 type: 'menuitem', 4360 text: 'Align center', 4361 icon: 'align-center', 4362 onAction: function () { 4363 ed.execCommand("JustifyCenter"); 4364 } 4365 }, 4366 { 4367 type: 'menuitem', 4368 text: 'Align right', 4369 icon: 'align-right', 4370 onAction: function () { 4371 ed.execCommand("JustifyRight"); 4372 } 4373 }, 4374 { 4375 type: 'menuitem', 4376 text: 'Justify', 4377 icon: 'align-justify', 4378 onAction: function () { 4379 ed.execCommand("JustifyFull"); 4380 } 4381 }, 4382 ]; 4383 callback(items); 4384 } 4385 }); 4386 4387ed.ui.registry.addMenuButton('more', { 4388 text: 'mehr', 4389 fetch: function (callback) { 4390 var items = [ 4391 { 4392 type: 'menuitem', 4393 icon: 'remove-formatting', 4394 text: 'Clear formatting', 4395 onAction: function () { 4396 ed.execCommand("RemoveFormat"); 4397 } 4398 }, 4399 4400 { 4401 type: 'menuitem', 4402 icon: 'non-breaking', 4403 text: 'Nonbreaking space', 4404 onAction: function () { 4405 ed.execCommand("mceNonBreaking"); 4406 } 4407 }, 4408 4409 { 4410 type: 'menuitem', 4411 //icon: 'none', 4412 text: 'Bedingter Trennnstrich', 4413 onAction: function () { 4414 ed.execCommand('mceInsertContent', false, '\u00AD'); 4415 } 4416 }, 4417 4418 { 4419 type: 'menuitem', 4420 icon: 'insert-character', 4421 text: 'Special character', 4422 onAction: function () { 4423 ed.execCommand("mceShowCharmap"); 4424 } 4425 }, 4426 4427 { 4428 type: 'menuitem', 4429 text: 'Show invisible characters', 4430 icon: 'visualchars', 4431 onAction: function () { 4432 ed.execCommand("mceVisualChars"); 4433 } 4434 }, 4435 /* 4436 { 4437 type: 'menuitem', 4438 text: 'Show word count', 4439 icon: 'character-count', 4440 onAction: function () { 4441 ed.execCommand("mceWordCount"); // mceWordCount muss auch im plugin implementiert werden 4442 } 4443 }, 4444 */ 4445 { 4446 type: 'menuitem', 4447 icon: 'sourcecode', 4448 text: 'Source code', 4449 onAction: function () { 4450 ed.execCommand("mceCodeEditor"); 4451 } 4452 }, 4453 ]; 4454 callback(items); 4455 } 4456 });
4457 /* 4458 ed.ui.registry.addButton('Leuchtstift', { 4459 title : 'Hervorheben (STRG + M)', 4460 'class' : 'mce_backcolorpicker', 4461 onclick : function() { 4462 ed.focus(); 4463 ed.execCommand('mceToggleFormat', false, 'leuchtstift'); 4464 } 4465 }); 4466 */ 4467// UMSCHLT + EINFG -> PasteText 4468// Meta+v -> PasteText 4469// Meta+alt+v -> pastehtml 4470// Meta+alt+w -> link 4471// Meta+alt+b -> medie 4472 4473 var arFormats = {"strikethrough":{"inline":"del"},"leuchtstift":{"inline":"span","classes":"Leuchtstift"}}; 4474 var arBlockFormats = {"p":"Text","blockquote":"Zitat","h2":"H2","h3":"H3","h4":"H4","h5":"H5"}; 4475 4476 ed.addShortcut('Meta+d', 'Durchgestrichen', 'Strikethrough'); 4477 if(arFormats["leuchtstift"]) 4478 ed.addShortcut('Meta+m', 'Markierung', ['mceToggleFormat', false, "leuchtstift"]); 4479 4480 ed.addShortcut('Ctrl+Alt+z', 'Formatierung entfernen', 'RemoveFormat'); 4481 ed.addShortcut('Ctrl+Alt+32', 'Nonbreaking space', 'mceNonBreaking'); 4482 ed.addShortcut('Ctrl+Alt+189', 'xx', function () { 4483 ed.execCommand('mceInsertContent', false, '\u00AD'); 4484 }); 4485 4486 4487 if(arBlockFormats["blockquote"]) 4488 ed.addShortcut('Meta+shift+b', 'Beispiel', ['FormatBlock', false, 'blockquote']); 4489 ed.addShortcut('Meta+shift+l', 'Aufzaehlung', ['InsertUnorderedList', false, '']); 4490 ed.addShortcut('Meta+shift+t', 'Textkoerper', ['FormatBlock', false, 'p']); 4491 ed.addShortcut('Meta+shift+o', 'Nummerierung', ['InsertOrderedList', false, '']); 4492 if(arBlockFormats["h5"]) 4493 ed.addShortcut('Meta+shift+a', 'Absatz', ['FormatBlock', false, 'h5']); 4494 for (i=2; i<=5; i++) { 4495 if(arBlockFormats["h" + i]) 4496 ed.addShortcut('Meta+shift+' + i, '', ['FormatBlock', false, 'h' + i]); 4497 } 4498 4499 } 4500}; 4501 4502tinymce.init({ 4503 selector: "xxx" 4504}); 4505 4506</script>
4506 4507 4508<!-- /TinyMCE --> 4509 4510 4511 4512 4513 4514<!-- Datenaustausch --> 4515<form action="/ib/site/generators/rInterfaceDataExchange.php" name="rRichEdit_Form" target="rWACK_Target" 4516 style="position:absolute; left:0px; top:0px;" 4517 method="post" enctype="multipart/form-data"> 4518<div> 4519 <input type="hidden" name="Component" value="rRichEditClass" /> 4520 <input type="hidden" name="Action" value="Update" /> 4521 <input type="hidden" name="NotifySuccess" value="" /> 4522 <input type="hidden" name="NotifyFail" value="" /> 4523 <input type="hidden" name="Text" value="" /> 4524 <input type="hidden" name="parId" value="" /> 4525 <input type="hidden" name="Parameter" value="" /> 4526</div> 4527</form> 4528 4529<form action="/ib/site/generators/rInterfaceDataExchange.php" name="rWACK_Form" 4530 style="position:absolute; left:0px; top:0px;" 4531 method="post" enctype="multipart/form-data" target="rWACK_Target"><!-- 4532 <div> 4533 <input type="hidden" name="wddx" value="" /> 4534 </div>--> 4535</form> 4536<iframe id="rWACK_Target" name="rWACK_Target" width="1" height="1" 4537 style="position:absolute; left:-1px; top:-1px; visibility:hidden; border:0px; background-color:transparent" src="about:blank"></iframe> 4538<iframe id="rWACK_XML" name="rWACK_XML" width="1" height="1" 4539 style="position:absolute; left:-1px; top:-1px; visibility:hidden; border:0px; background-color:transparent" src="about:blank"></iframe> 4540
4541<script type="text/javascript"> 4542 var WACK; 4543 var rRichEditLinkDialogue; 4544 if (!WACK) WACK = new rWACKClass(); 4545</script>
4545 4546 4547<!-- Hauptmenue --> 4548 4549<link type="text/css" rel="stylesheet" href="/ib/core/libraries_ext/simplebar-1.1.9/src/simplebar.css" />
4550<script type="text/javascript" src="/ib/core/libraries_ext/simplebar-1.1.9/src/simplebar.js"></script>
4550 4551
4552<script type="text/javascript" src="/ib/core/libraries_ext/jacs/jacs.js"></script>
vendor: 1 bytes, line 4552
4552
4553<script> 4554 4555jQuery("body") 4556 .addClass("adminBar-xx") 4557 .addClass("adminBar-xx") 4558 .addClass("adminBar-xx"); 4559 4560</script>
4560 4561<!-- Hauptmenue --> 4562<div id="rAdministrationBar_Button" class="InverseColor noprint"> 4563 <div class="r-Symbolleiste r-Symbolleiste-Invers"> 4564 <a href="Javascript:void(0)" class="SchalterA disabled" 4565 onclick="if(jQuery(this).hasClass('disabled')) { return;}; 4566 jQuery('body').toggleClass('adminBar-Expanded');fnAdminBar_SaveState();" 4567 title="Hauptmenü einblenden" 4568 ><span class="Icon rcAdmin-Menu"></span></a> 4569 </div> 4570 <!-- 4571 <div class="r-Symbolleiste r-Symbolleiste-Invers"> 4572 <a href="Javascript:void(0)" class="SchalterA" onclick="jQuery('body').toggleClass('adminBar-Sidebar');fnAdminBar_SaveState();" 4573 title="Hauptmenü ablösen" 4574 ><span class="Icon rcAdmin-MenuDetach"></span></a> 4575 </div> 4576 --> 4577</div> 4578<div id="rAdministrationBar_Dialogue" 4579 class="InverseColor noprint loading" 4580 data-top="20px" 4581 data-left="120px" 4582 style="top:20px;left:120px;" 4583 > 4584<div class="Background"></div> 4585<div class="Content"> 4586 <div class="Kopf" xxstyle="padding-right:18px;padding-left:18px;text-align:right;line-height:29px;"> 4587 <img src="/ib/core/elements/Icon_cmsROCCAS.svg" class="CMSLogo"> 4588 <img src="/ib/core/elements/Icon_R.svg" class="left"> 4589 <img src="/ib/core/elements/Icon_R.svg" class="right"> 4590 <!-- 4591 <span class="Version" style="vertical-align:-1px;line-height:16px;letter-spacing:0.08em;padding-right:5px;font-weight:300;">CMS vv25</span><img src="/ib/core/elements/Logo_invers.svg" style="vertical-align:middle;"> 4592 --> 4593 </div> 4594 <div class="AdministrationBar_Handle"></div> 4595<!-- Symbolleiste --> 4596 <div id="Symbolleiste" class="r-Symbolleiste r-Symbolleiste-Invers"> 4597 <div class="SchalterGruppeA"> 4598 <div class="SchalterGruppeA">
4599 <a href="Javascript:void(0)" id="ib-admin-AdminBarExpand" class="SchalterA SchalterTools expand disabled" 4600 onclick="if(jQuery(this).hasClass('disabled')) { return;}; 4601 jQuery('#rAdministrationBar_Dialogue').addClass('tools').removeClass('boxes'); 4602 jQuery('body').addClass('adminBar-Expanded');fnAdminBar_SaveState();" 4603 title="Werkzeuge einblenden" 4604 ><span class="Icon rcAdmin-Menu"></span></a> 4605 <a href="Javascript:void(0)" id="ib-admin-AdminBarCollapse" class="SchalterA SchalterTools collapse disabled" 4606 onclick="if(jQuery(this).hasClass('disabled')) { return;}; 4607 jQuery('#rAdministrationBar_Dialogue').addClass('tools').removeClass('boxes'); 4608 jQuery('body').removeClass('adminBar-Expanded');fnAdminBar_SaveState();" 4609 title="Werkzeuge ausblenden" 4610 ><span class="Icon rcAdmin-Menu"></span></a> 4611 </div> 4612 <a href="Javascript:void(0)" class="SchalterA SchalterBoxes expand disabled" 4613 onclick="if(jQuery(this).hasClass('disabled')) { return; }; 4614 jQuery('#rAdministrationBar_Dialogue').addClass('boxes').removeClass('tools'); 4615 jQuery('body').addClass('adminBar-Expanded');fnAdminBar_SaveState();" 4616 title="Bausteine einblenden"><span class="Icon rcAdmin-Boxes"></span></a> 4617 <a href="Javascript:void(0)" class="SchalterA SchalterBoxes collapse disabled" 4618 onclick="if(jQuery(this).hasClass('disabled')) { return; }; 4619 jQuery('#rAdministrationBar_Dialogue').addClass('boxes').removeClass('tools'); 4620 jQuery('body').removeClass('adminBar-Expanded');fnAdminBar_SaveState();" 4621 title="Bausteine ausblenden"><span class="Icon rcAdmin-Boxes"></span></a> 4622 4623<!--- 4624 <a href="Javascript:void(0)" class="SchalterA" id="ib-admin-AdminBarAttach" onclick="jQuery('body').toggleClass('adminBar-Sidebar');fnAdminBar_SaveState();" 4625 title="Hauptmenü anheften" 4626 ><span class="Icon rcAdmin-MenuAttach"></span></a> 4627 <a href="Javascript:void(0)" class="SchalterA" id="ib-admin-AdminBarDettach" onclick="jQuery('body').toggleClass('adminBar-Sidebar');fnAdminBar_SaveState();" 4628 title="Hauptmenü ablösen" 4629 ><span class="Icon rcAdmin-MenuDetach"></span></a> 4630--> 4631<!-- 4632 <a href="Javascript:void(0)" id="ib-admin-AdminBarUnpin" class="SchalterA selected" onclick="jQuery('body').removeClass('adminBar-Fixed');fnAdminBar_SaveState();" 4633 title="Hauptmenü automatisch ausblenden"><span class="Icon rcAdmin-Pin"></span></a> 4634 <a href="Javascript:void(0)" id="ib-admin-AdminBarPin" class="SchalterA" onclick="jQuery('body').addClass('adminBar-Fixed');fnAdminBar_SaveState();" 4635 title="Hauptmenü beim Neuladen geöffnet halten"><span class="Icon rcAdmin-Pin"></span></a> 4636--> 4637 4638 <a href="Javascript:void(0)" class="SchalterA " 4639 onclick="if(jQuery(this).hasClass('disabled')) { return;}; document.location.replace(fnChangeEditMode('edit'))" 4640 title="Seite im Editiermodus anzeigen (STRG + UMSCH + E)" 4641 ><span class="Icon rcAdmin-PreviewMode"></span></a> 4642 <a href="Javascript:void(0)" class="SchalterA hidden" 4643 onclick="if(jQuery(this).hasClass('disabled')) { return;}; document.location.replace(fnChangeEditMode('preview'))" 4644 title="Seite im Vorschaumodus anzeigen (STRG + UMSCH + P)" 4645 ><span class="Icon rcAdmin-EditMode"></span></a> 4646 4647 </div> 4648 4649 <div style="float:right"> 4650 <div class="SchalterGruppeA">
4651 <a href="Javascript:void(0)" class="SchalterA" 4652 onclick="document.location.href='?cmslogoff';" 4653 title="Abmelden" 4654 ><span class="Icon rcAdmin-Logout"></span></a> 4655 </div> 4656 </div> 4657 </div> 4658 4659<!-- Panel --> 4660 <div id="rAdministrationBar_Panel" 4661 class="tools"> 4662 <div class="Gruppe1"> 4663 <div class="KalenderGruppe"> 4664 <!-- Ansicht / Kalender --> 4665 <div style="overflow:hidden; float:left;"> 4666 <!--<div style="padding:9px 3px 9px 5px; display:inline-block; vertical-align:top;">Ansicht </div>--> 4667 <div style="display:inline-block; vertical-align:top;padding-left:12px;"> 4668 <input type="datetime-local" class="form_field" size="11" 4669 id="Control_AnsichtDate" 4670 style="width:160px;width:132px" 4671 placeholder="jetzt" 4672 name="Control_AnsichtDate" value="" /> 4673 <!-- 4674 <div class="MiniSchalter MouseOver first" 4675 title="Datum über Kalender wählen" 4676 onclick="JACS.show(document.getElementById('Control_AnsichtDate'), event, 'roccas_de');"><span class="Icon rcAdmin-CalendarControl"></span></div> 4677 --> 4678 <div class="MiniSchalter MouseOver first" 4679 title="Ansicht jetzt zeigen" 4680 onclick="jQuery('#Control_AnsichtDate').val('');"><span class="Icon rcAdmin-Remove"></span></div> 4681 </div> 4682 </div> 4683 </div> 4684
4684<script type="text/javascript"> 4685 function fnSetAnsicht(pm) { 4686 if(pm == "now") { 4687 jQuery("#Control_AnsichtDate").val(""); 4688 } 4689 val = jQuery("#Control_AnsichtDate").val(); 4690 document.location.href = "/2a8cefe1-9125-7378-df4d-dba56cbb1850?Edition=de&Ansicht=" + val; 4691 } 4692 jQuery("#Control_AnsichtDate").bind("keydown", function(pmEvent) { 4693 if(pmEvent.keyCode == 13) { 4694 pmEvent.preventDefault(); 4695 pmEvent.stopPropagation(); 4696 pmEvent.stopImmediatePropagation(); 4697 fnSetAnsicht(); 4698 } 4699 }); 4700 </script>
4700 4701 4702 <div class="r-Symbolleiste r-Symbolleiste-Invers" style="margin:0;float:left;display:block; width:auto;"> 4703 <div class="SchalterGruppeA"> 4704 <a href="Javascript:void(0)" class="SchalterA" 4705 onclick="fnSetAnsicht()" 4706 title="Ansicht aktualisieren" 4707 ><span class="Icon rcAdmin-Refresh"></span></a> 4708 </div> 4709 </div> 4710 4711 4712 </div> 4713<!-- 4714 <div class="r-Symbolleiste r-Symbolleiste-Invers r-Symbolleiste-Textschalter" style="margin:0;"> 4715 <a href="Javascript:void(0)" class="SchalterA SchalterTools" onclick="jQuery('#rAdministrationBar_Panel').addClass('tools').removeClass('boxes');fnAdminBar_SaveState();"><span class="Icon rcAdmin-Tools"></span>Werkzeuge</a> 4716 <a href="Javascript:void(0)" class="SchalterA SchalterBoxes disabled" 4717 onclick="if(jQuery(this).hasClass('disabled')) { return; }; 4718 jQuery('#rAdministrationBar_Panel').addClass('boxes').removeClass('tools');fnAdminBar_SaveState();"><span class="Icon rcAdmin-Boxes"></span>Bausteine</a> 4719 </div> 4720 --> 4721 <!-- Menue --> 4722
4722<script type="text/javascript"> // nicht in div, wg. n-th child 4723 jQuery(document).ready(function() { 4724 // Initialize scrollers. 4725 jQuery('#ib-admin-ToolsList').simplebar({ autoHide: false }); 4726 window.setInterval(function() { 4727 jQuery('#ib-admin-ToolsList').simplebar("recalculate"); 4728 }, 500); 4729 }); 4730 </script>
4730 4731 <div id="ib-admin-ToolsList" class="Kacheln_Standard" data-simplebar-direction="vertical"> 4732 <div class="Split"> 4733 <div> 4734 <div style="clear:both;"></div> 4735 </div> 4736 <div style="position:relative;height:40px;"> 4737 <div style="color:white;position:absolute;left:12px;bottom:9.7px;font-size:12px;line-height:17px;letter-spacing:0.08em;font-weight:300;">v25</div> 4738 </div> 4739 </div> 4740 </div> 4741 </div> 4742</div> 4743</div> 4744 4745 4746 4747 4748 4749 4750 4751 4752 4753 4754<!-- Schnittstellen --> 4755<xml id="rAdministrationBar_XML" 4756 onDatasetComplete="document.location.reload();"> 4757</xml> 4758
4759<script language="Javascript" type="text/javascript"> 4760 rWACK_Layout = "Page_Standard"; 4761 rWACK_Session = ""; 4762 rWACK_Edition = "de"; 4763 4764 function fnChangeEditMode(pmView) { 4765 var sPageURL = window.location.search.substring(1); 4766 var sURLVariables = sPageURL.split('&'); 4767 for (var i = sURLVariables.length-1; i >= 0 ; i--) { 4768 var sParameterName = sURLVariables[i].split('='); 4769 if(sParameterName[0] == "Mode") 4770 delete sURLVariables[i]; 4771 } 4772 sURLVariables.push("Mode=" + pmView); 4773 4774 return window.location.pathname + "?" + sURLVariables.join("&") + window.location.hash; 4775 } 4776 4777 jQuery("#ib-admin-ToolsList a").click(function() { 4778 setTimeout(fnAdminBar_HideAfterAction, 200); 4779 }); 4780 function fnAdminBar_HideAfterAction() { 4781 if(true || jQuery("body").hasClass("adminBar-Sidebar")) { 4782 if(! jQuery("body").hasClass("adminBar-Fixed")) { 4783 jQuery("body").removeClass("adminBar-Expanded"); 4784 } 4785 } 4786 } 4787 var adminBarW1 = 54; 4788 var adminBarW2 = 280; 4789 var adminBarW3 = 10; 4790 function fnRepositionAdministrationBar(pmNoOffset = false) { 4791 var h = jQuery(window).height(); 4792 var w = jQuery(window).width(); 4793 var bh = jQuery("#rAdministrationBar_Dialogue").height(); 4794 var bw = jQuery("#rAdministrationBar_Dialogue").width(); 4795 var pos = jQuery("#rAdministrationBar_Dialogue").position(); 4796 4797 if(w < 480) 4798 adminBarW1 = 36; 4799 4800 var st = 0; //jQuery(document).scrollTop(); 4801 var sl = 0; //jQuery(document).scrollLeft(); 4802 var offset = -adminBarW2 + adminBarW1; 4803 if(pmNoOffset) 4804 offset = adminBarW3; 4805 4806 // Symbolleiste constrainen 4807 jQuery("#rAdministrationBar_Dialogue").css("left", Math.min(w - bw - adminBarW3, pos.left-sl) + "px"); 4808 jQuery("#rAdministrationBar_Dialogue").css("top", Math.min(h - bh - adminBarW3, pos.top-st) + "px"); 4809 4810 setTimeout(function() { 4811 var pos = jQuery("#rAdministrationBar_Dialogue").position(); 4812 if(offset < 0) 4813 jQuery("#rAdministrationBar_Dialogue").css("left", Math.max(offset, pos.left-sl) + "px"); 4814 jQuery("#rAdministrationBar_Dialogue").css("top", Math.max(adminBarW3, pos.top-st) + "px"); 4815 4816 var pos = jQuery("#rAdministrationBar_Dialogue").position(); 4817 if(pos.left < -140 || pos.left > w-140) { 4818 fnAdminBar_AdjustClass(); 4819 if(pos.left < -140) { 4820 jQuery("#rAdministrationBar_Dialogue").animate({left:offset}, 200).promise().done(function() {fnAdminBar_SavePosition();fnAdminBar_AdjustClass();}); 4821 } 4822 if(pos.left > w-140) { 4823 jQuery("#rAdministrationBar_Dialogue").animate({left:w - bw - offset}, 200).promise().done(function() {fnAdminBar_SavePosition();fnAdminBar_AdjustClass();}); 4824 } 4825 jQuery("body").removeClass("adminBar-Expanded"); 4826 } 4827 else { 4828 jQuery("#rAdministrationBar_Dialogue").removeClass("fade"); 4829 fnAdminBar_SavePosition(); 4830 } 4831 }, 30); 4832 } 4833 function fnAdminBar_AdjustClass() { 4834 var pos = jQuery("#rAdministrationBar_Dialogue").position(); 4835 if(pos.left < -140 || pos.left > w-140) { 4836 jQuery("#rAdministrationBar_Dialogue").addClass("fade"); 4837 if(pos.left < -140) 4838 jQuery("#rAdministrationBar_Dialogue").addClass("left").removeClass("right"); 4839 if(pos.left > w-140) 4840 jQuery("#rAdministrationBar_Dialogue").addClass("right").removeClass("left"); 4841 jQuery("body").removeClass("adminBar-Expanded"); 4842 } 4843 else { 4844 jQuery("#rAdministrationBar_Dialogue").removeClass("fade"); 4845 } 4846 } 4847 jQuery(document).ready(function() { 4848 setTimeout(fnRepositionAdministrationBar, 1300); 4849 }); 4850 jQuery(window).resize(function() { 4851 setTimeout(fnRepositionAdministrationBar, 1000); 4852 }); 4853 4854function fnAdminBar_SaveState() { 4855 var params = { 4856 Component: "rDialogueControlClass", 4857 Action: "fnSetParameters", 4858 Dialogue: "rAdministrationBar_Dialogue", 4859 Layout: "COMMON", 4860 SId: rWACK_Session, 4861 Expanded: jQuery("body").hasClass("adminBar-Expanded")?1:0, 4862 Sidebar: jQuery("body").hasClass("adminBar-Sidebar")?1:0, 4863 Fixed: jQuery("body").hasClass("adminBar-Fixed")?1:0, 4864 noCache: Date() 4865 }; 4866 jQuery.ajax({ 4867 url:'/ib/site/generators/rInterfaceDataExchange.php', 4868 data:params, 4869 async:true, 4870 cache:false, 4871 type:'GET' 4872 }); 4873} 4874 // initialisiert WACK-Dialog 4875 /* 4876 jQuery("#rAdministrationBar_Dialogue .AdministrationBar_Handle").on("pointerup", function() { 4877 var pos = jQuery("#rAdministrationBar_Dialogue").position(); 4878 var pos0 = jQuery(this).data('dragPos'); 4879 if(pos0 && Math.abs(pos0.left - pos.left) < 10 && Math.abs(pos0.top - pos.top) < 10 ) { 4880 return; 4881 } 4882 console.log("click"); 4883 if(jQuery("#rAdministrationBar_Dialogue").hasClass("fade")) { 4884 fnRepositionAdministrationBar(true); 4885 } 4886 }); 4887 */ 4888 4889 jQuery("#rAdministrationBar_Dialogue").draggable({ 4890 handle:jQuery("#rAdministrationBar_Dialogue .AdministrationBar_Handle")[0], 4891 xxcontainment: "window", 4892 scroll: false, 4893 drag: function(event, ui) { 4894 var item = jQuery(ui.helper); 4895 var h = jQuery(window).height(); 4896 var w = jQuery(window).width(); 4897 var st = jQuery(window).scrollTop(); 4898 var sl = jQuery(window).scrollLeft(); 4899 var bh = item.height(); 4900 var bw = item.width(); 4901 var inst = item.draggable("instance"); 4902 inst.containment = [0 - adminBarW2 + adminBarW1 + sl, 0 + adminBarW3 + st, w - bw - adminBarW3 + sl, h - 84 - adminBarW3 + st]; // containment wird bei position fixed injq-ui nicht sinnvoll behandelt 4903 4904 fnAdminBar_AdjustClass(); 4905 }, 4906 start: function() { 4907 jQuery("#rAdministrationBar_Dialogue .AdministrationBar_Handle").data('dragging', true); 4908 jQuery("#rAdministrationBar_Dialogue .AdministrationBar_Handle").data('dragPos', jQuery("#rAdministrationBar_Dialogue").position()); 4909 }, 4910 stop: function() { 4911 fnRepositionAdministrationBar(); 4912 if(jQuery("body").hasClass("adminBar-Sidebar")) 4913 return; 4914 fnAdminBar_SavePosition(); 4915 setTimeout(function() { 4916 jQuery("#rAdministrationBar_Dialogue .AdministrationBar_Handle").data('dragging', false); 4917 jQuery("#rAdministrationBar_Dialogue .AdministrationBar_Handle").data('dragPos', false); 4918 }, 10); 4919 } 4920 } 4921 ); 4922 function fnAdminBar_SavePosition() { 4923 var w = jQuery(window).width(); 4924 var params = { 4925 Component: "rDialogueControlClass", 4926 Action: "fnSetParameters", 4927 Dialogue: "rAdministrationBar_Dialogue", 4928 Layout: "COMMON", 4929 SId: rWACK_Session, 4930 Left: (w<480?-adminBarW2+adminBarW1:jQuery("#rAdministrationBar_Dialogue").css("left")), 4931 Top: jQuery("#rAdministrationBar_Dialogue").css("top"), 4932 noCache: Date() 4933 }; 4934 jQuery.ajax({ 4935 url:'/ib/site/generators/rInterfaceDataExchange.php', 4936 data:params, 4937 async:true, 4938 cache:false, 4939 type:'GET' 4940 }); 4941 } 4942 var t = jQuery("#rAdministrationBar_Dialogue"); 4943 t.css("left", t.attr("data-left")).css("top", t.attr("data-top")); 4944 var w = jQuery(window).width(); 4945 if(w < 480) { 4946 adminBarW1 = 36; 4947 //jQuery("#rAdministrationBar_Dialogue").addClass("fade").animate({left:-adminBarW2+adminBarW1}, 200).promise().done(fnAdminBar_SavePosition); 4948 jQuery("#rAdministrationBar_Dialogue").css({left:-adminBarW2+adminBarW1}); 4949 }
4950 if(parseInt(jQuery("#rAdministrationBar_Dialogue").css("left")) < -140) 4951 jQuery("#rAdministrationBar_Dialogue").addClass("fade").addClass("left") 4952 setTimeout(function() { 4953 jQuery("#rAdministrationBar_Dialogue").removeClass("loading"); 4954 }, 200); 4955 4956</script>
4956 4957 4958 4959
4959<script src="/ib/core/interfaces/rDirectEdit/rDirectEdit.js?2016_0708" type="text/javascript"></script>
4959 4960
4960<script src="/ib/core/interfaces/rMessage/rMessage.js?2016_0708" type="text/javascript"></script>
4960 4961
4961<script type="text/javascript"> 4962var cardSizes = {}; 4963cardSizes['ImageEdit'] = '525'; 4964cardSizes['AudioEdit'] = '525'; 4965cardSizes['PageEdit'] = '1050'; 4966cardSizes['PlatformvideoEdit'] = '525'; 4967cardSizes['PostingEdit'] = '1050'; 4968cardSizes['DocumentEdit'] = '525'; 4969cardSizes['EventEdit'] = '1050'; 4970cardSizes['VideoEdit'] = '525'; 4971</script>
vendor: 1 bytes, line 4971
4971
4972<script src="/ib/core/interfaces/rBoxEdit/rBoxEdit.js?b1221" type="text/javascript"></script>
4972 4973 4974 4975 4976<div id="HelperLayer" style="z-index:30000; position:absolute; display:none; background-color:#999999"> 4977 4978<div class="admin"> 4979 <!-- Symbolleiste --> 4980 <div class="admin BoxEdit-Symbolleiste-Overlay" id="Symbole_Bearbeiten"> 4981 <div style="text-align:right;"> 4982 4983 4984 </div> 4985 <div class="admin_Boxcaption"> 4986 </div> 4987 </div> 4988 4989 <div style="position:absolute;visibility:hidden"> 4990 <!-- verhindert Verschiebung bei MouseOver der Commandbar-Buttons --> 4991 </div> 4992</div> 4993 4994</div> 4995 4996 4997<!-- Formular, IFrame (Datenaustausch) --> 4998<form action="/ib/site/generators/rInterfaceDataExchange.php" name="rBoxEdit_Form" target="rWACK_Target" 4999 method="post" enctype="multipart/form-data" style="position:absolute; left:0px; top:0px; border:0px;"> 5000 <div> 5001 <input type="hidden" name="Component" value="rBoxEditClass" /> 5002 <input type="hidden" name="cntIdVersion" value="2ca10d4d-8427-37ee-332b-ac45c4375410" /> 5003 <input type="hidden" name="Paragraph" value="" /> 5004 <input type="hidden" name="Box" value="1" /> 5005 <input type="hidden" name="boxId" value="" /> 5006 5007 <input type="hidden" name="NotifyFail" value="" /> 5008 <input type="hidden" name="NotifySuccess" value="" /> 5009 <input type="hidden" name="Action" value="fnUpdate" /> 5010 </div> 5011</form> 5012 5013 5014<!-- 5015<div id="ImageCropSliderContainer" class="admin" style="display:none; position:absolute; bottom:0px; left:19px; right:20px;"> 5016 <div id="ImageCropSlider" style="position:absolute; bottom:20px; left:0px; width:100%; box-sizing:border-box" title="Abbildung zoomen"></div> 5017</div> 5018--> 5019 5020<div id="ImageCropFormContainer" class="admin" style=""> 5021<div id="ImageCropFormScale"></div> 5022<div id="ImageCropForm_Dialogue" class="InverseColor"> 5023 <!--<div class="ImageCropForm_Handle"></div>--> 5024 <div id="ImageCropForm-Symbolleiste" style="height:auto;" class="r-Symbolleiste r-Symbolleiste-Invers"> 5025 <!-- 5026 <div class="SchalterGruppeA rechts"> 5027 <a href="#" class="SchalterA" 5028 onclick="fnOpenWindow_InlineCard('card','/ib/site/generators/rCard.php?id=' + zoomImageParams[imPortId]['cntIdVersion'], 'Image');return false" 5029 title="Medium im Datenblatt öffnen" 5030 ><span class="Icon rcAdmin-Image"></span></a> 5031 </div> 5032 --> 5033 5034 <div class="ImageCropSizingContainer">
5035 <div class="ImageCropSizingBackground"><div class="ImageCropSizingBackgroundCritical"></div></div> 5036 <div class="ImageCropSizing"> 5037 <div class="ImageCropForm-Button ImageCropForm-Expand"><span class="Icon rcAdmin-ZoomIn"></span></div> 5038 <div class="ImageCropSliderContainer" style="width:1px; margin-left:19px; margin-right:20px; display:block;padding:15px 0;"> 5039 <div id="ImageCropSlider" style="position:relative; box-sizing:border-box" title="Abbildung zoomen"></div> 5040 </div> 5041 <div class="ImageCropForm-Button ImageCropForm-Collapse"><span class="Icon rcAdmin-ZoomOut"></span></div> 5042 </div> 5043 </div> 5044 5045 <!-- 5046 <div class="SchalterGruppeA rechts"> 5047 <div style="padding:9px 0px 7px 10px; float:left; line-height:18px;">–</div> 5048 <div style=" float:left; width:120px; height:2px; margin-left:15px; margin-right:15px; display:block;padding:17px 0;"> 5049 <div id="ImageCropSlider" style="position:relative; height:120px; box-sizing:border-box" title="Abbildung zoomen"></div> 5050 </div> 5051 <div style="padding:9px 10px 7px 0px; float:left; line-height:18px;">+</div> 5052 </div> 5053 --> 5054<!-- 5055 <form id="ImageCropForm" style="float:left;"> 5056 <div class="SchalterGruppeA rechts"> 5057 <table class="properties" cellspacing="0" cellpadding="0" border="0" height="36"> 5058 <tr> 5059 <td> 5060 <div style="padding:6px 10px 6px 10px; display:inline-block; vertical-align:top;">B</div> 5061 </td> 5062 <td> 5063 <div style="display:inline-block; vertical-align:top;"> 5064 <input type="text" class="form_field" size="11" 5065 id="width" 5066 style="width:30px" 5067 onchange="ImageDialog.changeHeight();" 5068 name="width" value="" /> 5069 </div> 5070 </td> 5071 <td><div style="padding:1px 8px 0px 8px;"><span id="constrainfree" class="Icon rcAdmin-Unlocked" style="opacity:0.3"> </span><span id="constrainlocked" class="Icon rcAdmin-Locked" style="display:none"></span></div></td> 5072 <td> 5073 <div style="padding:6px 10px 6px 0px; display:inline-block; vertical-align:top;">H</div> 5074 </td> 5075 <td style="padding-right:8px;"> 5076 <div style="display:inline-block; vertical-align:top;"> 5077 <input type="text" class="form_field" size="11" 5078 id="height" 5079 style="width:30px" 5080 onchange="ImageDialog.changeWidth();" 5081 name="height" value="" /> 5082 </div> 5083 </td> 5084 </tr> 5085 </table> 5086 </div> 5087 <div class="SchalterGruppeA"> 5088 <table class="properties" cellspacing="0" cellpadding="0" border="0" height="36"> 5089 <tr> 5090 <td style="padding: 6px 10px 6px 10px;"><label>B : H wie Original</label></td> 5091 <td style="padding: 3px 0px 7px 0px;"> 5092 <input id="flgdimensions_original" type="checkbox" name="flgdimensions_original" value="1" 5093 checked="checked" 5094 class="Optionsfeld" style="width: auto;" 5095 onclick="ImageDialog.adjustForm()" /> 5096 </td> 5097 </tr> 5098 </table> 5099 </div> 5100 </form> 5101--> 5102 </div> 5103</div> 5104</div> 5105<!--
5106<script type="text/javascript"> 5107 jQuery("#ImageCropFormContainer").draggable({ 5108 handle:jQuery("#ImageCropFormContainer .ImageCropForm_Handle")[0], 5109 containment: "window" 5110 }); 5111</script>
5111 5112--> 5113</div><!--/noindex-->
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.