#HTML

Post a job Follow
3 Followers · 58 Posts

Hypertext Markup Language (HTML) is the standard markup language for creating web pages and web applications.

Learn more.

Post a job Follow
Article Chris Stewart · Apr 17, 2017 4m read

Let's write an Angular 1.x app with a Caché REST backend - Part 1 of Many

So, one day you're working away at WidgetsDirect, the leading supplier of widget and widget accessories, when your boss asks you to develop the new customer facing portal to allow the client base to access the next generation of Widgets..... and he wants you to use Angular 1.x to read into the department's Caché server.   

There's only one problem:  You've never used Angular, and don't know how to make it talk to Caché.

This guide is going to walk through the process of setting up a full Angular stack which communicates with a Caché backend using JSON over REST.  

Part 1 - Setup

To start fresh,

#Caché #Angular #Best Practices #CSP #Frontend #HTML #JavaScript #REST API
23
3 5159
Question alex chang · Sep 10, 2020

How to change default html file charset ?

I put a html file into ensemble dir ,it's encoding is utf-8.

But when I access this file througn browser, It show incorrectly

I checked http response header, It content-type charset is GB18030 So that's reason

How to change the charset to UTF-8?

Tks.

#Ensemble #HTML
2
0 434
Question Peter Kopp · Sep 4, 2020

Replace ActiveX in ZEN interfaces running in Chrome and Edge?

Does anybody have a solution for replacing ActiveX in ZEN interfaces running in Chrome and Edge?

I am not able to modify security settings in either browser, hence looking for a replacement for those controls.

 

Sample1:

                                var loc = new ActiveXObject("WbemScripting.SWbemLocator");
                                var objWMIService = loc.ConnectServer(".", "root\\cimv2");                                 var colItems = objWMIService.ExecQuery("Select * From Win32_Printer Where Default = TRUE", "WQL", wbemFlagReturnImmediately | wbemFlagForwardOnly);

 

Sample2:

              

#Ensemble #Worldwide Response Center (WRC) #HTML #ZEN
3
0 1150
Question Oliver Wilms · Jun 3, 2020

Dashboard - how to draw lines?

Hello,

I work on a dashboard. I understand basic html. I like to draw two boxes in different colors on the background. There will be multiple small boxes inside or over the boxes in the background. I defined the large boxes as <div> and the smaller boxes also as <div> inside the larger <div>. So far so good.

How can I draw lines with arrows between the smaller boxes?

Each small box represents a process that gets a number in a circle and a status indicator: green = okay, red = not okay.

#Other #CSP #Dashboards #Frontend #Graph #HTML
9
0 502
Question Scott Roth · Jan 23, 2020

Uploading gif/image into CSP page

Ok so I am way outside of my comfort zone, and had to build an application using CSP to give users the ability to access SQL configuration tables. These SQL Configuration tables will affect the data that is sent to the downstream system. 

I saw in the examples where we were able to import GIF's/IMAGES into the CSP folders to use as a reference in our CSP pages. My question is how do you do that? If I try to import through studio, it tells me the file is invalid.

Just trying to make it a little more user friendly then blocks on a page.

We are currently using Health Share 2018.1.3

Thanks

Scott

#HealthShare #Beginner #CSP #HTML #SQL #Studio
1
0 1077
Question Michael Davidovich · Nov 14, 2019

Cache Web Apps and Local Web Server

I'm playing with Cache web apps (CSP pages) and local dev . . .

My understanding is that when you run Cache, it spins up a very lightweight Apache web server with the web root C:\InterSystems\Cache\CSP (or where your CSP folder happens to be).  I can successfully place a index.html file with a simple header element in any one of the sub directories in \CSP (e.g. samples, sys, user) and it will successfully be served on, for example, http://localhost:57772/CSP/samples/index.html.

However, if I put the index.html at C:\InterSystems\Cache\CSP\index.html or if I create a new folder and place it

#Caché #CSP #HTML
5
0 873
Question David Crawford · Jul 15, 2019

