Delphi-PRAXiS

Delphi-PRAXiS (https://www.delphipraxis.net/forum.php)
-   Programmieren allgemein (https://www.delphipraxis.net/40-programmieren-allgemein/)
-   -   JS: Plugin mehrmals initialisieren (https://www.delphipraxis.net/196353-javascript-plugin-mehrmals-initialisieren.html)

API 15. Mai 2018 12:56

JS: Plugin mehrmals initialisieren
 
Hallo,

Ich initialisiere für ein Element ein Plugin (https://fgelinas.com/code/timepicker). Das könnte aber irgendein Plugin sein, es geht nicht um dieses spezifische.

Code:
$('#myelement1').timepicker({

    timeSeparator: ':',          
    showLeadingZero: true,      
    showMinutesLeadingZero: true,
    showPeriod: false,          
    showPeriodLabels: true,      
    periodSeparator: ' ',        
    altField: '#alternate_input',
    defaultTime: '12:34',                                

    minutes: {
        starts: 0,              
        ends: 55,                
        interval: 5,
        manual: []
    },
 
});

Wie initialisiere ich für mehrere Elemente, mit den gleichen Parameters, das Plugin, ohne das so redundant zu schreiben?



Zitat:

[CODE]$('#myelement1').timepicker({

....

}


[CODE]$('#myelement2').timepicker({

....

}

[CODE]$('#myelement3').timepicker({

....

}

himitsu 15. Mai 2018 13:01

AW: JS: Plugin mehrmals initialisieren
 
Code:
temp = {
  ...
};
$('#myelement1').timepicker(temp);
$('#myelement2').timepicker(temp);
...
oder
Code:
function setirgendwas(obj) {
  obj.timepicker({...});
}

setirgendwas($('#myelement1'));
setirgendwas($('#myelement2'));
...
?

hhcm 15. Mai 2018 13:03

AW: JS: Plugin mehrmals initialisieren
 
Vielleicht so?

Code:
var config = {

    timeSeparator: ':',        
    showLeadingZero: true,    
    showMinutesLeadingZero: true,
    showPeriod: false,        
    showPeriodLabels: true,    
    periodSeparator: ' ',      
    altField: '#alternate_input',
    defaultTime: '12:34',                              

    minutes: {
        starts: 0,            
        ends: 55,              
        interval: 5,
        manual: []
    },
 
};

$('#myelement1').timepicker(config);
$('#myelement2').timepicker(config);
$('#myelement3').timepicker(config);

API 15. Mai 2018 13:08

AW: JS: Plugin mehrmals initialisieren
 
Im Moment hab ich's so gelöst, da alle Elemente den gleichen Prefix haben.

Code:
$( "input[id^='myelement']" ).timepicker({   .... });


Danke aber für eure Antworten. Sie werden sicher zukünftig nützlich sein, wenn die Prefixe unterschiedlich sind.


Alle Zeitangaben in WEZ +1. Es ist jetzt 18:31 Uhr.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
LinkBacks Enabled by vBSEO © 2011, Crawlability, Inc.
Delphi-PRAXiS (c) 2002 - 2023 by Daniel R. Wolf, 2024 by Thomas Breitkreuz