Rooke need a few help for his first stepsi

Hi,

My first topic to this forum. French user, I do apologize for my poor english language.
Ubuntu 16.04 / Firefox 52.0.2

I try to use the calendar standalone:

in head section :

<link rel="stylesheet" href="lib/dhtmlxcalendar.css">

I got this particular dhtmlxcalendar.css FILE in the DHX/DATE PICKER/skins/terrace/ directory and I copy also in my lib/ the “imgs” directory following the css file.

at the end of body section :

[code]

[/code] (dvmdv is the name of my own work)

In body section :

<input id='dateScrutin' class='w3-input flexoui' type='text' placeholder='00/00/0000'>

in the first lines of my js file :

dhtmlXCalendarObject.prototype.langData["fr"] = { dateformat: '%d/%m/%Y', monthesFNames: ["Janvier","Février","Mars","Avril","Mai","Juin", "Juillet","Aout","Septembre","Octobre","Novembre","Décembre"], monthesSNames: ["Jan","Fev","Mar","Avr","Mai","Jun", "Jul","Aou","Sep","Oct","Nov","Dec"], daysFNames: ["Lundi","Mardi","Mercredi","Jeudi", "Vendredi","Samedi","Dimanche"], daysSNames: ["Lu","Ma","Me","Je","Ve","Sa","Di"], weekstart: 1, weekname: "Sem", today: "Aujourd'hui", clear: "annnule" } dhtmlXCalendarObject.prototype.lang = "fr"; var myCalendar = new dhtmlXCalendarObject(['dateScrutin']); myCalendar.setDateFormat("%d/%m/%Y"); myCalendar.showWeekNumbers(); myCalendar.hideTime(); var today=new Date(); myCalendar.setSensitiveRange(today, null);

So, let’s try it : bug !
I see in Firefox console :

Propriété « user-select » inconnue.  Déclaration abandonnée.  dhtmlxcalendar.css:9:1077
« none », URL, ou fonction filter attendu, mais « progid » trouvé.  Erreur d’analyse de la valeur pour « filter ».  Déclaration abandonnée.  dhtmlxcalendar.css:9:1852
« none », URL, ou fonction filter attendu, mais « progid » trouvé.  Erreur d’analyse de la valeur pour « filter ».  Déclaration abandonnée.  dhtmlxcalendar.css:9:2205
« none », URL, ou fonction filter attendu, mais « progid » trouvé.  Erreur d’analyse de la valeur pour « filter ».  Déclaration abandonnée.  dhtmlxcalendar.css:9:2557
« none », URL, ou fonction filter attendu, mais « progid » trouvé.  Erreur d’analyse de la valeur pour « filter ».  Déclaration abandonnée.  dhtmlxcalendar.css:9:2913
Propriété « user-select » inconnue.  Déclaration abandonnée.  dhtmlxcalendar.css:9:4892
Propriété « user-select » inconnue.  Déclaration abandonnée.  dhtmlxcalendar.css:9:6023
Propriété « user-select » inconnue.  Déclaration abandonnée.  dhtmlxcalendar.css:9:14535
« none », URL, ou fonction filter attendu, mais « progid » trouvé.  Erreur d’analyse de la valeur pour « filter ».  Déclaration abandonnée.  dhtmlxcalendar.css:9:16782
Propriété « user-select » inconnue.  Déclaration abandonnée.  dhtmlxcalendar.css:9:19878
Propriété « user-select » inconnue.  Déclaration abandonnée.  dhtmlxcalendar.css:9:20367

and, some lines later :

TypeError: window.dhx4 is undefined[En savoir plus]  dhtmlxcalendar.js:28:4

no calendar appearing, most of my own functions do not still fuunction.

I suppose I’ll save a huge time with a few help in this forum.

Thank you per advance.
Best regards,
Roland

Hi,

It seems that you have copied files from sources folder of dhtmlxSuite or some other component.
Most components need to have dhtmlxcommon.js included as well ( it provides a common set of helpers )

If you plan to use calendar separately from the suite, please grab the calendar’s package and use files from it.
dhtmlx.com/docs/products/dhtmlxCalendar/
It contains a codebase/dhtmlxcalendar.js - a single file with all dependencies, so you will not need to care about list and order of necessary includes.