Differences

This shows you the differences between two versions of the page.

--- onny:notizen:programmierung [2022/03/07 13:26] – [wordpress] 141.52.248.2
+++ onny:notizen:programmierung [2022/09/06 09:30] – [javascript] 10.25.0.100
@@ Line 176: / Line 176: @@
 </code>
 ===== javascript =====
 split up javascript files
 <code javascript>
 var MODULE = (function (my) {
@@ Line 192: / Line 194: @@
 }(MODULE || {}));
 </code>
-jquery select by attribute content
+on document ready
 <code javascript>
-$( "tr[data-id='"+data[station]["stationid"]+"']" ).remove();
+document.addEventListener("DOMContentLoaded", function() {
-</code>
+  your_function(...);
-jquery select dynamicly loaded ajax elements
-<code javascript>
-$('body').on('click','.btn + :not([class=disabled])', function() {
-  var link = $(this).attr('src');
-  load_page(link);
 });
 </code>
-jquery set background color
-<code javascript>
+change content text
-$(this).parent().css("background-color", "yellow");
-</code>
-print mixed objects
-<code javascript>
-console.log('%d: %s', i, value);
-</code>
-javascript document ready
-<code javascript>
-$(document).ready(function(){
-  console.log('ready');
-});
-</code>
-vanilla js change content text
 <code javascript>
     var webgl_field = document.getElementById('webgl');
@@ Line 226: / Line 214: @@
     }
 </code>
-vanilla js ajax post form
+ajax post form
 <code javascript>
     document.getElementById('form').onsubmit = function (evt) {
@@ Line 244: / Line 234: @@
     }
 </code>
-vanilla js change style element
+change style element
 <code javascript>
     function show_create_post() {
@@ Line 257: / Line 249: @@
 trim string to max length
 <code javascript>
 var string = string.substring(0,100);
 </code>
-vanilla js onclick class element
+onclick class element
 <code javascript>
 document.getElementsByClassName('navbar-burger')[0].onclick = function(){
   console.log('ready');
 };
+</code>
+remove class from element
+<code javascript>
+var element = document.getElementsByClassName('wp-block-navigation__responsive-container')[0];
+element.classList.remove("is-menu-open");
 </code>
 ==== vuejs ====
@@ Line 615: / Line 616: @@
     margin-left: calc(50% - 50vw);
 }
+</code>
+custom menu walker, only printing <a> tags without list items
+<code php>
+class Nav_Footer_Walker extends Walker_Nav_Menu {
+    function start_lvl( &$output, $depth = 0, $args = array() ) {
+        $indent = str_repeat("\t", $depth);
+        $output .= "\n$indent\n";
+    }
+    function end_lvl( &$output, $depth = 0, $args = array() ) {
+        $indent = str_repeat("\t", $depth);
+        $output .= "$indent\n";
+    }
+    function start_el( &$output, $item, $depth = 0, $args = array(), $id = 0 ) {
+        $indent = ( $depth ) ? str_repeat( "\t", $depth ) : '';
+        $class_names = $value = '';
+        $classes = empty( $item->classes ) ? array() : (array) $item->classes;
+        $classes[] = 'menu-item-' . $item->ID;
+        $class_names = join( ' ', apply_filters( 'nav_menu_css_class', array_filter( $classes ), $item, $args ) );
+        $class_names = $class_names ? ' class="' . esc_attr( $class_names ) . '"' : '';
+        $id = apply_filters( 'nav_menu_item_id', 'menu-item-'. $item->ID, $item, $args );
+        $id = $id ? ' id="' . esc_attr( $id ) . '"' : '';
+        $output .= $indent . '';
+        $attributes  = ! empty( $item->attr_title ) ? ' title="'  . esc_attr( $item->attr_title ) .'"' : '';
+        $attributes .= ! empty( $item->target )     ? ' target="' . esc_attr( $item->target     ) .'"' : '';
+        $attributes .= ! empty( $item->xfn )        ? ' rel="'    . esc_attr( $item->xfn        ) .'"' : '';
+        $attributes .= ! empty( $item->url )        ? ' href="'   . esc_attr( $item->url        ) .'"' : '';
+        $item_output = $args->before;
+        $item_output .= '<a class="navbar-item" '. $attributes .'>';
+        $item_output .= $args->link_before . apply_filters( 'the_title', $item->title, $item->ID ) . $args->link_after;
+        $item_output .= '</a>';
+        $item_output .= $args->after;
+        $output .= apply_filters( 'walker_nav_menu_start_el', $item_output, $item, $depth, $args );
+    }
+    function end_el( &$output, $item, $depth = 0, $args = array() ) {
+        $output .= "\n";
+    }
+}
+wp_nav_menu( array(
+    'menu'            => 'primary',
+    'container_id'    => 'mainNavbar',
+    'container_class' => 'navbar-menu',
+    'items_wrap'      => '<div class="navbar-end">%3$s</div>',
+    'walker'          => new Nav_Footer_Walker(),
+) );
+</code>
+customizer add option custom text
+<code php>
+function theme_customize_register( $wp_customize ) {
+    $wp_customize->add_setting( 'fachwerksauna_footer-text', array(
+        'default' => '',
+        'type' => 'option',
+        'capability' => 'edit_theme_options'
+    ),);
+    $wp_customize->add_control( new WP_Customize_Control(
+        $wp_customize, 'footer-text_control', array(
+            'label'      => __( 'Footer text', 'fachwerksauna' ),
+            'description' => __( 'Text in footer area', 'fachwerksauna' ),
+            'settings'   => 'fachwerksauna_footer-text',
+            'priority'   => 10,
+            'section'    => 'title_tagline',
+            'type'       => 'text',
+        )
+    ) );
+}
+add_action( 'customize_register', 'theme_customize_register' );
+</code>
+add custom javascript js
+<code php>
+function twentytwentytwo_enqueue_custom_js() {
+    wp_enqueue_script('custom', get_stylesheet_directory_uri().'/inc/js/main.js');
+}
+add_action( 'wp_enqueue_scripts', 'twentytwentytwo_enqueue_custom_js' );
 </code>
 ===== sql =====

Project-Insanity

Site Tools

Differences

Page Tools