07 Vaadin Screens






Comentarios

Publicar un comentario

Entradas populares de este blog

14 Typescript (2) with jquery, bootstrap and other module stuff

Imagen
1. Introduction Modules are rather tedious and difficult to be understood. There are many module types (Commonjs, AMD, UMD, System) as Jurgen Van Moere explains.  Node, however, works well with Commonjs modules but cannot integrate well with other modules (AMD, System..) Webpack comes to the rescue, but it is a bit difficult to use. With the help of some sites like Neoguias  and  Swashbuckling  this task is much more easier. Our schedule is: Create the basics Create a simple web page with html and javascript Creating a simple module Importing and using a simple node module (is-what) and @types Importing and using jquery 1. The basics. Installation Open VS Code and execute these commands in the terminal window # create the project folder mkdir webpack-jq cd webpack-jq # create the package.json and ask for project basic info npm init -y # install webpack and cli (opt -D is equivalent to --save-dev ) npm i -D webpack webpack-cli # create the folder src (source...
Leer más

01. First Project (Eclipse + Tomcat 10 + Java 17)

Imagen
This post has been inspired by  Nam Ha Minh . 1. Create a Gradle project   From the top left menu select:  File - New -Other -Gradle -Gradle Project Give a project name (JSP-02 for instance)  Click on "Configure Workspace Settings" Verify versions of Java ( 17 ) and gradle ( 7.4 )  are selected Click finish. Right-click on the created project and select Delete but DO NOT CHECK to delete project contents Now go to the project folder and delete all the files except the folder "lib" Move the content of the lib folder to the project folder and delete the "lib" folder Import the gradle project again to eclipse File - Import -Gradle -Existing Gradle Project Select the project to import ( JSP-02 ) Accept all the default options and click Finish The project has been imported Now you should verify that the java 17 is being used . So right-click on the project and select Build Path - Configure build Path and verify java version 2. Configure the file build.gradle Th...
Leer más

13. Getting coordinates from image to create map areas

Imagen
0. Introduction  Let's see this code (test01.html) <!DOCTYPE html> <html> <head> <meta charset= "UTF-8" > <title> Insert title here </title> <!-- jQuery --> <script src= "http://code.jquery.com/jquery-latest.js" > </script> <script> function getPos(e){ x = e.clientX; y = e.clientY; //px=e.PageX; //py=e.PageY; qx = $( document ).scrollLeft(); qy = $( document ).scrollTop(); cursor = "xy=(" + x + "," + y + ")(" + px + "," + py + ")(" + qx + "," + qy + ")" ; document .getElementById( "displayArea" ).innerHTML = cursor; document .getElementById( "myImg" ).setAttribute( 'title' ,cursor); } function stopTracking(){ document .getElementById( "disp...
Leer más