el3um4s's Forum Posts

• • el3um4s
  • 
  • • Joined 9 Nov, 2015
    • 
    • 36 topics • 370 posts
  • 1

  • 23 Oct, 2018
  • Quote

  Experiment with a circular menu.

  
• • el3um4s
  • 
  • • Joined 9 Nov, 2015
    • 
    • 36 topics • 370 posts
  • 1

  • 21 Oct, 2018
  • Quote

  Testing pinch to zoom on forms (link to online version).

  

  
• • el3um4s
  • 
  • • Joined 9 Nov, 2015
    • 
    • 36 topics • 370 posts
  • 1

  • 21 Oct, 2018
  • Quote

  sizcoz You can test a demo for pinch to zoom on forms (demo for pinch to zoom on forms). (c3 file)

  

  
• • el3um4s
  • 
  • • Joined 9 Nov, 2015
    • 
    • 36 topics • 370 posts
  • 1

  • 20 Oct, 2018
  • Quote

  sizcoz

  I haven't tested it, but maybe with

  	touch-action: manipulation;
  

  or with

  	touch-action: manipulation !important;
  

  It's possibile to abilitate pinch to zoom in an element.

  I think I'll add Touch events conditions (touchcancel, touchend, touchenter, touchleave, touchmove, touchstart) in one of the next releases.

• • el3um4s
  • 
  • • Joined 9 Nov, 2015
    • 
    • 36 topics • 370 posts
  • 1

  • 20 Oct, 2018
  • Quote

  Thank you, — sizcoz

  I've just finished a new demo project:

  

  How to build a technical documentation page

  • Online Demo: JS Documentation
  • C3 file

  With the new version I'll add the actions:

  CSSAddClass, CSSRemoveClass, CSSToggleClass, CSSReplaceClass, CSSSetStyle, HTMLSetID

• • el3um4s
  • 
  • • Joined 9 Nov, 2015
    • 
    • 36 topics • 370 posts
  • 1

  • 20 Oct, 2018
  • Quote

  Added a new example file, how to build a landing page.

  (based on Responsive Web Design Projects - Build a Product Landing Page)

  

  • Online Demo: Buy a Trombone
  • C3 file

  Update a new release - version 0.0.2.3

  Add Mustaches for Attributes, Classes and Style

  New Actions

  HTMLAddAttribute, HTMLRemoveAttribute, HTMLChangeAttribute, CustomJSGetFileURL, CustomJSGetFileBLOB, CustomJSGetUrlBLOB, CustomJSGetBase64ImgFromURL, CustomJSGetBase64ImgFromFILE

  New Conditions

  JSOnGetFileURL, JSOnGetBLOB, JSOnGetUrlBLOB, JSOnGetBase64ImgFromURL, JSOnGetBase64ImgFromFILE

  New Expressions

  JSGetFileURL, JSGetFileBLOB, JSGetUrlBLOB, JSGetBase64ImgFromURL, JSGetBase64ImgFromFILE

• • el3um4s
  • 
  • • Joined 9 Nov, 2015
    • 
    • 36 topics • 370 posts
  • 2

  • 20 Oct, 2018
  • Quote

  New test: a landing page created with Construct3.

  
• • el3um4s
  • 
  • • Joined 9 Nov, 2015
    • 
    • 36 topics • 370 posts
  • 2

  • 19 Oct, 2018
  • Quote

  Hello mumu64

  In the demo, the submit button show an alert with a pseudo JSON with the form's content. This is for testing purpose.

  

  

  I override the submit event and I use "on click".

  

  I set the global variable resultForm with the form's content.

  The expression GetValue("name") returns the value for the element with ID = "name".

  

  The expression HTMLgetVALUE returns the value for the element selected.

  

  The expression HTMLgetValueRadio(radioName) returns the value for the radio element with name=radioName.

  

  The expression GetCheckedStatusQuerySelector(selectors) return the value for a radio element selected with a Document.querySelector()

• Try Construct 3

  Develop games in your browser. Powerful, performant & highly capable.

  Try Now Construct 3 users don't see these ads
