{"id":7448,"date":"2021-12-08T16:22:32","date_gmt":"2021-12-08T15:22:32","guid":{"rendered":"https:\/\/www.quicksted.com\/?post_type=product&#038;p=7448"},"modified":"2024-09-02T11:24:54","modified_gmt":"2024-09-02T09:24:54","slug":"s31-webtechniken-fuer-abap-entwickler","status":"publish","type":"product","link":"https:\/\/www.quicksted.com\/en_us\/kurse-schulungen\/s31-webtechniken-fuer-abap-entwickler\/","title":{"rendered":"[S31 Webtechniken f\u00fcr ABAP-Entwickler]"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;3.22&#8243; custom_padding=&#8221;0px||||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;3.25&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; width=&#8221;100%&#8221; custom_padding=&#8221;0px||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_wc_breadcrumb _builder_version=&#8221;3.0.47&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_wc_breadcrumb][et_pb_wc_cart_notice global_colors_info=&#8221;{}&#8221;][\/et_pb_wc_cart_notice][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_2,1_2&#8243; _builder_version=&#8221;3.25&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; width=&#8221;100%&#8221; custom_padding=&#8221;0px||||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_wc_images _builder_version=&#8221;3.0.47&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_wc_images][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_wc_title _builder_version=&#8221;3.0.47&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_wc_title][et_pb_wc_rating _builder_version=&#8221;3.0.47&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_wc_rating][et_pb_wc_price _builder_version=&#8221;3.0.47&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_wc_price][et_pb_wc_description _builder_version=&#8221;3.0.47&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_wc_description][et_pb_code _builder_version=&#8221;4.4.8&#8243; global_colors_info=&#8221;{}&#8221;]<button class='single_add_to_cart_button button alt' onclick='window.location.href = \"https:\/\/www.quicksted.com\/angebotsanfrage\/\";'>Angebotsanfrage<\/button>[\/et_pb_code][et_pb_wc_add_to_cart transform_translate_linked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_wc_add_to_cart][et_pb_wc_meta _builder_version=&#8221;3.0.47&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_wc_meta][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.4.8&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.4.8&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_wc_tabs _builder_version=&#8221;3.0.47&#8243; global_colors_info=&#8221;{}&#8221;]\t\t\t\t\t[\/et_pb_wc_tabs][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.4.8&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_row column_structure=&#8221;1_2,1_2&#8243; _builder_version=&#8221;4.4.8&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.4.8&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.4.8&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><strong>Course Info:<\/strong><\/p>\n<p>[\/et_pb_text][et_pb_tabs _builder_version=&#8221;4.4.8&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_tab title=&#8221;Inhalt&#8221; _builder_version=&#8221;4.4.8&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Dieser <strong>Kurs<\/strong> beinhaltet: <strong>7\u00a0Units<\/strong> mit Insgesamt <strong>25 Quicks <\/strong>and <strong>15 \u00dcbungen.<\/strong><\/p>\n<p>[\/et_pb_tab][et_pb_tab title=&#8221;Grundlagen&#8221; _builder_version=&#8221;4.4.8&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Als Entwicklungstool dieses Kurses dient das Visual Studio Code. Dieses ist kostenfrei verf\u00fcgbar.<\/p>\n<p>[\/et_pb_tab][et_pb_tab title=&#8221;Dauer&#8221; _builder_version=&#8221;4.4.8&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>The playing time of the Quicks is about <strong>8 Stunden<\/strong>. Die Bearbeitungszeit der \u00dcbungen ist nat\u00fcrlich benutzerabh\u00e4ngig, wird von uns aber auf <strong>ca. 4 Stunden<\/strong> .<\/p>\n<p>[\/et_pb_tab][\/et_pb_tabs][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.4.8&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.4.8&#8243; global_colors_info=&#8221;{}&#8221;]<strong>Trainer:<\/strong>[\/et_pb_text][et_pb_team_member name=&#8221;Andr\u00e9 Sch\u00e4rpf&#8221; position=&#8221;Full Stack Entwickler&#8221; image_url=&#8221;https:\/\/www.quicksted.com\/wp-content\/uploads\/2021\/12\/Andre.jpg&#8221; _builder_version=&#8221;4.4.8&#8243; global_colors_info=&#8221;{}&#8221;]Als Full Stack Entwickler im SAP-Bereich arbeitet Andr\u00e9 Sch\u00e4rpf t\u00e4glich mit Technologien wie ABAP, OData, HTML, CSS, JavaScript und SAPUI5. Durch die Anwendung modernster Frameworks und Programmiertechniken in produktiven Projekten ist er in der Lage, Konzepte nicht nur theoretisch zu erkl\u00e4ren, sondern zus\u00e4tzlich einen Einblick in die \u201eReal-World\u201c-Einsatzbereiche zu geben.[\/et_pb_team_member][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.4.8&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.4.8&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_code _builder_version=&#8221;4.4.8&#8243; global_colors_info=&#8221;{}&#8221;]<div class=\"learndash-wrapper learndash-wrap learndash-shortcode-wrap learndash-shortcode-wrap-course_content-7444_7444_0\"><div class=\"learndash user_has_no_access\" id=\"learndash_post_7444\">\t\t<div class=\"learndash-wrapper\">\n\t\t\t\t\t\t<div class=\"ld-item-list ld-lesson-list ld-course-content-7444\" data-shortcode_instance=\"{&quot;course_id&quot;:7444,&quot;post_id&quot;:7444,&quot;group_id&quot;:0,&quot;paged&quot;:1,&quot;num&quot;:20,&quot;wrapper&quot;:true,&quot;user_id&quot;:0}\">\n\t\t\t<div class=\"ld-section-heading\">\n\n\t\t\t\t\n\t\t\t\t<h2>\n\t\t\t\tCourse Content\t\t\t\t<\/h2>\n\n\t\t\t\t\n\t\t\t\t<div class=\"ld-item-list-actions\" data-ld-expand-list=\"true\">\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"ld-expand-button ld-primary-background\" id=\"ld-expand-button-7444\" data-ld-expands=\"ld-item-list-7444\" data-ld-expand-text=\"Expand All\" data-ld-collapse-text=\"Collapse All\">\n\t\t\t\t\t\t\t<span class=\"ld-icon-arrow-down ld-icon\"><\/span>\n\t\t\t\t\t\t\t<span class=\"ld-text\">Expand All<\/span>\n\t\t\t\t\t\t<\/div> <!--\/.ld-expand-button-->\n\t\t\t\t\t\t\n\t\t\t\t<\/div> <!--\/.ld-item-list-actions-->\n\t\t\t<\/div> <!--\/.ld-section-heading-->\n\n\t\t\t\n\t<div class=\"ld-item-list-items  ld-item-list-7444\" id=\"ld-item-list-7444\" data-ld-expand-id=\"ld-item-list-7444\" data-ld-expand-list=\"true\">\n\t\t\n<div class=\"ld-item-list-item ld-item-lesson-item ld-lesson-item-7450 is_not_sample learndash-not-available learndash-incomplete ld-expandable\" id=\"ld-expand-7450\" data-ld-expand-id=\"ld-expand-7450\" data-ld-tooltip=\"You don&#039;t currently have access to this content\">\n\t<div class=\"ld-item-list-item-preview\">\n\t\t\n\t\t<script>\n\t\tjQuery(document).ready(function( $ ){\n\t\t$('body').on('click', '.ld-item-name', function(e) {\n\n\t\te.preventDefault();\n\t\tld_expand_element( $(this) );\n\t\tpositionTooltips();\n\n\t\t});\n\t\t\n\t\tfunction ld_expand_button_state( state, elm ) {\n\t\tvar $expandText = ( $( elm )[0].hasAttribute( 'data-ld-expand-text' ) ) ? $( elm ).attr( 'data-ld-expand-text' ) : 'Expand';\n\t\tvar $collapseText = ( $( elm )[0].hasAttribute( 'data-ld-collapse-text' ) ) ? $( elm ).attr( 'data-ld-collapse-text' ) : 'Collapse';\n\n\t\tif ( 'collapse' == state ) {\n\t\t\t$( elm ).removeClass( 'ld-expanded' );\n\t\t\tif ( 'false' !== $collapseText ) {\n\t\t\t\t$( elm ).find( '.ld-text' ).text( $expandText );\n\t\t\t}\n\t\t} else {\n\t\t\t$( elm ).addClass( 'ld-expanded' );\n\t\t\tif ( 'false' !== $collapseText ) {\n\t\t\t\t$( elm ).find( '.ld-text' ).text( $collapseText );\n\t\t\t}\n\t\t}\n\t}\n\n\tfunction ld_expand_element( elm, collapse ) {\n\t\tif ( collapse === undefined ) {\n\t\t\tcollapse = false;\n\t\t}\n\n\t\tvar elmParentWrapper = elm.parents( '.ld-focus-sidebar' );\n\t\tif ( ( 'undefined' === typeof elmParentWrapper ) || ( ! elmParentWrapper.length ) ) {\n\t\t\tvar elmParentWrapper = elm.parents( '.learndash-wrapper' );\n\t\t}\n\t\tif ( ( 'undefined' === typeof elmParentWrapper ) || ( ! elmParentWrapper.length ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\t\/\/ Get the button's state\n\t\tvar $expanded = $( elm ).hasClass( 'ld-expanded' );\n\n\t\t\/\/ Get the element to expand\n\t\tif ( $( elm )[0] && $( elm )[0].hasAttribute( 'data-ld-expands' ) ) {\n\t\t\tvar $expands      = $( elm ).attr( 'data-ld-expands' );\n\t\t\tif ( ( 'undefined' === typeof $expands ) || ( ! $expands.length ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tvar $expandElm    = $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' );\n\t\t\tif ( ( 'undefined' === typeof $expandElm ) || ( ! $expandElm.length ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tvar $expandsChild = $( $expandElm ).find( '.ld-item-list-item-expanded' );\n\n\t\t\tif ( $expandsChild.length ) {\n\t\t\t\t$expandElm = $expandsChild;\n\t\t\t}\n\n\t\t\tvar totalHeight = 0;\n\n\t\t\t$expandElm.find( '> *' ).each( function() {\n\t\t\t\ttotalHeight += $( this ).outerHeight();\n\t\t\t} );\n\n\t\t\t$expandElm.attr( 'data-height', '' + ( totalHeight + 50 ) + '' );\n\n\t\t\t\/\/ If the element expands a list\n\n\t\t\tif ( $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' )[0].hasAttribute( 'data-ld-expand-list' ) ) {\n\n\t\t\t\tvar $container = $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' );\n\t\t\t\tvar innerButtons = $container.find( '.ld-expand-button' );\n\t\t\t\tif ( $expanded ) {\n\t\t\t\t\tld_expand_button_state( 'collapse', elm );\n\t\t\t\t\tinnerButtons.each( function() {\n\t\t\t\t\t\tld_expand_element( $( this ), true );\n\t\t\t\t\t} );\n\t\t\t\t} else {\n\t\t\t\t\tld_expand_button_state( 'expand', elm );\n\t\t\t\t\tinnerButtons.each( function() {\n\t\t\t\t\t\tld_expand_element( $( this ) );\n\t\t\t\t\t} );\n\t\t\t\t}\n\n\t\t\t\t\/\/ If the element expands an item\n\t\t\t} else if ( $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ).length ) {\n\t\t\t\tif ( $expanded || true == collapse ) {\n\t\t\t\t\tld_expand_singular_item( elm, $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ), $expandElm );\n\t\t\t\t} else {\n\t\t\t\t\tld_collapse_singular_item( elm, $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ), $expandElm );\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tconsole.log( 'LearnDash: No expandable content was found' );\n\t\t\t}\n\t\t\tpositionTooltips();\n\t\t}\n\t}\n\n\tfunction ld_expand_singular_item( elm, $containerElm, $expandElm ) {\n\t\t$containerElm.removeClass( 'ld-expanded' );\n\t\tld_expand_button_state( 'collapse', elm );\n\n\t\t$expandElm.css( {\n\t\t\t'max-height': 0,\n\t\t} );\n\t}\n\n\tfunction ld_collapse_singular_item( elm, $containerElm, $expandElm ) {\n\t\t$containerElm.addClass( 'ld-expanded' );\n\n\t\tld_expand_button_state( 'expand', elm );\n\n\t\t$expandElm.css( {\n\t\t\t'max-height': $expandElm.data( 'height' ),\n\t\t} );\n\t}\n\t\t\n\tfunction positionTooltips() {\n\t\tif ( 'undefined' !== typeof $tooltips ) {\n\t\t\tsetTimeout( function() {\n\t\t\t\t$tooltips.each( function() {\n\t\t\t\t\tvar anchor = $( this );\n\t\t\t\t\tvar $rel_id = anchor.attr( 'data-ld-tooltip-id' );\n\t\t\t\t\t$tooltip = $( '#ld-tooltip-' + $rel_id );\n\n\t\t\t\t\tif ( anchor.hasClass( 'ld-item-list-item' ) ) {\n\t\t\t\t\t\t\/\/anchor = anchor.find('.ld-item-title');\n\t\t\t\t\t\tanchor = anchor.find( '.ld-status-icon' );\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\tvar parent_focus = jQuery( anchor ).parents( '.ld-focus-sidebar' );\n\t\t\t\t\tvar left_post = anchor.offset().left + ( anchor.outerWidth() + 10 );\n\t\t\t\t\tif ( parent_focus.length ) {\n\t\t\t\t\t\tleft_post = anchor.offset().left + ( anchor.outerWidth() - 18 );\n\t\t\t\t\t}\n\n\t\t\t\t\t\/\/ Get the main content height\n\t\t\t\t\tvar focusModeMainContentHeight = $( '.ld-focus-main' ).height();\n\n\t\t\t\t\t\/\/ Current tooltip height\n\t\t\t\t\tvar focusModeCurrentTooltipHeight = anchor.offset().top + -3;\n\n\t\t\t\t\t\/\/ Position tooltip depending on focus mode or not\n\t\t\t\t\tif ( ! focusModeMainContentHeight ) {\n\t\t\t\t\t\tvar anchorTop = anchor.offset().top + -3;\n\t\t\t\t\t\tvar anchorLeft = anchor.offset().left;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tanchorTop = focusModeCurrentTooltipHeight < focusModeMainContentHeight ? focusModeCurrentTooltipHeight : focusModeMainContentHeight;\n\t\t\t\t\t\tanchorLeft = left_post;\n\t\t\t\t\t}\n\n\t\t\t\t\t$tooltip.css( {\n\t\t\t\t\t\ttop: anchorTop,\n\n\t\t\t\t\t\t\/\/'left' : anchor.offset().left + (anchor.outerWidth() \/ 2),\n\t\t\t\t\t\t\/\/'left': left_post, \/\/anchor.offset().left + (anchor.outerWidth() +10),\n\t\t\t\t\t\tleft: anchorLeft, \/\/anchor.offset().left + (anchor.outerWidth() +10),\n\t\t\t\t\t\t'margin-left': 0,\n\t\t\t\t\t\t'margin-right': 0,\n\t\t\t\t\t} ).removeClass( 'ld-shifted-left ld-shifted-right' );\n\t\t\t\t\tif ( $tooltip.offset().left <= 0 ) {\n\t\t\t\t\t\t$tooltip.css( { 'margin-left': Math.abs( $tooltip.offset().left ) } ).addClass( 'ld-shifted-left' );\n\t\t\t\t\t}\n\t\t\t\t\tvar $tooltipRight = $( window ).width() - ( $tooltip.offset().left + $tooltip.outerWidth() );\n\t\t\t\t\tif ( 0 >= $tooltipRight && 360 < $( window ).width() ) {\n\t\t\t\t\t\t$tooltip.css( { 'margin-right': Math.abs( $tooltipRight ) } ).addClass( 'ld-shifted-right' );\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t}, 500 );\n\t\t}\n\t}\n\t\t\n\t\t});\n\t\t<\/script>\n\n        <div class=\"ld-item-name ld-primary-color-hover\" data-ld-expands=\"ld-expand-7450\">\n\t\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\t\t\t<div class=\"ld-item-title\">\n\t\t\t\t[S31-00 Webtechniken] Einf\u00fchrung in den Kurs S31\n\t\t\t\t\t<span class=\"ld-item-components\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ld-item-component\">\n\t\t\t\t\t\t\t1 Quick\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\n\t\t\t\t\t<\/span> <!--\/.ld-item-components-->\n\t\t\t\t\t\t\t\t\t\n\t\t\t<\/div> <!--\/.ld-item-title-->\n        <\/div>\n\n\t\t\n\t\t<div class=\"ld-item-details\">\n\t\t\t\n\t\t\t\t<div class=\"ld-expand-button ld-button-alternate\" data-ld-expands=\"ld-expand-7450\" data-ld-expand-text=\"Expand\" data-ld-collapse-text=\"Collapse\">\n\t\t\t\t\t<span class=\"ld-icon-arrow-down ld-icon ld-primary-background\"><\/span>\n\t\t\t\t\t<span class=\"ld-text ld-primary-color\">Expand<\/span>\n\t\t\t\t<\/div> <!--\/.ld-expand-button-->\n\n\t\t\t\t\t\t<\/div> <!--\/.ld-item-details-->\n\n\t\t\n\t<\/div> <!--\/.ld-item-list-item-preview-->\n\t\t\t<div class=\"ld-item-list-item-expanded\">\n\t\t\t\n<div class=\"ld-table-list ld-topic-list ld-no-pagination ld-expand-7450\" id=\"ld-expand-7450\">\n\n\t<div class=\"ld-table-list-header ld-primary-background\">\n\n\t\t\n\t\t<div class=\"ld-table-list-title\">\n\t\t\t<span class=\"ld-item-icon\">\n\t\t\t\t<span class=\"ld-icon ld-icon-content\"><\/span>\n\t\t\t<\/span>\n\t\t\t<span class=\"ld-text\">\n\t\t\t\tUnit Content\t\t\t<\/span>\n\t\t<\/div> <!--\/.ld-tablet-list-title-->\n\t\t<div class=\"ld-table-list-lesson-details\">\n\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ld-lesson-list-progress\">\n\t\t\t\t\t0% Complete\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ld-lesson-list-steps\">\n\t\t\t\t\t0\/1 Steps\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t<\/div> <!--\/.ld-table-list-lesson-details-->\n\n\t\t\n\t<\/div> <!--\/.ld-table-list-header-->\n\n\t<div class=\"ld-table-list-items ld-topic-list-7450\" id=\"ld-topic-list-7450\" data-ld-expand-list>\n\n\t\t<div class=\"ld-table-list-item ld-table-list-item-7469\" id=\"ld-table-list-item-7469\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s31-webtechniken-fuer-abap-entwickler\/unit\/s31-00-webtechniken-einfuehrung-in-den-kurs-s31\/quick\/s31-00-01-webtechniken-einfu%cc%88hrung-in-den-kurs-s31\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S31-00-01 Webtechniken] Einfu\u0308hrung in den Kurs S31<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n\n\t<\/div> <!--\/.ld-table-list-items-->\n\n\t<div class=\"ld-table-list-footer\">\n\t\t\t<\/div> <!--\/.ld-table-list-footer-->\n\n<\/div> <!--\/.ld-table-list-->\n\n\t\t<\/div> <!--\/.ld-item-list-item-expanded-->\n\t<\/div> <!--\/.ld-item-list-item-->\n\t\n<div class=\"ld-item-list-item ld-item-lesson-item ld-lesson-item-7452 is_not_sample learndash-not-available learndash-incomplete ld-expandable\" id=\"ld-expand-7452\" data-ld-expand-id=\"ld-expand-7452\" data-ld-tooltip=\"You don&#039;t currently have access to this content\">\n\t<div class=\"ld-item-list-item-preview\">\n\t\t\n\t\t<script>\n\t\tjQuery(document).ready(function( $ ){\n\t\t$('body').on('click', '.ld-item-name', function(e) {\n\n\t\te.preventDefault();\n\t\tld_expand_element( $(this) );\n\t\tpositionTooltips();\n\n\t\t});\n\t\t\n\t\tfunction ld_expand_button_state( state, elm ) {\n\t\tvar $expandText = ( $( elm )[0].hasAttribute( 'data-ld-expand-text' ) ) ? $( elm ).attr( 'data-ld-expand-text' ) : 'Expand';\n\t\tvar $collapseText = ( $( elm )[0].hasAttribute( 'data-ld-collapse-text' ) ) ? $( elm ).attr( 'data-ld-collapse-text' ) : 'Collapse';\n\n\t\tif ( 'collapse' == state ) {\n\t\t\t$( elm ).removeClass( 'ld-expanded' );\n\t\t\tif ( 'false' !== $collapseText ) {\n\t\t\t\t$( elm ).find( '.ld-text' ).text( $expandText );\n\t\t\t}\n\t\t} else {\n\t\t\t$( elm ).addClass( 'ld-expanded' );\n\t\t\tif ( 'false' !== $collapseText ) {\n\t\t\t\t$( elm ).find( '.ld-text' ).text( $collapseText );\n\t\t\t}\n\t\t}\n\t}\n\n\tfunction ld_expand_element( elm, collapse ) {\n\t\tif ( collapse === undefined ) {\n\t\t\tcollapse = false;\n\t\t}\n\n\t\tvar elmParentWrapper = elm.parents( '.ld-focus-sidebar' );\n\t\tif ( ( 'undefined' === typeof elmParentWrapper ) || ( ! elmParentWrapper.length ) ) {\n\t\t\tvar elmParentWrapper = elm.parents( '.learndash-wrapper' );\n\t\t}\n\t\tif ( ( 'undefined' === typeof elmParentWrapper ) || ( ! elmParentWrapper.length ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\t\/\/ Get the button's state\n\t\tvar $expanded = $( elm ).hasClass( 'ld-expanded' );\n\n\t\t\/\/ Get the element to expand\n\t\tif ( $( elm )[0] && $( elm )[0].hasAttribute( 'data-ld-expands' ) ) {\n\t\t\tvar $expands      = $( elm ).attr( 'data-ld-expands' );\n\t\t\tif ( ( 'undefined' === typeof $expands ) || ( ! $expands.length ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tvar $expandElm    = $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' );\n\t\t\tif ( ( 'undefined' === typeof $expandElm ) || ( ! $expandElm.length ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tvar $expandsChild = $( $expandElm ).find( '.ld-item-list-item-expanded' );\n\n\t\t\tif ( $expandsChild.length ) {\n\t\t\t\t$expandElm = $expandsChild;\n\t\t\t}\n\n\t\t\tvar totalHeight = 0;\n\n\t\t\t$expandElm.find( '> *' ).each( function() {\n\t\t\t\ttotalHeight += $( this ).outerHeight();\n\t\t\t} );\n\n\t\t\t$expandElm.attr( 'data-height', '' + ( totalHeight + 50 ) + '' );\n\n\t\t\t\/\/ If the element expands a list\n\n\t\t\tif ( $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' )[0].hasAttribute( 'data-ld-expand-list' ) ) {\n\n\t\t\t\tvar $container = $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' );\n\t\t\t\tvar innerButtons = $container.find( '.ld-expand-button' );\n\t\t\t\tif ( $expanded ) {\n\t\t\t\t\tld_expand_button_state( 'collapse', elm );\n\t\t\t\t\tinnerButtons.each( function() {\n\t\t\t\t\t\tld_expand_element( $( this ), true );\n\t\t\t\t\t} );\n\t\t\t\t} else {\n\t\t\t\t\tld_expand_button_state( 'expand', elm );\n\t\t\t\t\tinnerButtons.each( function() {\n\t\t\t\t\t\tld_expand_element( $( this ) );\n\t\t\t\t\t} );\n\t\t\t\t}\n\n\t\t\t\t\/\/ If the element expands an item\n\t\t\t} else if ( $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ).length ) {\n\t\t\t\tif ( $expanded || true == collapse ) {\n\t\t\t\t\tld_expand_singular_item( elm, $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ), $expandElm );\n\t\t\t\t} else {\n\t\t\t\t\tld_collapse_singular_item( elm, $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ), $expandElm );\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tconsole.log( 'LearnDash: No expandable content was found' );\n\t\t\t}\n\t\t\tpositionTooltips();\n\t\t}\n\t}\n\n\tfunction ld_expand_singular_item( elm, $containerElm, $expandElm ) {\n\t\t$containerElm.removeClass( 'ld-expanded' );\n\t\tld_expand_button_state( 'collapse', elm );\n\n\t\t$expandElm.css( {\n\t\t\t'max-height': 0,\n\t\t} );\n\t}\n\n\tfunction ld_collapse_singular_item( elm, $containerElm, $expandElm ) {\n\t\t$containerElm.addClass( 'ld-expanded' );\n\n\t\tld_expand_button_state( 'expand', elm );\n\n\t\t$expandElm.css( {\n\t\t\t'max-height': $expandElm.data( 'height' ),\n\t\t} );\n\t}\n\t\t\n\tfunction positionTooltips() {\n\t\tif ( 'undefined' !== typeof $tooltips ) {\n\t\t\tsetTimeout( function() {\n\t\t\t\t$tooltips.each( function() {\n\t\t\t\t\tvar anchor = $( this );\n\t\t\t\t\tvar $rel_id = anchor.attr( 'data-ld-tooltip-id' );\n\t\t\t\t\t$tooltip = $( '#ld-tooltip-' + $rel_id );\n\n\t\t\t\t\tif ( anchor.hasClass( 'ld-item-list-item' ) ) {\n\t\t\t\t\t\t\/\/anchor = anchor.find('.ld-item-title');\n\t\t\t\t\t\tanchor = anchor.find( '.ld-status-icon' );\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\tvar parent_focus = jQuery( anchor ).parents( '.ld-focus-sidebar' );\n\t\t\t\t\tvar left_post = anchor.offset().left + ( anchor.outerWidth() + 10 );\n\t\t\t\t\tif ( parent_focus.length ) {\n\t\t\t\t\t\tleft_post = anchor.offset().left + ( anchor.outerWidth() - 18 );\n\t\t\t\t\t}\n\n\t\t\t\t\t\/\/ Get the main content height\n\t\t\t\t\tvar focusModeMainContentHeight = $( '.ld-focus-main' ).height();\n\n\t\t\t\t\t\/\/ Current tooltip height\n\t\t\t\t\tvar focusModeCurrentTooltipHeight = anchor.offset().top + -3;\n\n\t\t\t\t\t\/\/ Position tooltip depending on focus mode or not\n\t\t\t\t\tif ( ! focusModeMainContentHeight ) {\n\t\t\t\t\t\tvar anchorTop = anchor.offset().top + -3;\n\t\t\t\t\t\tvar anchorLeft = anchor.offset().left;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tanchorTop = focusModeCurrentTooltipHeight < focusModeMainContentHeight ? focusModeCurrentTooltipHeight : focusModeMainContentHeight;\n\t\t\t\t\t\tanchorLeft = left_post;\n\t\t\t\t\t}\n\n\t\t\t\t\t$tooltip.css( {\n\t\t\t\t\t\ttop: anchorTop,\n\n\t\t\t\t\t\t\/\/'left' : anchor.offset().left + (anchor.outerWidth() \/ 2),\n\t\t\t\t\t\t\/\/'left': left_post, \/\/anchor.offset().left + (anchor.outerWidth() +10),\n\t\t\t\t\t\tleft: anchorLeft, \/\/anchor.offset().left + (anchor.outerWidth() +10),\n\t\t\t\t\t\t'margin-left': 0,\n\t\t\t\t\t\t'margin-right': 0,\n\t\t\t\t\t} ).removeClass( 'ld-shifted-left ld-shifted-right' );\n\t\t\t\t\tif ( $tooltip.offset().left <= 0 ) {\n\t\t\t\t\t\t$tooltip.css( { 'margin-left': Math.abs( $tooltip.offset().left ) } ).addClass( 'ld-shifted-left' );\n\t\t\t\t\t}\n\t\t\t\t\tvar $tooltipRight = $( window ).width() - ( $tooltip.offset().left + $tooltip.outerWidth() );\n\t\t\t\t\tif ( 0 >= $tooltipRight && 360 < $( window ).width() ) {\n\t\t\t\t\t\t$tooltip.css( { 'margin-right': Math.abs( $tooltipRight ) } ).addClass( 'ld-shifted-right' );\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t}, 500 );\n\t\t}\n\t}\n\t\t\n\t\t});\n\t\t<\/script>\n\n        <div class=\"ld-item-name ld-primary-color-hover\" data-ld-expands=\"ld-expand-7452\">\n\t\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\t\t\t<div class=\"ld-item-title\">\n\t\t\t\t[S31-01 Webtechniken] HTTP &#8211; Grundlagen\n\t\t\t\t\t<span class=\"ld-item-components\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ld-item-component\">\n\t\t\t\t\t\t\t2 Quicks\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\n\t\t\t\t\t<\/span> <!--\/.ld-item-components-->\n\t\t\t\t\t\t\t\t\t\n\t\t\t<\/div> <!--\/.ld-item-title-->\n        <\/div>\n\n\t\t\n\t\t<div class=\"ld-item-details\">\n\t\t\t\n\t\t\t\t<div class=\"ld-expand-button ld-button-alternate\" data-ld-expands=\"ld-expand-7452\" data-ld-expand-text=\"Expand\" data-ld-collapse-text=\"Collapse\">\n\t\t\t\t\t<span class=\"ld-icon-arrow-down ld-icon ld-primary-background\"><\/span>\n\t\t\t\t\t<span class=\"ld-text ld-primary-color\">Expand<\/span>\n\t\t\t\t<\/div> <!--\/.ld-expand-button-->\n\n\t\t\t\t\t\t<\/div> <!--\/.ld-item-details-->\n\n\t\t\n\t<\/div> <!--\/.ld-item-list-item-preview-->\n\t\t\t<div class=\"ld-item-list-item-expanded\">\n\t\t\t\n<div class=\"ld-table-list ld-topic-list ld-no-pagination ld-expand-7452\" id=\"ld-expand-7452\">\n\n\t<div class=\"ld-table-list-header ld-primary-background\">\n\n\t\t\n\t\t<div class=\"ld-table-list-title\">\n\t\t\t<span class=\"ld-item-icon\">\n\t\t\t\t<span class=\"ld-icon ld-icon-content\"><\/span>\n\t\t\t<\/span>\n\t\t\t<span class=\"ld-text\">\n\t\t\t\tUnit Content\t\t\t<\/span>\n\t\t<\/div> <!--\/.ld-tablet-list-title-->\n\t\t<div class=\"ld-table-list-lesson-details\">\n\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ld-lesson-list-progress\">\n\t\t\t\t\t0% Complete\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ld-lesson-list-steps\">\n\t\t\t\t\t0\/2 Steps\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t<\/div> <!--\/.ld-table-list-lesson-details-->\n\n\t\t\n\t<\/div> <!--\/.ld-table-list-header-->\n\n\t<div class=\"ld-table-list-items ld-topic-list-7452\" id=\"ld-topic-list-7452\" data-ld-expand-list>\n\n\t\t<div class=\"ld-table-list-item ld-table-list-item-7472\" id=\"ld-table-list-item-7472\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s31-webtechniken-fuer-abap-entwickler\/unit\/s31-01-webtechniken-http-grundlagen\/quick\/s31-01-01-webtechniken-tcp-ip\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S31-01-01 Webtechniken] TCP IP<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n<div class=\"ld-table-list-item ld-table-list-item-7475\" id=\"ld-table-list-item-7475\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s31-webtechniken-fuer-abap-entwickler\/unit\/s31-01-webtechniken-http-grundlagen\/quick\/s31-01-02-webtechniken-http\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S31-01-02 Webtechniken] HTTP<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n\n\t<\/div> <!--\/.ld-table-list-items-->\n\n\t<div class=\"ld-table-list-footer\">\n\t\t\t<\/div> <!--\/.ld-table-list-footer-->\n\n<\/div> <!--\/.ld-table-list-->\n\n\t\t<\/div> <!--\/.ld-item-list-item-expanded-->\n\t<\/div> <!--\/.ld-item-list-item-->\n\t\n<div class=\"ld-item-list-item ld-item-lesson-item ld-lesson-item-7454 is_not_sample learndash-not-available learndash-incomplete ld-expandable\" id=\"ld-expand-7454\" data-ld-expand-id=\"ld-expand-7454\" data-ld-tooltip=\"You don&#039;t currently have access to this content\">\n\t<div class=\"ld-item-list-item-preview\">\n\t\t\n\t\t<script>\n\t\tjQuery(document).ready(function( $ ){\n\t\t$('body').on('click', '.ld-item-name', function(e) {\n\n\t\te.preventDefault();\n\t\tld_expand_element( $(this) );\n\t\tpositionTooltips();\n\n\t\t});\n\t\t\n\t\tfunction ld_expand_button_state( state, elm ) {\n\t\tvar $expandText = ( $( elm )[0].hasAttribute( 'data-ld-expand-text' ) ) ? $( elm ).attr( 'data-ld-expand-text' ) : 'Expand';\n\t\tvar $collapseText = ( $( elm )[0].hasAttribute( 'data-ld-collapse-text' ) ) ? $( elm ).attr( 'data-ld-collapse-text' ) : 'Collapse';\n\n\t\tif ( 'collapse' == state ) {\n\t\t\t$( elm ).removeClass( 'ld-expanded' );\n\t\t\tif ( 'false' !== $collapseText ) {\n\t\t\t\t$( elm ).find( '.ld-text' ).text( $expandText );\n\t\t\t}\n\t\t} else {\n\t\t\t$( elm ).addClass( 'ld-expanded' );\n\t\t\tif ( 'false' !== $collapseText ) {\n\t\t\t\t$( elm ).find( '.ld-text' ).text( $collapseText );\n\t\t\t}\n\t\t}\n\t}\n\n\tfunction ld_expand_element( elm, collapse ) {\n\t\tif ( collapse === undefined ) {\n\t\t\tcollapse = false;\n\t\t}\n\n\t\tvar elmParentWrapper = elm.parents( '.ld-focus-sidebar' );\n\t\tif ( ( 'undefined' === typeof elmParentWrapper ) || ( ! elmParentWrapper.length ) ) {\n\t\t\tvar elmParentWrapper = elm.parents( '.learndash-wrapper' );\n\t\t}\n\t\tif ( ( 'undefined' === typeof elmParentWrapper ) || ( ! elmParentWrapper.length ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\t\/\/ Get the button's state\n\t\tvar $expanded = $( elm ).hasClass( 'ld-expanded' );\n\n\t\t\/\/ Get the element to expand\n\t\tif ( $( elm )[0] && $( elm )[0].hasAttribute( 'data-ld-expands' ) ) {\n\t\t\tvar $expands      = $( elm ).attr( 'data-ld-expands' );\n\t\t\tif ( ( 'undefined' === typeof $expands ) || ( ! $expands.length ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tvar $expandElm    = $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' );\n\t\t\tif ( ( 'undefined' === typeof $expandElm ) || ( ! $expandElm.length ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tvar $expandsChild = $( $expandElm ).find( '.ld-item-list-item-expanded' );\n\n\t\t\tif ( $expandsChild.length ) {\n\t\t\t\t$expandElm = $expandsChild;\n\t\t\t}\n\n\t\t\tvar totalHeight = 0;\n\n\t\t\t$expandElm.find( '> *' ).each( function() {\n\t\t\t\ttotalHeight += $( this ).outerHeight();\n\t\t\t} );\n\n\t\t\t$expandElm.attr( 'data-height', '' + ( totalHeight + 50 ) + '' );\n\n\t\t\t\/\/ If the element expands a list\n\n\t\t\tif ( $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' )[0].hasAttribute( 'data-ld-expand-list' ) ) {\n\n\t\t\t\tvar $container = $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' );\n\t\t\t\tvar innerButtons = $container.find( '.ld-expand-button' );\n\t\t\t\tif ( $expanded ) {\n\t\t\t\t\tld_expand_button_state( 'collapse', elm );\n\t\t\t\t\tinnerButtons.each( function() {\n\t\t\t\t\t\tld_expand_element( $( this ), true );\n\t\t\t\t\t} );\n\t\t\t\t} else {\n\t\t\t\t\tld_expand_button_state( 'expand', elm );\n\t\t\t\t\tinnerButtons.each( function() {\n\t\t\t\t\t\tld_expand_element( $( this ) );\n\t\t\t\t\t} );\n\t\t\t\t}\n\n\t\t\t\t\/\/ If the element expands an item\n\t\t\t} else if ( $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ).length ) {\n\t\t\t\tif ( $expanded || true == collapse ) {\n\t\t\t\t\tld_expand_singular_item( elm, $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ), $expandElm );\n\t\t\t\t} else {\n\t\t\t\t\tld_collapse_singular_item( elm, $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ), $expandElm );\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tconsole.log( 'LearnDash: No expandable content was found' );\n\t\t\t}\n\t\t\tpositionTooltips();\n\t\t}\n\t}\n\n\tfunction ld_expand_singular_item( elm, $containerElm, $expandElm ) {\n\t\t$containerElm.removeClass( 'ld-expanded' );\n\t\tld_expand_button_state( 'collapse', elm );\n\n\t\t$expandElm.css( {\n\t\t\t'max-height': 0,\n\t\t} );\n\t}\n\n\tfunction ld_collapse_singular_item( elm, $containerElm, $expandElm ) {\n\t\t$containerElm.addClass( 'ld-expanded' );\n\n\t\tld_expand_button_state( 'expand', elm );\n\n\t\t$expandElm.css( {\n\t\t\t'max-height': $expandElm.data( 'height' ),\n\t\t} );\n\t}\n\t\t\n\tfunction positionTooltips() {\n\t\tif ( 'undefined' !== typeof $tooltips ) {\n\t\t\tsetTimeout( function() {\n\t\t\t\t$tooltips.each( function() {\n\t\t\t\t\tvar anchor = $( this );\n\t\t\t\t\tvar $rel_id = anchor.attr( 'data-ld-tooltip-id' );\n\t\t\t\t\t$tooltip = $( '#ld-tooltip-' + $rel_id );\n\n\t\t\t\t\tif ( anchor.hasClass( 'ld-item-list-item' ) ) {\n\t\t\t\t\t\t\/\/anchor = anchor.find('.ld-item-title');\n\t\t\t\t\t\tanchor = anchor.find( '.ld-status-icon' );\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\tvar parent_focus = jQuery( anchor ).parents( '.ld-focus-sidebar' );\n\t\t\t\t\tvar left_post = anchor.offset().left + ( anchor.outerWidth() + 10 );\n\t\t\t\t\tif ( parent_focus.length ) {\n\t\t\t\t\t\tleft_post = anchor.offset().left + ( anchor.outerWidth() - 18 );\n\t\t\t\t\t}\n\n\t\t\t\t\t\/\/ Get the main content height\n\t\t\t\t\tvar focusModeMainContentHeight = $( '.ld-focus-main' ).height();\n\n\t\t\t\t\t\/\/ Current tooltip height\n\t\t\t\t\tvar focusModeCurrentTooltipHeight = anchor.offset().top + -3;\n\n\t\t\t\t\t\/\/ Position tooltip depending on focus mode or not\n\t\t\t\t\tif ( ! focusModeMainContentHeight ) {\n\t\t\t\t\t\tvar anchorTop = anchor.offset().top + -3;\n\t\t\t\t\t\tvar anchorLeft = anchor.offset().left;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tanchorTop = focusModeCurrentTooltipHeight < focusModeMainContentHeight ? focusModeCurrentTooltipHeight : focusModeMainContentHeight;\n\t\t\t\t\t\tanchorLeft = left_post;\n\t\t\t\t\t}\n\n\t\t\t\t\t$tooltip.css( {\n\t\t\t\t\t\ttop: anchorTop,\n\n\t\t\t\t\t\t\/\/'left' : anchor.offset().left + (anchor.outerWidth() \/ 2),\n\t\t\t\t\t\t\/\/'left': left_post, \/\/anchor.offset().left + (anchor.outerWidth() +10),\n\t\t\t\t\t\tleft: anchorLeft, \/\/anchor.offset().left + (anchor.outerWidth() +10),\n\t\t\t\t\t\t'margin-left': 0,\n\t\t\t\t\t\t'margin-right': 0,\n\t\t\t\t\t} ).removeClass( 'ld-shifted-left ld-shifted-right' );\n\t\t\t\t\tif ( $tooltip.offset().left <= 0 ) {\n\t\t\t\t\t\t$tooltip.css( { 'margin-left': Math.abs( $tooltip.offset().left ) } ).addClass( 'ld-shifted-left' );\n\t\t\t\t\t}\n\t\t\t\t\tvar $tooltipRight = $( window ).width() - ( $tooltip.offset().left + $tooltip.outerWidth() );\n\t\t\t\t\tif ( 0 >= $tooltipRight && 360 < $( window ).width() ) {\n\t\t\t\t\t\t$tooltip.css( { 'margin-right': Math.abs( $tooltipRight ) } ).addClass( 'ld-shifted-right' );\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t}, 500 );\n\t\t}\n\t}\n\t\t\n\t\t});\n\t\t<\/script>\n\n        <div class=\"ld-item-name ld-primary-color-hover\" data-ld-expands=\"ld-expand-7454\">\n\t\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\t\t\t<div class=\"ld-item-title\">\n\t\t\t\t[S31-02 Webtechniken] HTTP &#8211; Kommunikation mit einem SAP-System\n\t\t\t\t\t<span class=\"ld-item-components\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ld-item-component\">\n\t\t\t\t\t\t\t4 Quicks\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\n\t\t\t\t\t<\/span> <!--\/.ld-item-components-->\n\t\t\t\t\t\t\t\t\t\n\t\t\t<\/div> <!--\/.ld-item-title-->\n        <\/div>\n\n\t\t\n\t\t<div class=\"ld-item-details\">\n\t\t\t\n\t\t\t\t<div class=\"ld-expand-button ld-button-alternate\" data-ld-expands=\"ld-expand-7454\" data-ld-expand-text=\"Expand\" data-ld-collapse-text=\"Collapse\">\n\t\t\t\t\t<span class=\"ld-icon-arrow-down ld-icon ld-primary-background\"><\/span>\n\t\t\t\t\t<span class=\"ld-text ld-primary-color\">Expand<\/span>\n\t\t\t\t<\/div> <!--\/.ld-expand-button-->\n\n\t\t\t\t\t\t<\/div> <!--\/.ld-item-details-->\n\n\t\t\n\t<\/div> <!--\/.ld-item-list-item-preview-->\n\t\t\t<div class=\"ld-item-list-item-expanded\">\n\t\t\t\n<div class=\"ld-table-list ld-topic-list ld-no-pagination ld-expand-7454\" id=\"ld-expand-7454\">\n\n\t<div class=\"ld-table-list-header ld-primary-background\">\n\n\t\t\n\t\t<div class=\"ld-table-list-title\">\n\t\t\t<span class=\"ld-item-icon\">\n\t\t\t\t<span class=\"ld-icon ld-icon-content\"><\/span>\n\t\t\t<\/span>\n\t\t\t<span class=\"ld-text\">\n\t\t\t\tUnit Content\t\t\t<\/span>\n\t\t<\/div> <!--\/.ld-tablet-list-title-->\n\t\t<div class=\"ld-table-list-lesson-details\">\n\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ld-lesson-list-progress\">\n\t\t\t\t\t0% Complete\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ld-lesson-list-steps\">\n\t\t\t\t\t0\/4 Steps\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t<\/div> <!--\/.ld-table-list-lesson-details-->\n\n\t\t\n\t<\/div> <!--\/.ld-table-list-header-->\n\n\t<div class=\"ld-table-list-items ld-topic-list-7454\" id=\"ld-topic-list-7454\" data-ld-expand-list>\n\n\t\t<div class=\"ld-table-list-item ld-table-list-item-7477\" id=\"ld-table-list-item-7477\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s31-webtechniken-fuer-abap-entwickler\/unit\/s31-02-webtechniken-http-kommunikation-mit-einem-sap-system\/quick\/s31-02-01-webtechniken-icm-internet-communication-manager\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S31-02-01 Webtechniken] ICM &#8211; Internet Communication Manager<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n<div class=\"ld-table-list-item ld-table-list-item-7480\" id=\"ld-table-list-item-7480\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s31-webtechniken-fuer-abap-entwickler\/unit\/s31-02-webtechniken-http-kommunikation-mit-einem-sap-system\/quick\/s31-02-02-webtechniken-icf-internet-communication-framework\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S31-02-02 Webtechniken] ICF &#8211; Internet Communication Framework<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n<div class=\"ld-table-list-item ld-table-list-item-7483\" id=\"ld-table-list-item-7483\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s31-webtechniken-fuer-abap-entwickler\/unit\/s31-02-webtechniken-http-kommunikation-mit-einem-sap-system\/quick\/s31-02-03-webtechniken-bisherige-http-techniken\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S31-02-03 Webtechniken] Bisherige HTTP-Techniken<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n<div class=\"ld-table-list-item ld-table-list-item-7485\" id=\"ld-table-list-item-7485\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s31-webtechniken-fuer-abap-entwickler\/unit\/s31-02-webtechniken-http-kommunikation-mit-einem-sap-system\/quick\/s31-02-04-webtechniken-icf-handlerklassen\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S31-02-04 Webtechniken] ICF-Handlerklassen<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n\n\t<\/div> <!--\/.ld-table-list-items-->\n\n\t<div class=\"ld-table-list-footer\">\n\t\t\t<\/div> <!--\/.ld-table-list-footer-->\n\n<\/div> <!--\/.ld-table-list-->\n\n\t\t<\/div> <!--\/.ld-item-list-item-expanded-->\n\t<\/div> <!--\/.ld-item-list-item-->\n\t\n<div class=\"ld-item-list-item ld-item-lesson-item ld-lesson-item-7456 is_not_sample learndash-not-available learndash-incomplete ld-expandable\" id=\"ld-expand-7456\" data-ld-expand-id=\"ld-expand-7456\" data-ld-tooltip=\"You don&#039;t currently have access to this content\">\n\t<div class=\"ld-item-list-item-preview\">\n\t\t\n\t\t<script>\n\t\tjQuery(document).ready(function( $ ){\n\t\t$('body').on('click', '.ld-item-name', function(e) {\n\n\t\te.preventDefault();\n\t\tld_expand_element( $(this) );\n\t\tpositionTooltips();\n\n\t\t});\n\t\t\n\t\tfunction ld_expand_button_state( state, elm ) {\n\t\tvar $expandText = ( $( elm )[0].hasAttribute( 'data-ld-expand-text' ) ) ? $( elm ).attr( 'data-ld-expand-text' ) : 'Expand';\n\t\tvar $collapseText = ( $( elm )[0].hasAttribute( 'data-ld-collapse-text' ) ) ? $( elm ).attr( 'data-ld-collapse-text' ) : 'Collapse';\n\n\t\tif ( 'collapse' == state ) {\n\t\t\t$( elm ).removeClass( 'ld-expanded' );\n\t\t\tif ( 'false' !== $collapseText ) {\n\t\t\t\t$( elm ).find( '.ld-text' ).text( $expandText );\n\t\t\t}\n\t\t} else {\n\t\t\t$( elm ).addClass( 'ld-expanded' );\n\t\t\tif ( 'false' !== $collapseText ) {\n\t\t\t\t$( elm ).find( '.ld-text' ).text( $collapseText );\n\t\t\t}\n\t\t}\n\t}\n\n\tfunction ld_expand_element( elm, collapse ) {\n\t\tif ( collapse === undefined ) {\n\t\t\tcollapse = false;\n\t\t}\n\n\t\tvar elmParentWrapper = elm.parents( '.ld-focus-sidebar' );\n\t\tif ( ( 'undefined' === typeof elmParentWrapper ) || ( ! elmParentWrapper.length ) ) {\n\t\t\tvar elmParentWrapper = elm.parents( '.learndash-wrapper' );\n\t\t}\n\t\tif ( ( 'undefined' === typeof elmParentWrapper ) || ( ! elmParentWrapper.length ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\t\/\/ Get the button's state\n\t\tvar $expanded = $( elm ).hasClass( 'ld-expanded' );\n\n\t\t\/\/ Get the element to expand\n\t\tif ( $( elm )[0] && $( elm )[0].hasAttribute( 'data-ld-expands' ) ) {\n\t\t\tvar $expands      = $( elm ).attr( 'data-ld-expands' );\n\t\t\tif ( ( 'undefined' === typeof $expands ) || ( ! $expands.length ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tvar $expandElm    = $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' );\n\t\t\tif ( ( 'undefined' === typeof $expandElm ) || ( ! $expandElm.length ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tvar $expandsChild = $( $expandElm ).find( '.ld-item-list-item-expanded' );\n\n\t\t\tif ( $expandsChild.length ) {\n\t\t\t\t$expandElm = $expandsChild;\n\t\t\t}\n\n\t\t\tvar totalHeight = 0;\n\n\t\t\t$expandElm.find( '> *' ).each( function() {\n\t\t\t\ttotalHeight += $( this ).outerHeight();\n\t\t\t} );\n\n\t\t\t$expandElm.attr( 'data-height', '' + ( totalHeight + 50 ) + '' );\n\n\t\t\t\/\/ If the element expands a list\n\n\t\t\tif ( $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' )[0].hasAttribute( 'data-ld-expand-list' ) ) {\n\n\t\t\t\tvar $container = $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' );\n\t\t\t\tvar innerButtons = $container.find( '.ld-expand-button' );\n\t\t\t\tif ( $expanded ) {\n\t\t\t\t\tld_expand_button_state( 'collapse', elm );\n\t\t\t\t\tinnerButtons.each( function() {\n\t\t\t\t\t\tld_expand_element( $( this ), true );\n\t\t\t\t\t} );\n\t\t\t\t} else {\n\t\t\t\t\tld_expand_button_state( 'expand', elm );\n\t\t\t\t\tinnerButtons.each( function() {\n\t\t\t\t\t\tld_expand_element( $( this ) );\n\t\t\t\t\t} );\n\t\t\t\t}\n\n\t\t\t\t\/\/ If the element expands an item\n\t\t\t} else if ( $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ).length ) {\n\t\t\t\tif ( $expanded || true == collapse ) {\n\t\t\t\t\tld_expand_singular_item( elm, $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ), $expandElm );\n\t\t\t\t} else {\n\t\t\t\t\tld_collapse_singular_item( elm, $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ), $expandElm );\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tconsole.log( 'LearnDash: No expandable content was found' );\n\t\t\t}\n\t\t\tpositionTooltips();\n\t\t}\n\t}\n\n\tfunction ld_expand_singular_item( elm, $containerElm, $expandElm ) {\n\t\t$containerElm.removeClass( 'ld-expanded' );\n\t\tld_expand_button_state( 'collapse', elm );\n\n\t\t$expandElm.css( {\n\t\t\t'max-height': 0,\n\t\t} );\n\t}\n\n\tfunction ld_collapse_singular_item( elm, $containerElm, $expandElm ) {\n\t\t$containerElm.addClass( 'ld-expanded' );\n\n\t\tld_expand_button_state( 'expand', elm );\n\n\t\t$expandElm.css( {\n\t\t\t'max-height': $expandElm.data( 'height' ),\n\t\t} );\n\t}\n\t\t\n\tfunction positionTooltips() {\n\t\tif ( 'undefined' !== typeof $tooltips ) {\n\t\t\tsetTimeout( function() {\n\t\t\t\t$tooltips.each( function() {\n\t\t\t\t\tvar anchor = $( this );\n\t\t\t\t\tvar $rel_id = anchor.attr( 'data-ld-tooltip-id' );\n\t\t\t\t\t$tooltip = $( '#ld-tooltip-' + $rel_id );\n\n\t\t\t\t\tif ( anchor.hasClass( 'ld-item-list-item' ) ) {\n\t\t\t\t\t\t\/\/anchor = anchor.find('.ld-item-title');\n\t\t\t\t\t\tanchor = anchor.find( '.ld-status-icon' );\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\tvar parent_focus = jQuery( anchor ).parents( '.ld-focus-sidebar' );\n\t\t\t\t\tvar left_post = anchor.offset().left + ( anchor.outerWidth() + 10 );\n\t\t\t\t\tif ( parent_focus.length ) {\n\t\t\t\t\t\tleft_post = anchor.offset().left + ( anchor.outerWidth() - 18 );\n\t\t\t\t\t}\n\n\t\t\t\t\t\/\/ Get the main content height\n\t\t\t\t\tvar focusModeMainContentHeight = $( '.ld-focus-main' ).height();\n\n\t\t\t\t\t\/\/ Current tooltip height\n\t\t\t\t\tvar focusModeCurrentTooltipHeight = anchor.offset().top + -3;\n\n\t\t\t\t\t\/\/ Position tooltip depending on focus mode or not\n\t\t\t\t\tif ( ! focusModeMainContentHeight ) {\n\t\t\t\t\t\tvar anchorTop = anchor.offset().top + -3;\n\t\t\t\t\t\tvar anchorLeft = anchor.offset().left;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tanchorTop = focusModeCurrentTooltipHeight < focusModeMainContentHeight ? focusModeCurrentTooltipHeight : focusModeMainContentHeight;\n\t\t\t\t\t\tanchorLeft = left_post;\n\t\t\t\t\t}\n\n\t\t\t\t\t$tooltip.css( {\n\t\t\t\t\t\ttop: anchorTop,\n\n\t\t\t\t\t\t\/\/'left' : anchor.offset().left + (anchor.outerWidth() \/ 2),\n\t\t\t\t\t\t\/\/'left': left_post, \/\/anchor.offset().left + (anchor.outerWidth() +10),\n\t\t\t\t\t\tleft: anchorLeft, \/\/anchor.offset().left + (anchor.outerWidth() +10),\n\t\t\t\t\t\t'margin-left': 0,\n\t\t\t\t\t\t'margin-right': 0,\n\t\t\t\t\t} ).removeClass( 'ld-shifted-left ld-shifted-right' );\n\t\t\t\t\tif ( $tooltip.offset().left <= 0 ) {\n\t\t\t\t\t\t$tooltip.css( { 'margin-left': Math.abs( $tooltip.offset().left ) } ).addClass( 'ld-shifted-left' );\n\t\t\t\t\t}\n\t\t\t\t\tvar $tooltipRight = $( window ).width() - ( $tooltip.offset().left + $tooltip.outerWidth() );\n\t\t\t\t\tif ( 0 >= $tooltipRight && 360 < $( window ).width() ) {\n\t\t\t\t\t\t$tooltip.css( { 'margin-right': Math.abs( $tooltipRight ) } ).addClass( 'ld-shifted-right' );\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t}, 500 );\n\t\t}\n\t}\n\t\t\n\t\t});\n\t\t<\/script>\n\n        <div class=\"ld-item-name ld-primary-color-hover\" data-ld-expands=\"ld-expand-7456\">\n\t\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\t\t\t<div class=\"ld-item-title\">\n\t\t\t\t[S31-03 Webtechniken] HTML &#8211; Grundlagen\n\t\t\t\t\t<span class=\"ld-item-components\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ld-item-component\">\n\t\t\t\t\t\t\t6 Quicks\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\n\t\t\t\t\t<\/span> <!--\/.ld-item-components-->\n\t\t\t\t\t\t\t\t\t\n\t\t\t<\/div> <!--\/.ld-item-title-->\n        <\/div>\n\n\t\t\n\t\t<div class=\"ld-item-details\">\n\t\t\t\n\t\t\t\t<div class=\"ld-expand-button ld-button-alternate\" data-ld-expands=\"ld-expand-7456\" data-ld-expand-text=\"Expand\" data-ld-collapse-text=\"Collapse\">\n\t\t\t\t\t<span class=\"ld-icon-arrow-down ld-icon ld-primary-background\"><\/span>\n\t\t\t\t\t<span class=\"ld-text ld-primary-color\">Expand<\/span>\n\t\t\t\t<\/div> <!--\/.ld-expand-button-->\n\n\t\t\t\t\t\t<\/div> <!--\/.ld-item-details-->\n\n\t\t\n\t<\/div> <!--\/.ld-item-list-item-preview-->\n\t\t\t<div class=\"ld-item-list-item-expanded\">\n\t\t\t\n<div class=\"ld-table-list ld-topic-list ld-no-pagination ld-expand-7456\" id=\"ld-expand-7456\">\n\n\t<div class=\"ld-table-list-header ld-primary-background\">\n\n\t\t\n\t\t<div class=\"ld-table-list-title\">\n\t\t\t<span class=\"ld-item-icon\">\n\t\t\t\t<span class=\"ld-icon ld-icon-content\"><\/span>\n\t\t\t<\/span>\n\t\t\t<span class=\"ld-text\">\n\t\t\t\tUnit Content\t\t\t<\/span>\n\t\t<\/div> <!--\/.ld-tablet-list-title-->\n\t\t<div class=\"ld-table-list-lesson-details\">\n\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ld-lesson-list-progress\">\n\t\t\t\t\t0% Complete\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ld-lesson-list-steps\">\n\t\t\t\t\t0\/6 Steps\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t<\/div> <!--\/.ld-table-list-lesson-details-->\n\n\t\t\n\t<\/div> <!--\/.ld-table-list-header-->\n\n\t<div class=\"ld-table-list-items ld-topic-list-7456\" id=\"ld-topic-list-7456\" data-ld-expand-list>\n\n\t\t<div class=\"ld-table-list-item ld-table-list-item-7487\" id=\"ld-table-list-item-7487\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s31-webtechniken-fuer-abap-entwickler\/unit\/s31-03-webtechniken-html-grundlagen\/quick\/s31-03-01-webtechniken-werkzeuge-zur-webentwicklung\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S31-03-01 Webtechniken] Werkzeuge zur Webentwicklung<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n<div class=\"ld-table-list-item ld-table-list-item-7489\" id=\"ld-table-list-item-7489\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s31-webtechniken-fuer-abap-entwickler\/unit\/s31-03-webtechniken-html-grundlagen\/quick\/s31-03-02-webtechniken-abarbeitung-im-browser\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S31-03-02 Webtechniken] Abarbeitung im Browser<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n<div class=\"ld-table-list-item ld-table-list-item-7491\" id=\"ld-table-list-item-7491\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s31-webtechniken-fuer-abap-entwickler\/unit\/s31-03-webtechniken-html-grundlagen\/quick\/s31-03-03-webtechniken-html-einfu%cc%88hrung-und-erste-tags\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S31-03-03 Webtechniken] HTML &#8211; Einfu\u0308hrung und erste Tags<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n<div class=\"ld-table-list-item ld-table-list-item-7493\" id=\"ld-table-list-item-7493\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s31-webtechniken-fuer-abap-entwickler\/unit\/s31-03-webtechniken-html-grundlagen\/quick\/s31-03-04-webtechniken-html-links-und-externe-ressourcen\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S31-03-04 Webtechniken] HTML &#8211; Links und externe Ressourcen<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n<div class=\"ld-table-list-item ld-table-list-item-7495\" id=\"ld-table-list-item-7495\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s31-webtechniken-fuer-abap-entwickler\/unit\/s31-03-webtechniken-html-grundlagen\/quick\/s31-03-05-webtechniken-html-weitere-elemente-und-tabellen\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S31-03-05 Webtechniken] HTML &#8211; Weitere Elemente und Tabellen<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n<div class=\"ld-table-list-item ld-table-list-item-7497\" id=\"ld-table-list-item-7497\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s31-webtechniken-fuer-abap-entwickler\/unit\/s31-03-webtechniken-html-grundlagen\/quick\/s31-03-06-webtechniken-html-semantics-und-benutzereingaben\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S31-03-06 Webtechniken] HTML &#8211; Semantics und Benutzereingaben<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n\n\t<\/div> <!--\/.ld-table-list-items-->\n\n\t<div class=\"ld-table-list-footer\">\n\t\t\t<\/div> <!--\/.ld-table-list-footer-->\n\n<\/div> <!--\/.ld-table-list-->\n\n\t\t<\/div> <!--\/.ld-item-list-item-expanded-->\n\t<\/div> <!--\/.ld-item-list-item-->\n\t\n<div class=\"ld-item-list-item ld-item-lesson-item ld-lesson-item-7458 is_not_sample learndash-not-available learndash-incomplete ld-expandable\" id=\"ld-expand-7458\" data-ld-expand-id=\"ld-expand-7458\" data-ld-tooltip=\"You don&#039;t currently have access to this content\">\n\t<div class=\"ld-item-list-item-preview\">\n\t\t\n\t\t<script>\n\t\tjQuery(document).ready(function( $ ){\n\t\t$('body').on('click', '.ld-item-name', function(e) {\n\n\t\te.preventDefault();\n\t\tld_expand_element( $(this) );\n\t\tpositionTooltips();\n\n\t\t});\n\t\t\n\t\tfunction ld_expand_button_state( state, elm ) {\n\t\tvar $expandText = ( $( elm )[0].hasAttribute( 'data-ld-expand-text' ) ) ? $( elm ).attr( 'data-ld-expand-text' ) : 'Expand';\n\t\tvar $collapseText = ( $( elm )[0].hasAttribute( 'data-ld-collapse-text' ) ) ? $( elm ).attr( 'data-ld-collapse-text' ) : 'Collapse';\n\n\t\tif ( 'collapse' == state ) {\n\t\t\t$( elm ).removeClass( 'ld-expanded' );\n\t\t\tif ( 'false' !== $collapseText ) {\n\t\t\t\t$( elm ).find( '.ld-text' ).text( $expandText );\n\t\t\t}\n\t\t} else {\n\t\t\t$( elm ).addClass( 'ld-expanded' );\n\t\t\tif ( 'false' !== $collapseText ) {\n\t\t\t\t$( elm ).find( '.ld-text' ).text( $collapseText );\n\t\t\t}\n\t\t}\n\t}\n\n\tfunction ld_expand_element( elm, collapse ) {\n\t\tif ( collapse === undefined ) {\n\t\t\tcollapse = false;\n\t\t}\n\n\t\tvar elmParentWrapper = elm.parents( '.ld-focus-sidebar' );\n\t\tif ( ( 'undefined' === typeof elmParentWrapper ) || ( ! elmParentWrapper.length ) ) {\n\t\t\tvar elmParentWrapper = elm.parents( '.learndash-wrapper' );\n\t\t}\n\t\tif ( ( 'undefined' === typeof elmParentWrapper ) || ( ! elmParentWrapper.length ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\t\/\/ Get the button's state\n\t\tvar $expanded = $( elm ).hasClass( 'ld-expanded' );\n\n\t\t\/\/ Get the element to expand\n\t\tif ( $( elm )[0] && $( elm )[0].hasAttribute( 'data-ld-expands' ) ) {\n\t\t\tvar $expands      = $( elm ).attr( 'data-ld-expands' );\n\t\t\tif ( ( 'undefined' === typeof $expands ) || ( ! $expands.length ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tvar $expandElm    = $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' );\n\t\t\tif ( ( 'undefined' === typeof $expandElm ) || ( ! $expandElm.length ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tvar $expandsChild = $( $expandElm ).find( '.ld-item-list-item-expanded' );\n\n\t\t\tif ( $expandsChild.length ) {\n\t\t\t\t$expandElm = $expandsChild;\n\t\t\t}\n\n\t\t\tvar totalHeight = 0;\n\n\t\t\t$expandElm.find( '> *' ).each( function() {\n\t\t\t\ttotalHeight += $( this ).outerHeight();\n\t\t\t} );\n\n\t\t\t$expandElm.attr( 'data-height', '' + ( totalHeight + 50 ) + '' );\n\n\t\t\t\/\/ If the element expands a list\n\n\t\t\tif ( $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' )[0].hasAttribute( 'data-ld-expand-list' ) ) {\n\n\t\t\t\tvar $container = $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' );\n\t\t\t\tvar innerButtons = $container.find( '.ld-expand-button' );\n\t\t\t\tif ( $expanded ) {\n\t\t\t\t\tld_expand_button_state( 'collapse', elm );\n\t\t\t\t\tinnerButtons.each( function() {\n\t\t\t\t\t\tld_expand_element( $( this ), true );\n\t\t\t\t\t} );\n\t\t\t\t} else {\n\t\t\t\t\tld_expand_button_state( 'expand', elm );\n\t\t\t\t\tinnerButtons.each( function() {\n\t\t\t\t\t\tld_expand_element( $( this ) );\n\t\t\t\t\t} );\n\t\t\t\t}\n\n\t\t\t\t\/\/ If the element expands an item\n\t\t\t} else if ( $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ).length ) {\n\t\t\t\tif ( $expanded || true == collapse ) {\n\t\t\t\t\tld_expand_singular_item( elm, $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ), $expandElm );\n\t\t\t\t} else {\n\t\t\t\t\tld_collapse_singular_item( elm, $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ), $expandElm );\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tconsole.log( 'LearnDash: No expandable content was found' );\n\t\t\t}\n\t\t\tpositionTooltips();\n\t\t}\n\t}\n\n\tfunction ld_expand_singular_item( elm, $containerElm, $expandElm ) {\n\t\t$containerElm.removeClass( 'ld-expanded' );\n\t\tld_expand_button_state( 'collapse', elm );\n\n\t\t$expandElm.css( {\n\t\t\t'max-height': 0,\n\t\t} );\n\t}\n\n\tfunction ld_collapse_singular_item( elm, $containerElm, $expandElm ) {\n\t\t$containerElm.addClass( 'ld-expanded' );\n\n\t\tld_expand_button_state( 'expand', elm );\n\n\t\t$expandElm.css( {\n\t\t\t'max-height': $expandElm.data( 'height' ),\n\t\t} );\n\t}\n\t\t\n\tfunction positionTooltips() {\n\t\tif ( 'undefined' !== typeof $tooltips ) {\n\t\t\tsetTimeout( function() {\n\t\t\t\t$tooltips.each( function() {\n\t\t\t\t\tvar anchor = $( this );\n\t\t\t\t\tvar $rel_id = anchor.attr( 'data-ld-tooltip-id' );\n\t\t\t\t\t$tooltip = $( '#ld-tooltip-' + $rel_id );\n\n\t\t\t\t\tif ( anchor.hasClass( 'ld-item-list-item' ) ) {\n\t\t\t\t\t\t\/\/anchor = anchor.find('.ld-item-title');\n\t\t\t\t\t\tanchor = anchor.find( '.ld-status-icon' );\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\tvar parent_focus = jQuery( anchor ).parents( '.ld-focus-sidebar' );\n\t\t\t\t\tvar left_post = anchor.offset().left + ( anchor.outerWidth() + 10 );\n\t\t\t\t\tif ( parent_focus.length ) {\n\t\t\t\t\t\tleft_post = anchor.offset().left + ( anchor.outerWidth() - 18 );\n\t\t\t\t\t}\n\n\t\t\t\t\t\/\/ Get the main content height\n\t\t\t\t\tvar focusModeMainContentHeight = $( '.ld-focus-main' ).height();\n\n\t\t\t\t\t\/\/ Current tooltip height\n\t\t\t\t\tvar focusModeCurrentTooltipHeight = anchor.offset().top + -3;\n\n\t\t\t\t\t\/\/ Position tooltip depending on focus mode or not\n\t\t\t\t\tif ( ! focusModeMainContentHeight ) {\n\t\t\t\t\t\tvar anchorTop = anchor.offset().top + -3;\n\t\t\t\t\t\tvar anchorLeft = anchor.offset().left;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tanchorTop = focusModeCurrentTooltipHeight < focusModeMainContentHeight ? focusModeCurrentTooltipHeight : focusModeMainContentHeight;\n\t\t\t\t\t\tanchorLeft = left_post;\n\t\t\t\t\t}\n\n\t\t\t\t\t$tooltip.css( {\n\t\t\t\t\t\ttop: anchorTop,\n\n\t\t\t\t\t\t\/\/'left' : anchor.offset().left + (anchor.outerWidth() \/ 2),\n\t\t\t\t\t\t\/\/'left': left_post, \/\/anchor.offset().left + (anchor.outerWidth() +10),\n\t\t\t\t\t\tleft: anchorLeft, \/\/anchor.offset().left + (anchor.outerWidth() +10),\n\t\t\t\t\t\t'margin-left': 0,\n\t\t\t\t\t\t'margin-right': 0,\n\t\t\t\t\t} ).removeClass( 'ld-shifted-left ld-shifted-right' );\n\t\t\t\t\tif ( $tooltip.offset().left <= 0 ) {\n\t\t\t\t\t\t$tooltip.css( { 'margin-left': Math.abs( $tooltip.offset().left ) } ).addClass( 'ld-shifted-left' );\n\t\t\t\t\t}\n\t\t\t\t\tvar $tooltipRight = $( window ).width() - ( $tooltip.offset().left + $tooltip.outerWidth() );\n\t\t\t\t\tif ( 0 >= $tooltipRight && 360 < $( window ).width() ) {\n\t\t\t\t\t\t$tooltip.css( { 'margin-right': Math.abs( $tooltipRight ) } ).addClass( 'ld-shifted-right' );\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t}, 500 );\n\t\t}\n\t}\n\t\t\n\t\t});\n\t\t<\/script>\n\n        <div class=\"ld-item-name ld-primary-color-hover\" data-ld-expands=\"ld-expand-7458\">\n\t\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\t\t\t<div class=\"ld-item-title\">\n\t\t\t\t[S31-04 Webtechniken] HTTP &#8211; Content Protokolle\n\t\t\t\t\t<span class=\"ld-item-components\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ld-item-component\">\n\t\t\t\t\t\t\t2 Quicks\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\n\t\t\t\t\t<\/span> <!--\/.ld-item-components-->\n\t\t\t\t\t\t\t\t\t\n\t\t\t<\/div> <!--\/.ld-item-title-->\n        <\/div>\n\n\t\t\n\t\t<div class=\"ld-item-details\">\n\t\t\t\n\t\t\t\t<div class=\"ld-expand-button ld-button-alternate\" data-ld-expands=\"ld-expand-7458\" data-ld-expand-text=\"Expand\" data-ld-collapse-text=\"Collapse\">\n\t\t\t\t\t<span class=\"ld-icon-arrow-down ld-icon ld-primary-background\"><\/span>\n\t\t\t\t\t<span class=\"ld-text ld-primary-color\">Expand<\/span>\n\t\t\t\t<\/div> <!--\/.ld-expand-button-->\n\n\t\t\t\t\t\t<\/div> <!--\/.ld-item-details-->\n\n\t\t\n\t<\/div> <!--\/.ld-item-list-item-preview-->\n\t\t\t<div class=\"ld-item-list-item-expanded\">\n\t\t\t\n<div class=\"ld-table-list ld-topic-list ld-no-pagination ld-expand-7458\" id=\"ld-expand-7458\">\n\n\t<div class=\"ld-table-list-header ld-primary-background\">\n\n\t\t\n\t\t<div class=\"ld-table-list-title\">\n\t\t\t<span class=\"ld-item-icon\">\n\t\t\t\t<span class=\"ld-icon ld-icon-content\"><\/span>\n\t\t\t<\/span>\n\t\t\t<span class=\"ld-text\">\n\t\t\t\tUnit Content\t\t\t<\/span>\n\t\t<\/div> <!--\/.ld-tablet-list-title-->\n\t\t<div class=\"ld-table-list-lesson-details\">\n\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ld-lesson-list-progress\">\n\t\t\t\t\t0% Complete\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ld-lesson-list-steps\">\n\t\t\t\t\t0\/2 Steps\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t<\/div> <!--\/.ld-table-list-lesson-details-->\n\n\t\t\n\t<\/div> <!--\/.ld-table-list-header-->\n\n\t<div class=\"ld-table-list-items ld-topic-list-7458\" id=\"ld-topic-list-7458\" data-ld-expand-list>\n\n\t\t<div class=\"ld-table-list-item ld-table-list-item-7499\" id=\"ld-table-list-item-7499\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s31-webtechniken-fuer-abap-entwickler\/unit\/s31-04-webtechniken-http-content-protokolle\/quick\/s31-04-01-webtechniken-xml\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S31-04-01 Webtechniken] XML<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n<div class=\"ld-table-list-item ld-table-list-item-7501\" id=\"ld-table-list-item-7501\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s31-webtechniken-fuer-abap-entwickler\/unit\/s31-04-webtechniken-http-content-protokolle\/quick\/s31-04-02-webtechniken-json\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S31-04-02 Webtechniken] JSON<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n\n\t<\/div> <!--\/.ld-table-list-items-->\n\n\t<div class=\"ld-table-list-footer\">\n\t\t\t<\/div> <!--\/.ld-table-list-footer-->\n\n<\/div> <!--\/.ld-table-list-->\n\n\t\t<\/div> <!--\/.ld-item-list-item-expanded-->\n\t<\/div> <!--\/.ld-item-list-item-->\n\t\n<div class=\"ld-item-list-item ld-item-lesson-item ld-lesson-item-7460 is_not_sample learndash-not-available learndash-incomplete ld-expandable\" id=\"ld-expand-7460\" data-ld-expand-id=\"ld-expand-7460\" data-ld-tooltip=\"You don&#039;t currently have access to this content\">\n\t<div class=\"ld-item-list-item-preview\">\n\t\t\n\t\t<script>\n\t\tjQuery(document).ready(function( $ ){\n\t\t$('body').on('click', '.ld-item-name', function(e) {\n\n\t\te.preventDefault();\n\t\tld_expand_element( $(this) );\n\t\tpositionTooltips();\n\n\t\t});\n\t\t\n\t\tfunction ld_expand_button_state( state, elm ) {\n\t\tvar $expandText = ( $( elm )[0].hasAttribute( 'data-ld-expand-text' ) ) ? $( elm ).attr( 'data-ld-expand-text' ) : 'Expand';\n\t\tvar $collapseText = ( $( elm )[0].hasAttribute( 'data-ld-collapse-text' ) ) ? $( elm ).attr( 'data-ld-collapse-text' ) : 'Collapse';\n\n\t\tif ( 'collapse' == state ) {\n\t\t\t$( elm ).removeClass( 'ld-expanded' );\n\t\t\tif ( 'false' !== $collapseText ) {\n\t\t\t\t$( elm ).find( '.ld-text' ).text( $expandText );\n\t\t\t}\n\t\t} else {\n\t\t\t$( elm ).addClass( 'ld-expanded' );\n\t\t\tif ( 'false' !== $collapseText ) {\n\t\t\t\t$( elm ).find( '.ld-text' ).text( $collapseText );\n\t\t\t}\n\t\t}\n\t}\n\n\tfunction ld_expand_element( elm, collapse ) {\n\t\tif ( collapse === undefined ) {\n\t\t\tcollapse = false;\n\t\t}\n\n\t\tvar elmParentWrapper = elm.parents( '.ld-focus-sidebar' );\n\t\tif ( ( 'undefined' === typeof elmParentWrapper ) || ( ! elmParentWrapper.length ) ) {\n\t\t\tvar elmParentWrapper = elm.parents( '.learndash-wrapper' );\n\t\t}\n\t\tif ( ( 'undefined' === typeof elmParentWrapper ) || ( ! elmParentWrapper.length ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\t\/\/ Get the button's state\n\t\tvar $expanded = $( elm ).hasClass( 'ld-expanded' );\n\n\t\t\/\/ Get the element to expand\n\t\tif ( $( elm )[0] && $( elm )[0].hasAttribute( 'data-ld-expands' ) ) {\n\t\t\tvar $expands      = $( elm ).attr( 'data-ld-expands' );\n\t\t\tif ( ( 'undefined' === typeof $expands ) || ( ! $expands.length ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tvar $expandElm    = $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' );\n\t\t\tif ( ( 'undefined' === typeof $expandElm ) || ( ! $expandElm.length ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tvar $expandsChild = $( $expandElm ).find( '.ld-item-list-item-expanded' );\n\n\t\t\tif ( $expandsChild.length ) {\n\t\t\t\t$expandElm = $expandsChild;\n\t\t\t}\n\n\t\t\tvar totalHeight = 0;\n\n\t\t\t$expandElm.find( '> *' ).each( function() {\n\t\t\t\ttotalHeight += $( this ).outerHeight();\n\t\t\t} );\n\n\t\t\t$expandElm.attr( 'data-height', '' + ( totalHeight + 50 ) + '' );\n\n\t\t\t\/\/ If the element expands a list\n\n\t\t\tif ( $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' )[0].hasAttribute( 'data-ld-expand-list' ) ) {\n\n\t\t\t\tvar $container = $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' );\n\t\t\t\tvar innerButtons = $container.find( '.ld-expand-button' );\n\t\t\t\tif ( $expanded ) {\n\t\t\t\t\tld_expand_button_state( 'collapse', elm );\n\t\t\t\t\tinnerButtons.each( function() {\n\t\t\t\t\t\tld_expand_element( $( this ), true );\n\t\t\t\t\t} );\n\t\t\t\t} else {\n\t\t\t\t\tld_expand_button_state( 'expand', elm );\n\t\t\t\t\tinnerButtons.each( function() {\n\t\t\t\t\t\tld_expand_element( $( this ) );\n\t\t\t\t\t} );\n\t\t\t\t}\n\n\t\t\t\t\/\/ If the element expands an item\n\t\t\t} else if ( $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ).length ) {\n\t\t\t\tif ( $expanded || true == collapse ) {\n\t\t\t\t\tld_expand_singular_item( elm, $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ), $expandElm );\n\t\t\t\t} else {\n\t\t\t\t\tld_collapse_singular_item( elm, $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ), $expandElm );\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tconsole.log( 'LearnDash: No expandable content was found' );\n\t\t\t}\n\t\t\tpositionTooltips();\n\t\t}\n\t}\n\n\tfunction ld_expand_singular_item( elm, $containerElm, $expandElm ) {\n\t\t$containerElm.removeClass( 'ld-expanded' );\n\t\tld_expand_button_state( 'collapse', elm );\n\n\t\t$expandElm.css( {\n\t\t\t'max-height': 0,\n\t\t} );\n\t}\n\n\tfunction ld_collapse_singular_item( elm, $containerElm, $expandElm ) {\n\t\t$containerElm.addClass( 'ld-expanded' );\n\n\t\tld_expand_button_state( 'expand', elm );\n\n\t\t$expandElm.css( {\n\t\t\t'max-height': $expandElm.data( 'height' ),\n\t\t} );\n\t}\n\t\t\n\tfunction positionTooltips() {\n\t\tif ( 'undefined' !== typeof $tooltips ) {\n\t\t\tsetTimeout( function() {\n\t\t\t\t$tooltips.each( function() {\n\t\t\t\t\tvar anchor = $( this );\n\t\t\t\t\tvar $rel_id = anchor.attr( 'data-ld-tooltip-id' );\n\t\t\t\t\t$tooltip = $( '#ld-tooltip-' + $rel_id );\n\n\t\t\t\t\tif ( anchor.hasClass( 'ld-item-list-item' ) ) {\n\t\t\t\t\t\t\/\/anchor = anchor.find('.ld-item-title');\n\t\t\t\t\t\tanchor = anchor.find( '.ld-status-icon' );\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\tvar parent_focus = jQuery( anchor ).parents( '.ld-focus-sidebar' );\n\t\t\t\t\tvar left_post = anchor.offset().left + ( anchor.outerWidth() + 10 );\n\t\t\t\t\tif ( parent_focus.length ) {\n\t\t\t\t\t\tleft_post = anchor.offset().left + ( anchor.outerWidth() - 18 );\n\t\t\t\t\t}\n\n\t\t\t\t\t\/\/ Get the main content height\n\t\t\t\t\tvar focusModeMainContentHeight = $( '.ld-focus-main' ).height();\n\n\t\t\t\t\t\/\/ Current tooltip height\n\t\t\t\t\tvar focusModeCurrentTooltipHeight = anchor.offset().top + -3;\n\n\t\t\t\t\t\/\/ Position tooltip depending on focus mode or not\n\t\t\t\t\tif ( ! focusModeMainContentHeight ) {\n\t\t\t\t\t\tvar anchorTop = anchor.offset().top + -3;\n\t\t\t\t\t\tvar anchorLeft = anchor.offset().left;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tanchorTop = focusModeCurrentTooltipHeight < focusModeMainContentHeight ? focusModeCurrentTooltipHeight : focusModeMainContentHeight;\n\t\t\t\t\t\tanchorLeft = left_post;\n\t\t\t\t\t}\n\n\t\t\t\t\t$tooltip.css( {\n\t\t\t\t\t\ttop: anchorTop,\n\n\t\t\t\t\t\t\/\/'left' : anchor.offset().left + (anchor.outerWidth() \/ 2),\n\t\t\t\t\t\t\/\/'left': left_post, \/\/anchor.offset().left + (anchor.outerWidth() +10),\n\t\t\t\t\t\tleft: anchorLeft, \/\/anchor.offset().left + (anchor.outerWidth() +10),\n\t\t\t\t\t\t'margin-left': 0,\n\t\t\t\t\t\t'margin-right': 0,\n\t\t\t\t\t} ).removeClass( 'ld-shifted-left ld-shifted-right' );\n\t\t\t\t\tif ( $tooltip.offset().left <= 0 ) {\n\t\t\t\t\t\t$tooltip.css( { 'margin-left': Math.abs( $tooltip.offset().left ) } ).addClass( 'ld-shifted-left' );\n\t\t\t\t\t}\n\t\t\t\t\tvar $tooltipRight = $( window ).width() - ( $tooltip.offset().left + $tooltip.outerWidth() );\n\t\t\t\t\tif ( 0 >= $tooltipRight && 360 < $( window ).width() ) {\n\t\t\t\t\t\t$tooltip.css( { 'margin-right': Math.abs( $tooltipRight ) } ).addClass( 'ld-shifted-right' );\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t}, 500 );\n\t\t}\n\t}\n\t\t\n\t\t});\n\t\t<\/script>\n\n        <div class=\"ld-item-name ld-primary-color-hover\" data-ld-expands=\"ld-expand-7460\">\n\t\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\t\t\t<div class=\"ld-item-title\">\n\t\t\t\t[S31-05 Webtechniken] CSS &#8211; Cascading Style Sheets\n\t\t\t\t\t<span class=\"ld-item-components\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ld-item-component\">\n\t\t\t\t\t\t\t4 Quicks\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\n\t\t\t\t\t<\/span> <!--\/.ld-item-components-->\n\t\t\t\t\t\t\t\t\t\n\t\t\t<\/div> <!--\/.ld-item-title-->\n        <\/div>\n\n\t\t\n\t\t<div class=\"ld-item-details\">\n\t\t\t\n\t\t\t\t<div class=\"ld-expand-button ld-button-alternate\" data-ld-expands=\"ld-expand-7460\" data-ld-expand-text=\"Expand\" data-ld-collapse-text=\"Collapse\">\n\t\t\t\t\t<span class=\"ld-icon-arrow-down ld-icon ld-primary-background\"><\/span>\n\t\t\t\t\t<span class=\"ld-text ld-primary-color\">Expand<\/span>\n\t\t\t\t<\/div> <!--\/.ld-expand-button-->\n\n\t\t\t\t\t\t<\/div> <!--\/.ld-item-details-->\n\n\t\t\n\t<\/div> <!--\/.ld-item-list-item-preview-->\n\t\t\t<div class=\"ld-item-list-item-expanded\">\n\t\t\t\n<div class=\"ld-table-list ld-topic-list ld-no-pagination ld-expand-7460\" id=\"ld-expand-7460\">\n\n\t<div class=\"ld-table-list-header ld-primary-background\">\n\n\t\t\n\t\t<div class=\"ld-table-list-title\">\n\t\t\t<span class=\"ld-item-icon\">\n\t\t\t\t<span class=\"ld-icon ld-icon-content\"><\/span>\n\t\t\t<\/span>\n\t\t\t<span class=\"ld-text\">\n\t\t\t\tUnit Content\t\t\t<\/span>\n\t\t<\/div> <!--\/.ld-tablet-list-title-->\n\t\t<div class=\"ld-table-list-lesson-details\">\n\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ld-lesson-list-progress\">\n\t\t\t\t\t0% Complete\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ld-lesson-list-steps\">\n\t\t\t\t\t0\/4 Steps\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t<\/div> <!--\/.ld-table-list-lesson-details-->\n\n\t\t\n\t<\/div> <!--\/.ld-table-list-header-->\n\n\t<div class=\"ld-table-list-items ld-topic-list-7460\" id=\"ld-topic-list-7460\" data-ld-expand-list>\n\n\t\t<div class=\"ld-table-list-item ld-table-list-item-7503\" id=\"ld-table-list-item-7503\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s31-webtechniken-fuer-abap-entwickler\/unit\/s31-05-webtechniken-css-cascading-style-sheets\/quick\/s31-05-01-webtechniken-einfu%cc%88hrung\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S31-05-01 Webtechniken] Einfu\u0308hrung<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n<div class=\"ld-table-list-item ld-table-list-item-7505\" id=\"ld-table-list-item-7505\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s31-webtechniken-fuer-abap-entwickler\/unit\/s31-05-webtechniken-css-cascading-style-sheets\/quick\/s31-05-02-webtechniken-regeln-fu%cc%88r-texte-und-schriften\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S31-05-02 Webtechniken] Regeln fu\u0308r Texte und Schriften<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n<div class=\"ld-table-list-item ld-table-list-item-7507\" id=\"ld-table-list-item-7507\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s31-webtechniken-fuer-abap-entwickler\/unit\/s31-05-webtechniken-css-cascading-style-sheets\/quick\/s31-05-03-webtechniken-regeln-fu%cc%88r-rahmen-und-ra%cc%88nder\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S31-05-03 Webtechniken] Regeln fu\u0308r Rahmen und Ra\u0308nder<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n<div class=\"ld-table-list-item ld-table-list-item-7509\" id=\"ld-table-list-item-7509\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s31-webtechniken-fuer-abap-entwickler\/unit\/s31-05-webtechniken-css-cascading-style-sheets\/quick\/s31-05-04-webtechniken-beispiel-klassenselektor\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S31-05-04 Webtechniken] Beispiel Klassenselektor<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n\n\t<\/div> <!--\/.ld-table-list-items-->\n\n\t<div class=\"ld-table-list-footer\">\n\t\t\t<\/div> <!--\/.ld-table-list-footer-->\n\n<\/div> <!--\/.ld-table-list-->\n\n\t\t<\/div> <!--\/.ld-item-list-item-expanded-->\n\t<\/div> <!--\/.ld-item-list-item-->\n\t\n<div class=\"ld-item-list-item ld-item-lesson-item ld-lesson-item-7462 is_not_sample learndash-not-available learndash-incomplete ld-expandable\" id=\"ld-expand-7462\" data-ld-expand-id=\"ld-expand-7462\" data-ld-tooltip=\"You don&#039;t currently have access to this content\">\n\t<div class=\"ld-item-list-item-preview\">\n\t\t\n\t\t<script>\n\t\tjQuery(document).ready(function( $ ){\n\t\t$('body').on('click', '.ld-item-name', function(e) {\n\n\t\te.preventDefault();\n\t\tld_expand_element( $(this) );\n\t\tpositionTooltips();\n\n\t\t});\n\t\t\n\t\tfunction ld_expand_button_state( state, elm ) {\n\t\tvar $expandText = ( $( elm )[0].hasAttribute( 'data-ld-expand-text' ) ) ? $( elm ).attr( 'data-ld-expand-text' ) : 'Expand';\n\t\tvar $collapseText = ( $( elm )[0].hasAttribute( 'data-ld-collapse-text' ) ) ? $( elm ).attr( 'data-ld-collapse-text' ) : 'Collapse';\n\n\t\tif ( 'collapse' == state ) {\n\t\t\t$( elm ).removeClass( 'ld-expanded' );\n\t\t\tif ( 'false' !== $collapseText ) {\n\t\t\t\t$( elm ).find( '.ld-text' ).text( $expandText );\n\t\t\t}\n\t\t} else {\n\t\t\t$( elm ).addClass( 'ld-expanded' );\n\t\t\tif ( 'false' !== $collapseText ) {\n\t\t\t\t$( elm ).find( '.ld-text' ).text( $collapseText );\n\t\t\t}\n\t\t}\n\t}\n\n\tfunction ld_expand_element( elm, collapse ) {\n\t\tif ( collapse === undefined ) {\n\t\t\tcollapse = false;\n\t\t}\n\n\t\tvar elmParentWrapper = elm.parents( '.ld-focus-sidebar' );\n\t\tif ( ( 'undefined' === typeof elmParentWrapper ) || ( ! elmParentWrapper.length ) ) {\n\t\t\tvar elmParentWrapper = elm.parents( '.learndash-wrapper' );\n\t\t}\n\t\tif ( ( 'undefined' === typeof elmParentWrapper ) || ( ! elmParentWrapper.length ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\t\/\/ Get the button's state\n\t\tvar $expanded = $( elm ).hasClass( 'ld-expanded' );\n\n\t\t\/\/ Get the element to expand\n\t\tif ( $( elm )[0] && $( elm )[0].hasAttribute( 'data-ld-expands' ) ) {\n\t\t\tvar $expands      = $( elm ).attr( 'data-ld-expands' );\n\t\t\tif ( ( 'undefined' === typeof $expands ) || ( ! $expands.length ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tvar $expandElm    = $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' );\n\t\t\tif ( ( 'undefined' === typeof $expandElm ) || ( ! $expandElm.length ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tvar $expandsChild = $( $expandElm ).find( '.ld-item-list-item-expanded' );\n\n\t\t\tif ( $expandsChild.length ) {\n\t\t\t\t$expandElm = $expandsChild;\n\t\t\t}\n\n\t\t\tvar totalHeight = 0;\n\n\t\t\t$expandElm.find( '> *' ).each( function() {\n\t\t\t\ttotalHeight += $( this ).outerHeight();\n\t\t\t} );\n\n\t\t\t$expandElm.attr( 'data-height', '' + ( totalHeight + 50 ) + '' );\n\n\t\t\t\/\/ If the element expands a list\n\n\t\t\tif ( $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' )[0].hasAttribute( 'data-ld-expand-list' ) ) {\n\n\t\t\t\tvar $container = $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' );\n\t\t\t\tvar innerButtons = $container.find( '.ld-expand-button' );\n\t\t\t\tif ( $expanded ) {\n\t\t\t\t\tld_expand_button_state( 'collapse', elm );\n\t\t\t\t\tinnerButtons.each( function() {\n\t\t\t\t\t\tld_expand_element( $( this ), true );\n\t\t\t\t\t} );\n\t\t\t\t} else {\n\t\t\t\t\tld_expand_button_state( 'expand', elm );\n\t\t\t\t\tinnerButtons.each( function() {\n\t\t\t\t\t\tld_expand_element( $( this ) );\n\t\t\t\t\t} );\n\t\t\t\t}\n\n\t\t\t\t\/\/ If the element expands an item\n\t\t\t} else if ( $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ).length ) {\n\t\t\t\tif ( $expanded || true == collapse ) {\n\t\t\t\t\tld_expand_singular_item( elm, $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ), $expandElm );\n\t\t\t\t} else {\n\t\t\t\t\tld_collapse_singular_item( elm, $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ), $expandElm );\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tconsole.log( 'LearnDash: No expandable content was found' );\n\t\t\t}\n\t\t\tpositionTooltips();\n\t\t}\n\t}\n\n\tfunction ld_expand_singular_item( elm, $containerElm, $expandElm ) {\n\t\t$containerElm.removeClass( 'ld-expanded' );\n\t\tld_expand_button_state( 'collapse', elm );\n\n\t\t$expandElm.css( {\n\t\t\t'max-height': 0,\n\t\t} );\n\t}\n\n\tfunction ld_collapse_singular_item( elm, $containerElm, $expandElm ) {\n\t\t$containerElm.addClass( 'ld-expanded' );\n\n\t\tld_expand_button_state( 'expand', elm );\n\n\t\t$expandElm.css( {\n\t\t\t'max-height': $expandElm.data( 'height' ),\n\t\t} );\n\t}\n\t\t\n\tfunction positionTooltips() {\n\t\tif ( 'undefined' !== typeof $tooltips ) {\n\t\t\tsetTimeout( function() {\n\t\t\t\t$tooltips.each( function() {\n\t\t\t\t\tvar anchor = $( this );\n\t\t\t\t\tvar $rel_id = anchor.attr( 'data-ld-tooltip-id' );\n\t\t\t\t\t$tooltip = $( '#ld-tooltip-' + $rel_id );\n\n\t\t\t\t\tif ( anchor.hasClass( 'ld-item-list-item' ) ) {\n\t\t\t\t\t\t\/\/anchor = anchor.find('.ld-item-title');\n\t\t\t\t\t\tanchor = anchor.find( '.ld-status-icon' );\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\tvar parent_focus = jQuery( anchor ).parents( '.ld-focus-sidebar' );\n\t\t\t\t\tvar left_post = anchor.offset().left + ( anchor.outerWidth() + 10 );\n\t\t\t\t\tif ( parent_focus.length ) {\n\t\t\t\t\t\tleft_post = anchor.offset().left + ( anchor.outerWidth() - 18 );\n\t\t\t\t\t}\n\n\t\t\t\t\t\/\/ Get the main content height\n\t\t\t\t\tvar focusModeMainContentHeight = $( '.ld-focus-main' ).height();\n\n\t\t\t\t\t\/\/ Current tooltip height\n\t\t\t\t\tvar focusModeCurrentTooltipHeight = anchor.offset().top + -3;\n\n\t\t\t\t\t\/\/ Position tooltip depending on focus mode or not\n\t\t\t\t\tif ( ! focusModeMainContentHeight ) {\n\t\t\t\t\t\tvar anchorTop = anchor.offset().top + -3;\n\t\t\t\t\t\tvar anchorLeft = anchor.offset().left;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tanchorTop = focusModeCurrentTooltipHeight < focusModeMainContentHeight ? focusModeCurrentTooltipHeight : focusModeMainContentHeight;\n\t\t\t\t\t\tanchorLeft = left_post;\n\t\t\t\t\t}\n\n\t\t\t\t\t$tooltip.css( {\n\t\t\t\t\t\ttop: anchorTop,\n\n\t\t\t\t\t\t\/\/'left' : anchor.offset().left + (anchor.outerWidth() \/ 2),\n\t\t\t\t\t\t\/\/'left': left_post, \/\/anchor.offset().left + (anchor.outerWidth() +10),\n\t\t\t\t\t\tleft: anchorLeft, \/\/anchor.offset().left + (anchor.outerWidth() +10),\n\t\t\t\t\t\t'margin-left': 0,\n\t\t\t\t\t\t'margin-right': 0,\n\t\t\t\t\t} ).removeClass( 'ld-shifted-left ld-shifted-right' );\n\t\t\t\t\tif ( $tooltip.offset().left <= 0 ) {\n\t\t\t\t\t\t$tooltip.css( { 'margin-left': Math.abs( $tooltip.offset().left ) } ).addClass( 'ld-shifted-left' );\n\t\t\t\t\t}\n\t\t\t\t\tvar $tooltipRight = $( window ).width() - ( $tooltip.offset().left + $tooltip.outerWidth() );\n\t\t\t\t\tif ( 0 >= $tooltipRight && 360 < $( window ).width() ) {\n\t\t\t\t\t\t$tooltip.css( { 'margin-right': Math.abs( $tooltipRight ) } ).addClass( 'ld-shifted-right' );\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t}, 500 );\n\t\t}\n\t}\n\t\t\n\t\t});\n\t\t<\/script>\n\n        <div class=\"ld-item-name ld-primary-color-hover\" data-ld-expands=\"ld-expand-7462\">\n\t\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\t\t\t<div class=\"ld-item-title\">\n\t\t\t\t[S31-06 Webtechniken] JavaScript &#8211; Einfu\u0308hrung\n\t\t\t\t\t<span class=\"ld-item-components\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ld-item-component\">\n\t\t\t\t\t\t\t4 Quicks\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\n\t\t\t\t\t<\/span> <!--\/.ld-item-components-->\n\t\t\t\t\t\t\t\t\t\n\t\t\t<\/div> <!--\/.ld-item-title-->\n        <\/div>\n\n\t\t\n\t\t<div class=\"ld-item-details\">\n\t\t\t\n\t\t\t\t<div class=\"ld-expand-button ld-button-alternate\" data-ld-expands=\"ld-expand-7462\" data-ld-expand-text=\"Expand\" data-ld-collapse-text=\"Collapse\">\n\t\t\t\t\t<span class=\"ld-icon-arrow-down ld-icon ld-primary-background\"><\/span>\n\t\t\t\t\t<span class=\"ld-text ld-primary-color\">Expand<\/span>\n\t\t\t\t<\/div> <!--\/.ld-expand-button-->\n\n\t\t\t\t\t\t<\/div> <!--\/.ld-item-details-->\n\n\t\t\n\t<\/div> <!--\/.ld-item-list-item-preview-->\n\t\t\t<div class=\"ld-item-list-item-expanded\">\n\t\t\t\n<div class=\"ld-table-list ld-topic-list ld-no-pagination ld-expand-7462\" id=\"ld-expand-7462\">\n\n\t<div class=\"ld-table-list-header ld-primary-background\">\n\n\t\t\n\t\t<div class=\"ld-table-list-title\">\n\t\t\t<span class=\"ld-item-icon\">\n\t\t\t\t<span class=\"ld-icon ld-icon-content\"><\/span>\n\t\t\t<\/span>\n\t\t\t<span class=\"ld-text\">\n\t\t\t\tUnit Content\t\t\t<\/span>\n\t\t<\/div> <!--\/.ld-tablet-list-title-->\n\t\t<div class=\"ld-table-list-lesson-details\">\n\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ld-lesson-list-progress\">\n\t\t\t\t\t0% Complete\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ld-lesson-list-steps\">\n\t\t\t\t\t0\/4 Steps\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t<\/div> <!--\/.ld-table-list-lesson-details-->\n\n\t\t\n\t<\/div> <!--\/.ld-table-list-header-->\n\n\t<div class=\"ld-table-list-items ld-topic-list-7462\" id=\"ld-topic-list-7462\" data-ld-expand-list>\n\n\t\t<div class=\"ld-table-list-item ld-table-list-item-7511\" id=\"ld-table-list-item-7511\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s31-webtechniken-fuer-abap-entwickler\/unit\/s31-06-webtechniken-javascript-einfu%cc%88hrung\/quick\/s31-06-01-webtechniken-grundlagen\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S31-06-01 Webtechniken] Grundlagen<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n<div class=\"ld-table-list-item ld-table-list-item-7513\" id=\"ld-table-list-item-7513\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s31-webtechniken-fuer-abap-entwickler\/unit\/s31-06-webtechniken-javascript-einfu%cc%88hrung\/quick\/s31-06-02-webtechniken-variablen-in-javascript\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S31-06-02 Webtechniken] Variablen in JavaScript<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n<div class=\"ld-table-list-item ld-table-list-item-7515\" id=\"ld-table-list-item-7515\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s31-webtechniken-fuer-abap-entwickler\/unit\/s31-06-webtechniken-javascript-einfu%cc%88hrung\/quick\/s31-06-03-webtechniken-operatoren\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S31-06-03 Webtechniken] Operatoren<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n<div class=\"ld-table-list-item ld-table-list-item-7517\" id=\"ld-table-list-item-7517\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s31-webtechniken-fuer-abap-entwickler\/unit\/s31-06-webtechniken-javascript-einfu%cc%88hrung\/quick\/s31-06-04-webtechniken-kontrollstrukturen\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S31-06-04 Webtechniken] Kontrollstrukturen<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n\n\t<\/div> <!--\/.ld-table-list-items-->\n\n\t<div class=\"ld-table-list-footer\">\n\t\t\t<\/div> <!--\/.ld-table-list-footer-->\n\n<\/div> <!--\/.ld-table-list-->\n\n\t\t<\/div> <!--\/.ld-item-list-item-expanded-->\n\t<\/div> <!--\/.ld-item-list-item-->\n\t\n<div class=\"ld-item-list-item ld-item-lesson-item ld-lesson-item-7464 is_not_sample learndash-not-available learndash-incomplete ld-expandable\" id=\"ld-expand-7464\" data-ld-expand-id=\"ld-expand-7464\" data-ld-tooltip=\"You don&#039;t currently have access to this content\">\n\t<div class=\"ld-item-list-item-preview\">\n\t\t\n\t\t<script>\n\t\tjQuery(document).ready(function( $ ){\n\t\t$('body').on('click', '.ld-item-name', function(e) {\n\n\t\te.preventDefault();\n\t\tld_expand_element( $(this) );\n\t\tpositionTooltips();\n\n\t\t});\n\t\t\n\t\tfunction ld_expand_button_state( state, elm ) {\n\t\tvar $expandText = ( $( elm )[0].hasAttribute( 'data-ld-expand-text' ) ) ? $( elm ).attr( 'data-ld-expand-text' ) : 'Expand';\n\t\tvar $collapseText = ( $( elm )[0].hasAttribute( 'data-ld-collapse-text' ) ) ? $( elm ).attr( 'data-ld-collapse-text' ) : 'Collapse';\n\n\t\tif ( 'collapse' == state ) {\n\t\t\t$( elm ).removeClass( 'ld-expanded' );\n\t\t\tif ( 'false' !== $collapseText ) {\n\t\t\t\t$( elm ).find( '.ld-text' ).text( $expandText );\n\t\t\t}\n\t\t} else {\n\t\t\t$( elm ).addClass( 'ld-expanded' );\n\t\t\tif ( 'false' !== $collapseText ) {\n\t\t\t\t$( elm ).find( '.ld-text' ).text( $collapseText );\n\t\t\t}\n\t\t}\n\t}\n\n\tfunction ld_expand_element( elm, collapse ) {\n\t\tif ( collapse === undefined ) {\n\t\t\tcollapse = false;\n\t\t}\n\n\t\tvar elmParentWrapper = elm.parents( '.ld-focus-sidebar' );\n\t\tif ( ( 'undefined' === typeof elmParentWrapper ) || ( ! elmParentWrapper.length ) ) {\n\t\t\tvar elmParentWrapper = elm.parents( '.learndash-wrapper' );\n\t\t}\n\t\tif ( ( 'undefined' === typeof elmParentWrapper ) || ( ! elmParentWrapper.length ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\t\/\/ Get the button's state\n\t\tvar $expanded = $( elm ).hasClass( 'ld-expanded' );\n\n\t\t\/\/ Get the element to expand\n\t\tif ( $( elm )[0] && $( elm )[0].hasAttribute( 'data-ld-expands' ) ) {\n\t\t\tvar $expands      = $( elm ).attr( 'data-ld-expands' );\n\t\t\tif ( ( 'undefined' === typeof $expands ) || ( ! $expands.length ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tvar $expandElm    = $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' );\n\t\t\tif ( ( 'undefined' === typeof $expandElm ) || ( ! $expandElm.length ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tvar $expandsChild = $( $expandElm ).find( '.ld-item-list-item-expanded' );\n\n\t\t\tif ( $expandsChild.length ) {\n\t\t\t\t$expandElm = $expandsChild;\n\t\t\t}\n\n\t\t\tvar totalHeight = 0;\n\n\t\t\t$expandElm.find( '> *' ).each( function() {\n\t\t\t\ttotalHeight += $( this ).outerHeight();\n\t\t\t} );\n\n\t\t\t$expandElm.attr( 'data-height', '' + ( totalHeight + 50 ) + '' );\n\n\t\t\t\/\/ If the element expands a list\n\n\t\t\tif ( $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' )[0].hasAttribute( 'data-ld-expand-list' ) ) {\n\n\t\t\t\tvar $container = $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' );\n\t\t\t\tvar innerButtons = $container.find( '.ld-expand-button' );\n\t\t\t\tif ( $expanded ) {\n\t\t\t\t\tld_expand_button_state( 'collapse', elm );\n\t\t\t\t\tinnerButtons.each( function() {\n\t\t\t\t\t\tld_expand_element( $( this ), true );\n\t\t\t\t\t} );\n\t\t\t\t} else {\n\t\t\t\t\tld_expand_button_state( 'expand', elm );\n\t\t\t\t\tinnerButtons.each( function() {\n\t\t\t\t\t\tld_expand_element( $( this ) );\n\t\t\t\t\t} );\n\t\t\t\t}\n\n\t\t\t\t\/\/ If the element expands an item\n\t\t\t} else if ( $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ).length ) {\n\t\t\t\tif ( $expanded || true == collapse ) {\n\t\t\t\t\tld_expand_singular_item( elm, $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ), $expandElm );\n\t\t\t\t} else {\n\t\t\t\t\tld_collapse_singular_item( elm, $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ), $expandElm );\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tconsole.log( 'LearnDash: No expandable content was found' );\n\t\t\t}\n\t\t\tpositionTooltips();\n\t\t}\n\t}\n\n\tfunction ld_expand_singular_item( elm, $containerElm, $expandElm ) {\n\t\t$containerElm.removeClass( 'ld-expanded' );\n\t\tld_expand_button_state( 'collapse', elm );\n\n\t\t$expandElm.css( {\n\t\t\t'max-height': 0,\n\t\t} );\n\t}\n\n\tfunction ld_collapse_singular_item( elm, $containerElm, $expandElm ) {\n\t\t$containerElm.addClass( 'ld-expanded' );\n\n\t\tld_expand_button_state( 'expand', elm );\n\n\t\t$expandElm.css( {\n\t\t\t'max-height': $expandElm.data( 'height' ),\n\t\t} );\n\t}\n\t\t\n\tfunction positionTooltips() {\n\t\tif ( 'undefined' !== typeof $tooltips ) {\n\t\t\tsetTimeout( function() {\n\t\t\t\t$tooltips.each( function() {\n\t\t\t\t\tvar anchor = $( this );\n\t\t\t\t\tvar $rel_id = anchor.attr( 'data-ld-tooltip-id' );\n\t\t\t\t\t$tooltip = $( '#ld-tooltip-' + $rel_id );\n\n\t\t\t\t\tif ( anchor.hasClass( 'ld-item-list-item' ) ) {\n\t\t\t\t\t\t\/\/anchor = anchor.find('.ld-item-title');\n\t\t\t\t\t\tanchor = anchor.find( '.ld-status-icon' );\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\tvar parent_focus = jQuery( anchor ).parents( '.ld-focus-sidebar' );\n\t\t\t\t\tvar left_post = anchor.offset().left + ( anchor.outerWidth() + 10 );\n\t\t\t\t\tif ( parent_focus.length ) {\n\t\t\t\t\t\tleft_post = anchor.offset().left + ( anchor.outerWidth() - 18 );\n\t\t\t\t\t}\n\n\t\t\t\t\t\/\/ Get the main content height\n\t\t\t\t\tvar focusModeMainContentHeight = $( '.ld-focus-main' ).height();\n\n\t\t\t\t\t\/\/ Current tooltip height\n\t\t\t\t\tvar focusModeCurrentTooltipHeight = anchor.offset().top + -3;\n\n\t\t\t\t\t\/\/ Position tooltip depending on focus mode or not\n\t\t\t\t\tif ( ! focusModeMainContentHeight ) {\n\t\t\t\t\t\tvar anchorTop = anchor.offset().top + -3;\n\t\t\t\t\t\tvar anchorLeft = anchor.offset().left;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tanchorTop = focusModeCurrentTooltipHeight < focusModeMainContentHeight ? focusModeCurrentTooltipHeight : focusModeMainContentHeight;\n\t\t\t\t\t\tanchorLeft = left_post;\n\t\t\t\t\t}\n\n\t\t\t\t\t$tooltip.css( {\n\t\t\t\t\t\ttop: anchorTop,\n\n\t\t\t\t\t\t\/\/'left' : anchor.offset().left + (anchor.outerWidth() \/ 2),\n\t\t\t\t\t\t\/\/'left': left_post, \/\/anchor.offset().left + (anchor.outerWidth() +10),\n\t\t\t\t\t\tleft: anchorLeft, \/\/anchor.offset().left + (anchor.outerWidth() +10),\n\t\t\t\t\t\t'margin-left': 0,\n\t\t\t\t\t\t'margin-right': 0,\n\t\t\t\t\t} ).removeClass( 'ld-shifted-left ld-shifted-right' );\n\t\t\t\t\tif ( $tooltip.offset().left <= 0 ) {\n\t\t\t\t\t\t$tooltip.css( { 'margin-left': Math.abs( $tooltip.offset().left ) } ).addClass( 'ld-shifted-left' );\n\t\t\t\t\t}\n\t\t\t\t\tvar $tooltipRight = $( window ).width() - ( $tooltip.offset().left + $tooltip.outerWidth() );\n\t\t\t\t\tif ( 0 >= $tooltipRight && 360 < $( window ).width() ) {\n\t\t\t\t\t\t$tooltip.css( { 'margin-right': Math.abs( $tooltipRight ) } ).addClass( 'ld-shifted-right' );\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t}, 500 );\n\t\t}\n\t}\n\t\t\n\t\t});\n\t\t<\/script>\n\n        <div class=\"ld-item-name ld-primary-color-hover\" data-ld-expands=\"ld-expand-7464\">\n\t\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\t\t\t<div class=\"ld-item-title\">\n\t\t\t\t[S31-07 Webtechniken] JavaScript &#8211; Reference Types\n\t\t\t\t\t<span class=\"ld-item-components\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ld-item-component\">\n\t\t\t\t\t\t\t3 Quicks\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\n\t\t\t\t\t<\/span> <!--\/.ld-item-components-->\n\t\t\t\t\t\t\t\t\t\n\t\t\t<\/div> <!--\/.ld-item-title-->\n        <\/div>\n\n\t\t\n\t\t<div class=\"ld-item-details\">\n\t\t\t\n\t\t\t\t<div class=\"ld-expand-button ld-button-alternate\" data-ld-expands=\"ld-expand-7464\" data-ld-expand-text=\"Expand\" data-ld-collapse-text=\"Collapse\">\n\t\t\t\t\t<span class=\"ld-icon-arrow-down ld-icon ld-primary-background\"><\/span>\n\t\t\t\t\t<span class=\"ld-text ld-primary-color\">Expand<\/span>\n\t\t\t\t<\/div> <!--\/.ld-expand-button-->\n\n\t\t\t\t\t\t<\/div> <!--\/.ld-item-details-->\n\n\t\t\n\t<\/div> <!--\/.ld-item-list-item-preview-->\n\t\t\t<div class=\"ld-item-list-item-expanded\">\n\t\t\t\n<div class=\"ld-table-list ld-topic-list ld-no-pagination ld-expand-7464\" id=\"ld-expand-7464\">\n\n\t<div class=\"ld-table-list-header ld-primary-background\">\n\n\t\t\n\t\t<div class=\"ld-table-list-title\">\n\t\t\t<span class=\"ld-item-icon\">\n\t\t\t\t<span class=\"ld-icon ld-icon-content\"><\/span>\n\t\t\t<\/span>\n\t\t\t<span class=\"ld-text\">\n\t\t\t\tUnit Content\t\t\t<\/span>\n\t\t<\/div> <!--\/.ld-tablet-list-title-->\n\t\t<div class=\"ld-table-list-lesson-details\">\n\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ld-lesson-list-progress\">\n\t\t\t\t\t0% Complete\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ld-lesson-list-steps\">\n\t\t\t\t\t0\/3 Steps\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t<\/div> <!--\/.ld-table-list-lesson-details-->\n\n\t\t\n\t<\/div> <!--\/.ld-table-list-header-->\n\n\t<div class=\"ld-table-list-items ld-topic-list-7464\" id=\"ld-topic-list-7464\" data-ld-expand-list>\n\n\t\t<div class=\"ld-table-list-item ld-table-list-item-7519\" id=\"ld-table-list-item-7519\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s31-webtechniken-fuer-abap-entwickler\/unit\/s31-07-webtechniken-javascript-reference-types\/quick\/s31-07-01-webtechniken-arrays\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S31-07-01 Webtechniken] Arrays<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n<div class=\"ld-table-list-item ld-table-list-item-7521\" id=\"ld-table-list-item-7521\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s31-webtechniken-fuer-abap-entwickler\/unit\/s31-07-webtechniken-javascript-reference-types\/quick\/s31-07-02-webtechniken-funktionen\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S31-07-02 Webtechniken] Funktionen<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n<div class=\"ld-table-list-item ld-table-list-item-7523\" id=\"ld-table-list-item-7523\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s31-webtechniken-fuer-abap-entwickler\/unit\/s31-07-webtechniken-javascript-reference-types\/quick\/s31-07-03-webtechniken-objekte\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S31-07-03 Webtechniken] Objekte<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n\n\t<\/div> <!--\/.ld-table-list-items-->\n\n\t<div class=\"ld-table-list-footer\">\n\t\t\t<\/div> <!--\/.ld-table-list-footer-->\n\n<\/div> <!--\/.ld-table-list-->\n\n\t\t<\/div> <!--\/.ld-item-list-item-expanded-->\n\t<\/div> <!--\/.ld-item-list-item-->\n\t\n<div class=\"ld-item-list-item ld-item-lesson-item ld-lesson-item-7466 is_not_sample learndash-not-available learndash-incomplete ld-expandable\" id=\"ld-expand-7466\" data-ld-expand-id=\"ld-expand-7466\" data-ld-tooltip=\"You don&#039;t currently have access to this content\">\n\t<div class=\"ld-item-list-item-preview\">\n\t\t\n\t\t<script>\n\t\tjQuery(document).ready(function( $ ){\n\t\t$('body').on('click', '.ld-item-name', function(e) {\n\n\t\te.preventDefault();\n\t\tld_expand_element( $(this) );\n\t\tpositionTooltips();\n\n\t\t});\n\t\t\n\t\tfunction ld_expand_button_state( state, elm ) {\n\t\tvar $expandText = ( $( elm )[0].hasAttribute( 'data-ld-expand-text' ) ) ? $( elm ).attr( 'data-ld-expand-text' ) : 'Expand';\n\t\tvar $collapseText = ( $( elm )[0].hasAttribute( 'data-ld-collapse-text' ) ) ? $( elm ).attr( 'data-ld-collapse-text' ) : 'Collapse';\n\n\t\tif ( 'collapse' == state ) {\n\t\t\t$( elm ).removeClass( 'ld-expanded' );\n\t\t\tif ( 'false' !== $collapseText ) {\n\t\t\t\t$( elm ).find( '.ld-text' ).text( $expandText );\n\t\t\t}\n\t\t} else {\n\t\t\t$( elm ).addClass( 'ld-expanded' );\n\t\t\tif ( 'false' !== $collapseText ) {\n\t\t\t\t$( elm ).find( '.ld-text' ).text( $collapseText );\n\t\t\t}\n\t\t}\n\t}\n\n\tfunction ld_expand_element( elm, collapse ) {\n\t\tif ( collapse === undefined ) {\n\t\t\tcollapse = false;\n\t\t}\n\n\t\tvar elmParentWrapper = elm.parents( '.ld-focus-sidebar' );\n\t\tif ( ( 'undefined' === typeof elmParentWrapper ) || ( ! elmParentWrapper.length ) ) {\n\t\t\tvar elmParentWrapper = elm.parents( '.learndash-wrapper' );\n\t\t}\n\t\tif ( ( 'undefined' === typeof elmParentWrapper ) || ( ! elmParentWrapper.length ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\t\/\/ Get the button's state\n\t\tvar $expanded = $( elm ).hasClass( 'ld-expanded' );\n\n\t\t\/\/ Get the element to expand\n\t\tif ( $( elm )[0] && $( elm )[0].hasAttribute( 'data-ld-expands' ) ) {\n\t\t\tvar $expands      = $( elm ).attr( 'data-ld-expands' );\n\t\t\tif ( ( 'undefined' === typeof $expands ) || ( ! $expands.length ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tvar $expandElm    = $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' );\n\t\t\tif ( ( 'undefined' === typeof $expandElm ) || ( ! $expandElm.length ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tvar $expandsChild = $( $expandElm ).find( '.ld-item-list-item-expanded' );\n\n\t\t\tif ( $expandsChild.length ) {\n\t\t\t\t$expandElm = $expandsChild;\n\t\t\t}\n\n\t\t\tvar totalHeight = 0;\n\n\t\t\t$expandElm.find( '> *' ).each( function() {\n\t\t\t\ttotalHeight += $( this ).outerHeight();\n\t\t\t} );\n\n\t\t\t$expandElm.attr( 'data-height', '' + ( totalHeight + 50 ) + '' );\n\n\t\t\t\/\/ If the element expands a list\n\n\t\t\tif ( $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' )[0].hasAttribute( 'data-ld-expand-list' ) ) {\n\n\t\t\t\tvar $container = $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' );\n\t\t\t\tvar innerButtons = $container.find( '.ld-expand-button' );\n\t\t\t\tif ( $expanded ) {\n\t\t\t\t\tld_expand_button_state( 'collapse', elm );\n\t\t\t\t\tinnerButtons.each( function() {\n\t\t\t\t\t\tld_expand_element( $( this ), true );\n\t\t\t\t\t} );\n\t\t\t\t} else {\n\t\t\t\t\tld_expand_button_state( 'expand', elm );\n\t\t\t\t\tinnerButtons.each( function() {\n\t\t\t\t\t\tld_expand_element( $( this ) );\n\t\t\t\t\t} );\n\t\t\t\t}\n\n\t\t\t\t\/\/ If the element expands an item\n\t\t\t} else if ( $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ).length ) {\n\t\t\t\tif ( $expanded || true == collapse ) {\n\t\t\t\t\tld_expand_singular_item( elm, $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ), $expandElm );\n\t\t\t\t} else {\n\t\t\t\t\tld_collapse_singular_item( elm, $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ), $expandElm );\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tconsole.log( 'LearnDash: No expandable content was found' );\n\t\t\t}\n\t\t\tpositionTooltips();\n\t\t}\n\t}\n\n\tfunction ld_expand_singular_item( elm, $containerElm, $expandElm ) {\n\t\t$containerElm.removeClass( 'ld-expanded' );\n\t\tld_expand_button_state( 'collapse', elm );\n\n\t\t$expandElm.css( {\n\t\t\t'max-height': 0,\n\t\t} );\n\t}\n\n\tfunction ld_collapse_singular_item( elm, $containerElm, $expandElm ) {\n\t\t$containerElm.addClass( 'ld-expanded' );\n\n\t\tld_expand_button_state( 'expand', elm );\n\n\t\t$expandElm.css( {\n\t\t\t'max-height': $expandElm.data( 'height' ),\n\t\t} );\n\t}\n\t\t\n\tfunction positionTooltips() {\n\t\tif ( 'undefined' !== typeof $tooltips ) {\n\t\t\tsetTimeout( function() {\n\t\t\t\t$tooltips.each( function() {\n\t\t\t\t\tvar anchor = $( this );\n\t\t\t\t\tvar $rel_id = anchor.attr( 'data-ld-tooltip-id' );\n\t\t\t\t\t$tooltip = $( '#ld-tooltip-' + $rel_id );\n\n\t\t\t\t\tif ( anchor.hasClass( 'ld-item-list-item' ) ) {\n\t\t\t\t\t\t\/\/anchor = anchor.find('.ld-item-title');\n\t\t\t\t\t\tanchor = anchor.find( '.ld-status-icon' );\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\tvar parent_focus = jQuery( anchor ).parents( '.ld-focus-sidebar' );\n\t\t\t\t\tvar left_post = anchor.offset().left + ( anchor.outerWidth() + 10 );\n\t\t\t\t\tif ( parent_focus.length ) {\n\t\t\t\t\t\tleft_post = anchor.offset().left + ( anchor.outerWidth() - 18 );\n\t\t\t\t\t}\n\n\t\t\t\t\t\/\/ Get the main content height\n\t\t\t\t\tvar focusModeMainContentHeight = $( '.ld-focus-main' ).height();\n\n\t\t\t\t\t\/\/ Current tooltip height\n\t\t\t\t\tvar focusModeCurrentTooltipHeight = anchor.offset().top + -3;\n\n\t\t\t\t\t\/\/ Position tooltip depending on focus mode or not\n\t\t\t\t\tif ( ! focusModeMainContentHeight ) {\n\t\t\t\t\t\tvar anchorTop = anchor.offset().top + -3;\n\t\t\t\t\t\tvar anchorLeft = anchor.offset().left;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tanchorTop = focusModeCurrentTooltipHeight < focusModeMainContentHeight ? focusModeCurrentTooltipHeight : focusModeMainContentHeight;\n\t\t\t\t\t\tanchorLeft = left_post;\n\t\t\t\t\t}\n\n\t\t\t\t\t$tooltip.css( {\n\t\t\t\t\t\ttop: anchorTop,\n\n\t\t\t\t\t\t\/\/'left' : anchor.offset().left + (anchor.outerWidth() \/ 2),\n\t\t\t\t\t\t\/\/'left': left_post, \/\/anchor.offset().left + (anchor.outerWidth() +10),\n\t\t\t\t\t\tleft: anchorLeft, \/\/anchor.offset().left + (anchor.outerWidth() +10),\n\t\t\t\t\t\t'margin-left': 0,\n\t\t\t\t\t\t'margin-right': 0,\n\t\t\t\t\t} ).removeClass( 'ld-shifted-left ld-shifted-right' );\n\t\t\t\t\tif ( $tooltip.offset().left <= 0 ) {\n\t\t\t\t\t\t$tooltip.css( { 'margin-left': Math.abs( $tooltip.offset().left ) } ).addClass( 'ld-shifted-left' );\n\t\t\t\t\t}\n\t\t\t\t\tvar $tooltipRight = $( window ).width() - ( $tooltip.offset().left + $tooltip.outerWidth() );\n\t\t\t\t\tif ( 0 >= $tooltipRight && 360 < $( window ).width() ) {\n\t\t\t\t\t\t$tooltip.css( { 'margin-right': Math.abs( $tooltipRight ) } ).addClass( 'ld-shifted-right' );\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t}, 500 );\n\t\t}\n\t}\n\t\t\n\t\t});\n\t\t<\/script>\n\n        <div class=\"ld-item-name ld-primary-color-hover\" data-ld-expands=\"ld-expand-7466\">\n\t\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\t\t\t<div class=\"ld-item-title\">\n\t\t\t\t[S31-08 Webtechniken] Schlussbetrachtung\n\t\t\t\t\t<span class=\"ld-item-components\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ld-item-component\">\n\t\t\t\t\t\t\t1 Quick\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\n\t\t\t\t\t<\/span> <!--\/.ld-item-components-->\n\t\t\t\t\t\t\t\t\t\n\t\t\t<\/div> <!--\/.ld-item-title-->\n        <\/div>\n\n\t\t\n\t\t<div class=\"ld-item-details\">\n\t\t\t\n\t\t\t\t<div class=\"ld-expand-button ld-button-alternate\" data-ld-expands=\"ld-expand-7466\" data-ld-expand-text=\"Expand\" data-ld-collapse-text=\"Collapse\">\n\t\t\t\t\t<span class=\"ld-icon-arrow-down ld-icon ld-primary-background\"><\/span>\n\t\t\t\t\t<span class=\"ld-text ld-primary-color\">Expand<\/span>\n\t\t\t\t<\/div> <!--\/.ld-expand-button-->\n\n\t\t\t\t\t\t<\/div> <!--\/.ld-item-details-->\n\n\t\t\n\t<\/div> <!--\/.ld-item-list-item-preview-->\n\t\t\t<div class=\"ld-item-list-item-expanded\">\n\t\t\t\n<div class=\"ld-table-list ld-topic-list ld-no-pagination ld-expand-7466\" id=\"ld-expand-7466\">\n\n\t<div class=\"ld-table-list-header ld-primary-background\">\n\n\t\t\n\t\t<div class=\"ld-table-list-title\">\n\t\t\t<span class=\"ld-item-icon\">\n\t\t\t\t<span class=\"ld-icon ld-icon-content\"><\/span>\n\t\t\t<\/span>\n\t\t\t<span class=\"ld-text\">\n\t\t\t\tUnit Content\t\t\t<\/span>\n\t\t<\/div> <!--\/.ld-tablet-list-title-->\n\t\t<div class=\"ld-table-list-lesson-details\">\n\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ld-lesson-list-progress\">\n\t\t\t\t\t0% Complete\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ld-lesson-list-steps\">\n\t\t\t\t\t0\/1 Steps\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t<\/div> <!--\/.ld-table-list-lesson-details-->\n\n\t\t\n\t<\/div> <!--\/.ld-table-list-header-->\n\n\t<div class=\"ld-table-list-items ld-topic-list-7466\" id=\"ld-topic-list-7466\" data-ld-expand-list>\n\n\t\t<div class=\"ld-table-list-item ld-table-list-item-7525\" id=\"ld-table-list-item-7525\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s31-webtechniken-fuer-abap-entwickler\/unit\/s31-08-webtechniken-schlussbetrachtung\/quick\/s31-08-01-webtechniken-schlussbetrachtung\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S31-08-01 Webtechniken] Schlussbetrachtung<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n\n\t<\/div> <!--\/.ld-table-list-items-->\n\n\t<div class=\"ld-table-list-footer\">\n\t\t\t<\/div> <!--\/.ld-table-list-footer-->\n\n<\/div> <!--\/.ld-table-list-->\n\n\t\t<\/div> <!--\/.ld-item-list-item-expanded-->\n\t<\/div> <!--\/.ld-item-list-item-->\n\t\t<\/div> <!--\/.ld-item-list-items-->\n\n\t\t<\/div> <!--\/.ld-item-list-->\n\n\t\t\t<\/div> <!--\/.learndash-wrapper-->\n\t\t<\/div><\/div>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.4.8&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;3.25&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; width=&#8221;100%&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_wc_upsells _builder_version=&#8221;3.0.47&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_wc_upsells][et_pb_wc_related_products _builder_version=&#8221;3.0.47&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_wc_related_products][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>","protected":false},"excerpt":{"rendered":"<p>Einfache Webtechniken, speziell f\u00fcr ABAP-Programmierer<\/p>","protected":false},"featured_media":9505,"template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"Auch im SAP Umfeld ist die Kommunikation \u00fcber das HTTP-Protokoll nicht mehr wegzudenken. Angefangen beim Internet Transaction Server (ITS) \u00fcber Business Server Pages (BSP) und WebDynpro f\u00fcr ABAP (WDA) bis hin zum aktuellen Fiori (oder besser SAPUI5) hat die SAP konsequent auf diese Frontend-Technologie als Alternative zum herk\u00f6mmlichen SAPGUI gesetzt.\r\n\r\nW\u00e4hrend allerdings bei den \u00e4lteren Techniken der Backend-Entwickler in der Regel nicht wissen mu\u00dfte, wie die Oberfl\u00e4che im Frontend programmiert werden mu\u00dfte, ist das bei den modernen Techniken anders. Fiori oder SAPUI5 setzen zumindest Grundkenntnisse in der Webprogrammierung voraus.\r\n\r\nDieser Kurs bietet einem ABAP-Entwickler einen ersten grundlegenden Einstieg in die diversen Techniken. Nach einer Erl\u00e4uterung des HTTP-Protokolls und der Erkl\u00e4rung der Ansprache eines SAP-Systems \u00fcber HTTP, werden HTML und die beiden HTTP-Inhaltsprotokolle XML und JSON n\u00e4her beschrieben. Es folgt die Funktionsweise von CSS und \u2013 als Herzst\u00fcck des Kurses \u2013 eine Einf\u00fchrung in JavaScript.\r\n\r\n<img class=\"alignnone size-full wp-image-5276\" src=\"https:\/\/www.quicksted.com\/wp-content\/uploads\/2019\/08\/QST-Siegel_ohne-Used-Look-15\u00b0.png\" alt=\"\" width=\"258.4\" height=\"228.2\" \/>","_et_gb_content_width":""},"product_cat":[25],"product_tag":[],"class_list":["post-7448","product","type-product","status-publish","has-post-thumbnail","hentry","product_cat-abap-kurse"],"_links":{"self":[{"href":"https:\/\/www.quicksted.com\/en_us\/wp-json\/wp\/v2\/product\/7448","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.quicksted.com\/en_us\/wp-json\/wp\/v2\/product"}],"about":[{"href":"https:\/\/www.quicksted.com\/en_us\/wp-json\/wp\/v2\/types\/product"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.quicksted.com\/en_us\/wp-json\/wp\/v2\/media\/9505"}],"wp:attachment":[{"href":"https:\/\/www.quicksted.com\/en_us\/wp-json\/wp\/v2\/media?parent=7448"}],"wp:term":[{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/www.quicksted.com\/en_us\/wp-json\/wp\/v2\/product_cat?post=7448"},{"taxonomy":"product_tag","embeddable":true,"href":"https:\/\/www.quicksted.com\/en_us\/wp-json\/wp\/v2\/product_tag?post=7448"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}