This shows you the differences between two versions of the page.
Both sides previous revisionPrevious revisionNext revision | Previous revisionNext revisionBoth sides next revision | ||
onny:notizen:programmierung [2022/03/08 11:26] – [wordpress] 46.223.163.98 | onny:notizen:programmierung [2022/09/06 09:39] – [javascript] 10.25.0.100 | ||
---|---|---|---|
Line 176: | Line 176: | ||
</ | </ | ||
===== javascript ===== | ===== javascript ===== | ||
+ | |||
split up javascript files | split up javascript files | ||
+ | |||
<code javascript> | <code javascript> | ||
var MODULE = (function (my) { | var MODULE = (function (my) { | ||
Line 192: | Line 194: | ||
}(MODULE || {})); | }(MODULE || {})); | ||
</ | </ | ||
- | jquery select by attribute content | + | |
+ | on document ready | ||
<code javascript> | <code javascript> | ||
- | $( "tr[data-id=' | + | document.addEventListener("DOMContentLoaded", function() { |
- | </ | + | |
- | jquery select dynamicly loaded ajax elements | + | |
- | <code javascript> | + | |
- | $(' | + | |
- | | + | |
- | load_page(link); | + | |
}); | }); | ||
+ | |||
</ | </ | ||
- | jquery set background color | + | |
- | <code javascript> | + | change content text |
- | $(this).parent().css(" | + | |
- | </ | + | |
- | print mixed objects | + | |
- | <code javascript> | + | |
- | console.log(' | + | |
- | </ | + | |
- | javascript document ready | + | |
- | <code javascript> | + | |
- | $(document).ready(function(){ | + | |
- | console.log(' | + | |
- | }); | + | |
- | </ | + | |
- | vanilla js change content text | + | |
<code javascript> | <code javascript> | ||
var webgl_field = document.getElementById(' | var webgl_field = document.getElementById(' | ||
Line 226: | Line 214: | ||
} | } | ||
</ | </ | ||
- | vanilla js ajax post form | + | |
+ | ajax post form | ||
<code javascript> | <code javascript> | ||
document.getElementById(' | document.getElementById(' | ||
Line 244: | Line 234: | ||
} | } | ||
</ | </ | ||
- | vanilla js change style element | + | |
+ | change style element | ||
<code javascript> | <code javascript> | ||
function show_create_post() { | function show_create_post() { | ||
Line 257: | Line 249: | ||
trim string to max length | trim string to max length | ||
+ | |||
<code javascript> | <code javascript> | ||
var string = string.substring(0, | var string = string.substring(0, | ||
</ | </ | ||
- | vanilla js onclick class element | + | onclick class element |
<code javascript> | <code javascript> | ||
document.getElementsByClassName(' | document.getElementsByClassName(' | ||
console.log(' | console.log(' | ||
}; | }; | ||
+ | </ | ||
+ | |||
+ | onclick on all class elements | ||
+ | |||
+ | <code javascript> | ||
+ | var anchors = document.getElementsByClassName(' | ||
+ | for(var i = 0; i < anchors.length; | ||
+ | var anchor = anchors[i]; | ||
+ | anchor.onclick = function() { | ||
+ | console.log(' | ||
+ | } | ||
+ | } | ||
+ | </ | ||
+ | |||
+ | remove class from element | ||
+ | |||
+ | <code javascript> | ||
+ | var element = document.getElementsByClassName(' | ||
+ | element.classList.remove(" | ||
</ | </ | ||
==== vuejs ==== | ==== vuejs ==== | ||
Line 703: | Line 716: | ||
</ | </ | ||
- | print setting text inside template | + | add custom javascript js |
<code php> | <code php> | ||
- | <?php echo get_option('fachwerksauna_footer-text' | + | function twentytwentytwo_enqueue_custom_js() { |
+ | wp_enqueue_script(' | ||
+ | } | ||
+ | |||
+ | add_action( ' | ||
</ | </ | ||
===== sql ===== | ===== sql ===== |