• • el3um4s
  • 
  • • Joined 9 Nov, 2015
    • 
    • 36 topics • 370 posts
  • 1

  • 18 Oct, 2018
  • Quote

  Added a new example file, how to build a survey form.

  (based on FreeCodeCamp Responsive Web Design Projects - Build a Survey Form)

  

  • Online Demo: Build a Survey Form
  • C3 file
• • el3um4s
  • 
  • • Joined 9 Nov, 2015
    • 
    • 36 topics • 370 posts
  • 4

  • 18 Oct, 2018
  • Quote

  Testing html web pages created with Construct3.

  • Survey Form
    

    • Online Demo: Build a Survey Form
    • C3 file
  • Tribute Page
    

    • Online Demo: A tribute to Darwin
    • C3 file
• • el3um4s
  • 
  • • Joined 9 Nov, 2015
    • 
    • 36 topics • 370 posts
  • 1

  • 17 Oct, 2018
  • Quote

  Hello, this is my new plugin: HTML Element.

  The idea is to have an intuitive mode to add HTML Elements to a Construct 3 Project. With this plugin you can easily add and manipulate the DOM, change CSS styles, IDs and Classes, and even add listeners to an element.

  It's still in beta but you can already do things like pass the FreeCodeCamp Web Design Certification.

  Some links:

  • HTML Element Addon
  • A YouTube Tutorial

  Some Example:

  • Tribute Page
    

    • Online Demo: A tribute to Darwin
    • C3 file
  • Survey Form
    

    • Online Demo: Build a Survey Form
    • C3 file
  • Landing Page
    

    • Online Demo: Buy a Trombone
    • C3 file

    

    
  • Technical documentation page
    

    • Online Demo: JS Documentation
    • C3 file
  • Personal portfolio
    

    

    • Online demo: Personal Portfolio
    • C3 file
  • Random Quote Machine
    

    

    • Online Demo: Random Quote Machine
    • C3 file

  In the next days I will update the plugin and the documentation.

  • Properties
    

    
  • Conditions
    
  • Actions
    
  • Espressions
    
• • el3um4s
  • 
  • • Joined 9 Nov, 2015
    • 
    • 36 topics • 370 posts
  • 1

  • 17 Oct, 2018
  • Quote

  Wow, they're wonderful :)

  But did you do all these marvels with construct? How? I am very envious of your creations.

• • el3um4s
  • 
  • • Joined 9 Nov, 2015
    • 
    • 36 topics • 370 posts
  • 1

  • 10 Oct, 2018
  • Quote

  In documention I find this:

   if (self.c2_callFunction) self.c2_callFunction("name", ["param1", "param2"]);
  

  So I create my own function:

   CallFunction(nameFunction = "", param = []) {
   if (self.c3_callFunction && nameFunction != "") {
   if (param.length === 0) {self.c3_callFunction(nameFunction);}
   else {self.c3_callFunction(nameFunction, param);}
   }
   }
  

  When I test it in Preview it's all ok. Also when I export the project without script minification.

  But if I want to unbly "minify script" in the export I have to use:

   CallFunction(nameFunction = "", param = []) {
   if (self["c3_callFunction"] && nameFunction != "") {
   if (param.length === 0) {self["c3_callFunction"](nameFunction);}
   else {self["c3_callFunction"](nameFunction, param);}
   }
   }
  

  My question is: what is the correct way between self.c3_callFunction("name", ["param1", "param2"]) and self["c3_callFunction"]("name", ["param1", "param2"])?

  I do not know if it's a bug or a lack in the documentation. I know for external api I must to use string syntax but I did not think it was for official API.

• • el3um4s
  • 
  • • Joined 9 Nov, 2015
    • 
    • 36 topics • 370 posts
  • 1

  • 7 Oct, 2018
  • Quote

  Thank you for your answer.

  I can create an optional property (Model) where you can insert the variable's name. I didn't think about injection attacks. Maybe I can put a function to sanitize external input.

  
• • el3um4s
  • 
  • • Joined 9 Nov, 2015
    • 
    • 36 topics • 370 posts
  • 1

  • 7 Oct, 2018
  • Quote

  JavaScript (Learning Web Tchnologies).

  If you like, the FreeCodeCamp is a good place to start.