Non CSP Files

CSP pages extend %CSP.Page. What about html/css/js/etc that are hosted on the same web application? Is there any way to override how they're processed like with how you can override a CSP page and CSP REST logic?

Thank you!

David

#Caché #CSP #HTML #Frontend
4
1 418
Question Jimmy Christian · Jul 10, 2019

OpenWeathermap http error when making REST call

Hello ,

I am trying to make a REST call using the example given in documentation for Creating REST Services and Clients with Ensemble.

Class Test.REST.WeatherOperation Extends EnsLib.REST.Operation

But i receive below mentioned error. If anyone can help me out here.

ERROR <Ens>ErrGeneral: ERROR <Ens>ErrHTTPStatus: Received non-OK status 404 from remote HTTP server: 'HTTP/1.1 404 Not Found':<html>
<head><title>404 Not Found</title></head>
<body bgcolor="white">
<center><h1>404 Not Found</h1></center>
<hr><center>nginx</center>
</body>
</html>

Thanks,

Jimmy Christian.

#Ensemble #HTML #REST API
6
0 553
Question anas lamaizi · Nov 13, 2018

Upload file attachments (pictures, documents and videos...) HTML AND CACHE INTERSTEMS

Hello 
Please I have a problem to save all name of files attached in table with date and load all files attached in directory 
My code HTML
-------------------------------------

<cache block="INC_REAPRO">
  <form method="post" id="formupload" enctype="multipart/form-data" action="cache-call:SubmitUpload^MyMac" data-upload-url="cache-call:FileUpload^MyMac">
    <input type="hidden" value="##/SERIENR##" name="SERIENR" />
    <input type="hidden" value='' name="FILE" id="upload-select-hidden" />
    <div id="upload-drop" class="uk-placeholder">
      <div id="upload-text" class="uk-text-center">
        <i

#Caché #HTML #Object Data Model
2
0 901
Article Chris Stewart · Apr 24, 2017 2m read

Let's write an Angular 1.x app with a Caché REST backend - Part 8

or "Bonus Breakage"

In our last lesson, we added a relationship between 2 persistent classes.  We are clearly going to need to start creating REST Services to expose CRUD operations for each of these classes, but before we do that, we should really finish defining our linkages.  We added code to our Widget toJSON to spool off related Accessory data, so we should really do the reciprocal and allow Accessories to return all Widgets that are compatible.

The code we can use is essentially the same as we used on the Widget side.

#Caché #Angular #CSP #HTML #JavaScript #REST API #Frontend
2
1 1357
Question William França Silva · Aug 28, 2018

jQuery Mask

Hi everyone!
Someone already try to use jQuery Mask Plugin on cache?

I'm trying but unsuccessfully.
First I created a new ambient on my own machine to developer in html and all works.
So, I exported the library's js (as jss) to a new Application (stylesheet /js /css) and created too a new Zen Page .cls calling this Application style.
On Zen Page
     Parameter APPLICATION = "Multi.Estilo";
