Posts

Posts mit dem Label "javascript" werden angezeigt.

HTML/javascript: calculating and showing sums of filtered table

In IMMO.invent * it is necessary to filter the inventory (html table) and display the sums of a numerous filtered elements in a status bar (e.g. energy consumption, ghg emissions, floor area etc.). A function was written in javascript to perform this task. The final version of this function can be found here [1]. [1] function  htmlTableColSum() ,  https://stackoverflow.com/q/78782501/4869421 Note : adopting the above mentioned solution is done at ones own risk. * IMMOinvent is a web-based application to analyse the energy demand and potential greenhouse gas emissions of large municipal real-estate portfolios.

Saving a 2-dimensional array in a .json file using javascript

For IMMOinvent* I was looking for a solution to save an array as .json-formatted file using plain javascript. The solution can be found here:  https://stackoverflow.com/questions/78007884/how-to-save-a-two-dimensional-array-in-a-json-file-using-javascript * IMMOinvent is a web-based application to analyse the energy demand and potential greenhouse gas emissions of large municipal real-estate portfolios.

HTML: filtering table

A quick and simple solution to filter large html tables as used in IMMO.invent * is needed. The filter is placed on the table header and is selected via drop-down menu. The below solutions works when filtering one column at a time [1]: [1] filter html table (Stackoverflow),  https://stackoverflow.com/a/60326655/4869421 However, this solution works only when applied to one single column of a html table.  When filtering a diverse number of columns  in a html table is needed, than this nice plugin was adopted [2]: [2] Simple jQuery Dropdown Table Filter Plugin - ddtf.js (Github),  https://github.com/rbayliss/Dropdown-Table-Filter.git   Other solutions might be interesting but turned out to be either to complicated or to simplistic: [3] filter html table (Stackoverflow),  https://stackoverflow.com/questions/66989506/filtering-html-table-columns-with-select-dropdowns [4] filter html table (Stackoverflow),  https://stackoverflow.com/questions/60326111...

HTML: table sort

A simple solution to sort large html tables in IMMO.invent* was need. The javascript plugin sortElements.js  was adopted: [1] sortElements.js (Plugin),  https://github.com/padolsey-archive/jquery.fn/blob/master/sortElements/jquery.sortElements.js [2] Discussion1,  https://stackoverflow.com/questions/13419274/jquery-sortelements [3] Fiddle for [2],  https://jsfiddle.net/spetnik/gFzCk/1953/   [4] Discussion12,  https://stackoverflow.com/questions/14267781/sorting-html-table-with-javascript [5] Discussion13,  https://stackoverflow.com/questions/3160277/jquery-table-sort/19947532#19947532 [6] not adopted but also interesting:  https://www.w3.org/WAI/ARIA/apg/patterns/table/examples/sortable-table/ * IMMO.invent is a web-based application to analyse the energy consumption and the accompanied greenhouse gas emissions of very large municipal real estate portfolios. The application has been developed since 2016.

CSS3, HTML5, direction of reading

Knowing that web browser read from right to left helps when coding a page, in particular when applying CSS pseudo-classes. Syntax is everything. Is the syntax wrong, logic is wrong. Some good sources of knowledge:  W3Schools Mediavent  (German only) W3C

enerMET v1.3.8beta5 released

Bild
2019-02-03 The most recent release of ener MET ( enerMET-data.ch) comprises in the version 1.3.8beta4 a number of improvements: - call for roundshot camera for selected location - standard stations for continents added - blog added to ener MET page - review of code and elimination of minor bugs - update of the help-function - three designs (slateBlack, WhiteStar, NightSky) are available

enerMET v1.3.8 (beta): released

Bild
2018-10-19 Renewable energy, its useful and sustainable supply and consumption pose a significant challenge. Many stakeholders and as many interests are involved. Inconsistent approaches need to be aligned. The web-based application ener MET seeks to foster the integration of renewable energy in populated areas by providing comprehensive and concise information by analysing relevant data sources. In the present release of ener MET (version 1.3.8beta, visit: http://enerMET-data.blogspot.ch ) a new extension jSOLAR.js has been included. It represents a very useful GIS-Add-on to ener MET linking present weather data (weather data are updated in intervals of 10') and geographical energy information. This new extension draws on a development by the Swiss Federal Office of Energy (SFOE): http://www.sonnendach.ch . In the current release of ener MET the extension jSOLAR.js covers Switzerland. Along with the implementation of the new extension various minor adjustments have been...

enerMET v1.3.7beta: geolocation implemented

Bild
2017-11-14 In order to further improve the functionality of the application ener MET (current version 1.3.7beta, release 20171031, http://enerMET.ch ) the j-application geoLoc has been implemented. Depending upon the approval by the user, the current position of the user is detected and its location is used as home location. Currently, the estimation of the present residential energy demand, based upon environmental data is on the way. You may visit http://wolframscharnhorst.blogspot.ch in order to get a first impression. In case you want to support the further development, get in touch: wolfram.scharnhorst@protonmail.ch .