[C3-Runtime][Plugin]HTML Element (with global event handler)

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

whoaaaa so cool !!

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

I really like what you are doing here.

If you could add pinch to zoom, in some form or format (challenge on !), this would be a really viable project.

Keep up the good work.

cheers.

sizcoz

I haven't tested it, but maybe with

	touch-action: manipulation;

	touch-action: manipulation !important;

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.

People expect pinch to zoom on mobile, on forms etc, would be good if you could achieve this.

Good stuff , it's progressing well.

A big update: now you can handle inline events with the syntax:

el-on:onclik="nameFunction('param1','param2','param3',...)"

You can insert this in children's element or in the element itself. You can use all the standard GlobalEventHandlers.

In this demo project you can see how to use some events (onclick, ondblclick, onmouseover, oncontextmenu, onchange and oninput) to call functions.

HTMLelement - Inline Event Handlers.c3p

You can also watch the Personal Portfolio Project to learn how to integrate it in a real world application.

Personal Portfolio Webpage.c3p

New demo: how to build a random quote machine.

link to online demo and file c3p.

yooo it's epic !!

Hurrah!

I've just finished my last test: a Markdown Editor and Previewer.

Link to online version

Link to C3P File