https://www.terratech-ngo.de/wp-content/themes/uncode-child/js/custom.js?ver=6.8.3

1// wpforms-100962-field_9 
2document.addEventListener('DOMContentLoaded', function() {
3    console.log('custom.js geladen!');
4
5    var sliderVal = document.getElementById('wpforms-100962-field_3');
6    var setField = document.getElementById('wpforms-100962-field_9');
7
8    jQuery( document ).on( 'change input', '.wpforms-field-number-slider input[type=range]', function( event ) {
9        //var hintEl = document.getElementById("wpforms-100962-field_9");
10        setField.value = event.target.value;
11        setField.setAttribute('value', event.target.value);
12
13        const min = event.target.min
14        const max = event.target.max
15        const val = event.target.value
16    
17        event.target.style.backgroundSize = (val - min) * 100 / (max - min) + '% 100%';
18        bgGradient = 'linear-gradient(90deg, rgba(245,157,21,1) 0%, rgba(245,157,21,1) ' + event.target.style.backgroundSize + '%, rgba(252,225,184,1) ' + event.target.style.backgroundSize + '%, rgba(252,225,184,1) 100%) !important';
19        sliderVal.style.background = bgGradient;
20        
21        //console.log('background: ' + bgGradient);
22        
23        //sheet.textContent = getTrackStyle(this);
24    } );
25    jQuery(document).ready(function($){
26        //Spendenbox: Dropdownliste umsortieren
27        //jQuery('#wpforms-100962-field_7-container div[role="listbox"]').html('');
28        /*const selectList = jQuery('.choices__list.choices__list--dropdown');
29        console.log(selectList);
30        selectList.innerHTML = '';*/
31        jQuery("#wpforms-form-100962 select").html('');
32        let dropdownHtml = '';
33        $.each(dropdownOrder, function(){
34            dropdownHtml += '<option value="' + $(this)[0] + '"> ' + $(this)[1]  + '</option>';
35        });
36        console.log('Neue Dropdown-Liste: ' + dropdownHtml);
37        jQuery("#wpforms-form-100962 select").html(dropdownHtml)
38        //jQuery("#wpforms-form-100962 select").html('');
39        jQuery('#wpforms-form-100962').on('submit', function(event) {
40            event.preventDefault();
41            var parameters = '?';
42            var slidervalue = jQuery("#wpforms-100962-field_9").val();
43            var interval = jQuery("input:radio[name='wpforms[fields][5]']:checked").val();
44            var project = jQuery("#wpforms-100962-field_7").val();
45            console.log('Projekt = ' + project);
46            if(interval == 'einmaliger Betrag') interval = 0;
47            if(interval == 'monatlicher Betrag') interval = 1;
48            if(interval == 'vierteljährlich') interval = 3;
49            if(interval == 'halbjährlich') interval = 6;
50            if(interval == 'jährlich') interval = 12;
51            parameters += 'amount=' + slidervalue + '&interval=' + interval + '&fb_item_id=' + projectIds[project];
52            //console.log('Parameters: ' + parameters);
53            window.location.href = 'https://www.terratech-ngo.de/spenden-helfen/jetzt-spenden' + parameters;
54
55            return false;
56        });
57    });
58
59    jQuery(document).ready(function($){
60        jQuery('.mobile-menu-button').on('click', function(event) {
61            if($(this).hasClass('close')) jQuery("#banner-gewinnabfrage").fadeOut();
62            else jQuery("#banner-gewinnabfrage").fadeIn();
63        });
64    });
65
66    jQuery('.sponsor-slider').slick({
67        // Your slider options here
68        slidesToShow: 3,
69        slidesToScroll: 1,
70        autoplay: true,
71        autoplaySpeed: 5000,
72        responsive: [
73            {
74                breakpoint: 1200,
75                settings: {
76                    slidesToShow: 2,
77                    slidesToScroll: 2,
78                }
79            },
80            {
81                breakpoint: 768,
82                settings: {
83                    slidesToShow: 1,
84                    slidesToScroll: 1
85                }
86            }
87        ]
88    });
89});
90//                  id-Portfolio:id-Fundraisingbox
91const projectIds = {111351:55596,4087:42663, 104575:46149, 104222:52904, 104838:48827, 105216:52905, 103983:42664, 103993:44322, 104102:44323, 111188:42669, 104227:42672}
92const dropdownOrder = [
93    [4087,'Hilfe weltweit'],
94    [111351,'Erdbebenopfer Türkei und Syrien'],	
95    [104575,'Nothilfe Ukraine'],
96	[104222,'Weihnachtsmarkt-Post für Menschen in Not'],
97	[104838,'Ostafrika: 30 Tage ohne Hunger'],

98	[105216,'Ostafrika: Ziege schenken'],
99    [103983,'Mexiko: Mit dem Fahrrad in die Freiheit'],
100    [103993,'Sierra Leone: Frischer Fisch'],
101    [104102,'Nepal: Katastrophenvorsorge'],
102    [111188,'Windelkinder: Geburtshaus Bo'],
103    [104227,'Aktion Schlafmünzen']   
104]
105
106function reorderListbox(dropdownOrder){
107    const dropdownList = '';
108    return dropdownList;
109}
110
111
112
113
114
115 
116
117
118
119
120
121
122
123
124
125