XData Contents [ XMLNamespace = "http://www.intersystems.com/zen" ]
{
<page xmlns="http://www.intersystems.com/zen" title="">
    <vgroup align="center" cellStyle="padding: 4px;">
       <text id="Data" controlClass="s

#Caché #Compatibility #CSS #HTML #JavaScript #ZEN
2
0 623
Article Chris Stewart · Apr 21, 2017 3m read

Let's write an Angular 1.x app with a Caché REST backend - Part 6

or "Didn't you say you would cover Persistent Objects in Part 5, Chris?"

Yes, that was the plan.  This is a pretty important topic, so it get's its own Article

Up until now, we've display widget JSON that has been created by a basic loop.  Clearly this isn't of much value.  Now we have our stack connected together, and we can see that the data is flowing to the Welcome page, it's time to complete the stack and start feeding our service from "real" data.

Let's start with our (very basic) Persistent class for Widgets. We have 4 properties to hold Name, Description, Price and current Quantity.

#Caché #Angular #CSP #HTML #JavaScript #JSON #REST API #Frontend
4
0 1680
Article Chris Stewart · Apr 28, 2017 4m read

Let's write an Angular 1.x app with a Caché REST backend - Part 10

In our last lesson, we implemented a new REST Service to allow us to perform CRU operations on Widgets, and refactored our Controllers to allow the page setup to be decouple from the content.

When we created our Widget Services, we did not implement a Deletion operation, which the HTTP Delete verb provides. As this is a base table for other parts of the Widgets Direct empire, we don't want to be able to do a hard Delete of the WIdget values, as this could cause issues with our ordering and billing modules.

#Caché #Angular #CSP #HTML #JavaScript #REST API #Frontend
10
0 1291
Question Jenna Makin · Jun 1, 2016

Best Way to Parse a HTML Page

I would like to write some code to parse a set of HTML pages from the internet in order to gather information from each web page.

All of the web pages are generated using a template, so the format of each of the web-pages is consistent with one-another and the information that I want to gather is always located in the same logical place within the page.

What is the best way to parse an html page in order to gather information at a specific place?

Can XML XPATH be used here?  Does anyone have any examples of parsing HTML content?

#Caché #XML #ObjectScript #Frontend #HTML
6
0 1745
Article Chris Stewart · Apr 24, 2017 4m read

Let's write an Angular 1.x app with a Caché REST backend - Part 7

or "Things are going to break"

We left our application over the weekend, secure in the knowledge that it was returning data from our primary persistent class, User.Widget.  However, Widgets Direct are the premier supplier of both Widgets AND Widget Accessories, so we should really start working on adding these Accessories to our application. 

We should do some housekeeping first though. Our Page Controlller code is currently sitting in the widgetmaster.js file.

#Caché #Angular #CSP #HTML #JavaScript #REST API #Frontend
3
0 1490
Question Laura Cavanaugh · May 17, 2017

Need a trick to display cellTitle for just one column in tablePane

I need a trick to display the cellTitle for just ONE column in a tablePane with a unique value.  Here are the issues:

1. OnDrawCell has access to the cell data for that row/column, in %query(pName),  but setting the cellTitle property to a column doesn't refresh the column object

2. Setting showValueInTooltip is good for the entire table, not just one cell

3. ** the column element does not evaluate zen expressions, so I can't say cellTitle="#(%query.Comment)#", for example.  That's the crux of the problem.

<tablePane id="tblComplete"  
 tableName="MyTable" 
 orderByClause="ID DESC" 

#2

#Caché #HTML #ZEN
2
0 595
Article Chris Stewart · May 8, 2017 3m read

Let's write an Angular 1.x app with a Caché REST backend - Part 12

In our last lesson, we added some formatting and validation to our Edit Widget form.  So, now we are ready to add the ability to add new Widgets to our application.  However, the great Widget Wars have come to an abrupt end, as Widget Direct has purchased its biggest competitor, WorldWideWidgets.  In order to maintain some continuity, we need to display their catalog on our new application.

So, we have good news and bad news.

#Caché #Angular #HTML #JavaScript #JSON #REST API #Frontend
0
0 919
Article Chris Stewart · May 6, 2017 2m read

Let's write an Angular 1.x app with a Caché REST backend - Part 11

In our last lesson, we added a form to Edit our existing Widgets, and save them back to the server.  However, our Form was not well structured and our Save button had no intelligence, and was not fully visible.  So today, we will apply some Material components and Angular style to make the form more useful

Let's open EditWidget.csp, and make some changes. First, we want to change the component from an md-card to an md-dialog.

#Caché #Angular #Frontend #HTML #REST API
0
0 968
Article Chris Stewart · Apr 20, 2017 3m read

Let's write an Angular 1.x app with a Caché REST backend - Part 4

We finished our last lesson with our Widgets Direct page iterating over a list of widgets, displaying an ID and a Name value. While we have been able to achieve this with only a small amount of coding, the page itself is not the most visually appealing place to be. The AngularJS framework is providing a powerful Model-View-Controller framework for our structure and logic, but it does not implement anything that will provide a nice UI experience. For that we need to implement a UI toolkit.

#Caché #Angular #CSP #HTML #JavaScript #JSON #REST API #Frontend
3
0 1848
Article Chris Stewart · Apr 21, 2017 2m read

Let's write an Angular 1.x app with a Caché REST backend - Part 5

At the end of our last lesson, we ended with our page displaying a nice (but garish) Angular Material Toolbar, and our Widget data displaying in a list of Material cards.  Our page feels a bit static, and we already know that the large number of Widgets that we will be dealing with will not be especially usable on a static list.  What can we do to help?

A filtering function would be very helpful, so let's add a text input to the top of the page.We will bind this to a variable in the $scope - widgetFilterText so that Angular has access to the value we type in.

#Caché #Angular #CSP #Frontend #HTML #REST API
0
0 1512
Article Chris Stewart · Apr 19, 2017 3m read

Let's write an Angular 1.x app with a Caché REST backend - Part 3

We finished our last lesson with our Widgets Direct page receiving a Welcome message as a property of a JSON object, which was unpacked and displayed on the page. However, we are on Lesson 3, and we still haven't had any talk of displaying widgets yet.  

Let's change that.  Widgets Direct are a leader in widget and widget accessories, so we clearly have numerous items to display.   To transfer this, we will need to declare and return our first array.  Let's go back to our REST.Dispatch class, and add this data to our Service.

Adding an array is simple, but we need to set up some temporary

#Caché #Angular #CSP #HTML #JavaScript #JSON #REST API #Frontend
0
0 1979
Question Andrei Luiz Nenevê · Feb 22, 2017

What's the best way of doing Reports in Zen Mojo.

Hi everyone, I have and Zen Mojo application, it's all working but I have some doubts about what is recommended to use: There is some reports of employees, for example, and actually I'm using some plugins : "Excelent export" to generate Excel reports and "jspdf" to generate PDF reports in client side.

I have an REST service, that receives the request, process and returns JSON, after client side receive the response it's processed.

- This can be slow/bad in applications with large data?

- It's better/recommended to use ZenReports even with ZenMojo applications?

- Or Zen Mojo, like any other

#Caché #HTML #JavaScript #JSON #REST API #SOAP #Frontend #ZEN
2
0 437
Question Eduard Lebedyuk · Feb 10, 2017

How do I disable cache for static files in web application

I have a web application with html, css, js files (no ZEN/CSP).

Problem: after I update them on a server, Caché still servers old and cached version (browser Cache is disabled).

There is a manual cache purge in Gateway Settings, of course, but is there an automatic solution?

I'll be okay with disabling cache server-wide, but an application-wide solution would be better.

I don't want to host web app on a separate web server.

Here's my web app config:

#Caché #Frontend #CSS #HTML
5
0 2307
Article Mario Sanchez Macias · Nov 10, 2016 2m read

Working with javascript files in Atelier

If you spend a lot of time working with javascript, json and html and you are new to Eclipse / Atelier you may like this tip. 

 Instead of the default Atelier HTML you can install a JS plugin for eclipse which works quite good handling javascript files, allowing you to see functions, color syntax, etc...The one I used is the JSDT.The JavaScript Development Tools (JSDT) provide plug-ins that implement an IDE supporting the development of JavaScript applications and JavaScript within web applications.

#Atelier #Atelier #JSON #Frontend #HTML #JavaScript
0
0 538
Question Ben Spead · Nov 20, 2015

How do you to a lone ">" in an &html<> block?

I am using &html<> to output some CSS to my page (which is a class-based and not a tag-based page), and the selectors contain the '>' character which the compiler chokes on.  How can I escape the '>' so it still displays as such in the web page source but doesn't trip up the compiler?

This is for 2012.2 btw.

#Caché #Compiler #HTML #Frontend
8
0 562