а

Rooke need a few help for his first stepsi


#1

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


#2

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.