HMGSCRIPT 2012: Programming For The Web in The Right Way :)
Moderator: Rathinagiri
- Roberto Lopez
- HMG Founder
- Posts: 4004
- Joined: Wed Jul 30, 2008 6:43 pm
HMGSCRIPT 2012: Programming For The Web in The Right Way :)
I've wrote this library after analyze tens of JavaScript samples, code, tutorials and users posts in forums, freely available on the web.
I've simply attempted to arrange in a simple way, the common knowledge available about how to create windows and controls on the fly using JavaScript.
So, I not consider this code as mine, then, I'm publishing it as public domain.
From the user's perspective, these GUI functions should be as easy to use as HMG GUI commands and I've wrote them with such goal in mind.
This library must be considered as pre-pre-alpha
EDIT: There is newer versions of the library in more recent posts of this thread.
Enjoy!
I've simply attempted to arrange in a simple way, the common knowledge available about how to create windows and controls on the fly using JavaScript.
So, I not consider this code as mine, then, I'm publishing it as public domain.
From the user's perspective, these GUI functions should be as easy to use as HMG GUI commands and I've wrote them with such goal in mind.
This library must be considered as pre-pre-alpha
EDIT: There is newer versions of the library in more recent posts of this thread.
Enjoy!
- Attachments
-
- hmgscript.2012.05.30.zip
- (4.31 KiB) Downloaded 2131 times
Regards/Saludos,
Roberto
(Veritas Filia Temporis)
Roberto
(Veritas Filia Temporis)
- Rathinagiri
- Posts: 5471
- Joined: Tue Jul 29, 2008 6:30 pm
- DBs Used: MariaDB, SQLite, SQLCipher and MySQL
- Location: Sivakasi, India
- Contact:
Re: HMGSCRIPT 2012: Programming For The Web in The Right Way
Wow!
The countdown (perhaps countup ) starts now!
The countdown (perhaps countup ) starts now!
East or West HMG is the Best.
South or North HMG is worth.
...the possibilities are endless.
South or North HMG is worth.
...the possibilities are endless.
- esgici
- Posts: 4543
- Joined: Wed Jul 30, 2008 9:17 pm
- DBs Used: DBF
- Location: iskenderun / Turkiye
- Contact:
Re: HMGSCRIPT 2012: Programming For The Web in The Right Way
Thanks a lot
An happy, revolutionary and very important milestone on the HMG way
Best regards and saludos cordiales
--
Esgici
An happy, revolutionary and very important milestone on the HMG way
Best regards and saludos cordiales
--
Esgici
Viva INTERNATIONAL HMG
- Pablo César
- Posts: 4059
- Joined: Wed Sep 08, 2010 1:18 pm
- Location: Curitiba - Brasil
Re: HMGSCRIPT 2012: Programming For The Web in The Right Way
I enjoying... !
I made some changings in my hmgscript.css as follows:
I have replaced color items with rgb() that it makes more intuitive sense. And I choose some diferent colors:
I made some changings in my hmgscript.css as follows:
Code: Select all
.window
{
position : absolute ;
background-color: rgb(236,233,216) ;
text-align : center ;
border : 3px solid rgb(2,106,254) ;
}
.window h1
{
font-family : Arial ;
font-size : 12pt ;
background : rgb(2,106,254) ;
color : white ;
margin : 0 ;
padding : 4px ;
}
.cover
{
position : absolute ;
top : 0 ;
left : 0 ;
background-color: rgb(14,14,14) ;
opacity : 0.7 ;
}
HMGing a better world
"Matter tells space how to curve, space tells matter how to move."
Albert Einstein
"Matter tells space how to curve, space tells matter how to move."
Albert Einstein
- Roberto Lopez
- HMG Founder
- Posts: 4004
- Joined: Wed Jul 30, 2008 6:43 pm
Re: HMGSCRIPT 2012: Programming For The Web in The Right Way
I feel in XP!Pablo César wrote:I enjoying... !
I made some changings in my hmgscript.css as follows:
<...>
I have replaced color items with rgb() that it makes more intuitive sense. And I choose some diferent colors:
I guess that we could have multiple hmgscript.css files in a 'themes' folder.
So, the one I've created could be called 'hmgs.standard.css' and the one you've created as 'hmgs.xp.css'.
What do you think?
PS: I've already done it
Regards/Saludos,
Roberto
(Veritas Filia Temporis)
Roberto
(Veritas Filia Temporis)
- Roberto Lopez
- HMG Founder
- Posts: 4004
- Joined: Wed Jul 30, 2008 6:43 pm
Re: HMGSCRIPT 2012: Programming For The Web in The Right Way
Hi!
Now, we have Label and TextBox controls too and two themes (std and xp).
This is the JS app source code:
Enjoy!
Now, we have Label and TextBox controls too and two themes (std and xp).
This is the JS app source code:
Code: Select all
function test_1()
{
oWindow = new Window( "Hello World!", 600 , 300 );
Label( oWindow , 100 , 260 , "This is a Label!" );
TextBox( oWindow , 130, 230, "This is a TextBox!" );
Button( oWindow , 240 , 248 , "Close" , "oWindow.Release()" );
}
- Attachments
-
- hmgscript.2012.05.31.zip
- (5.44 KiB) Downloaded 1865 times
Regards/Saludos,
Roberto
(Veritas Filia Temporis)
Roberto
(Veritas Filia Temporis)
- Rathinagiri
- Posts: 5471
- Joined: Tue Jul 29, 2008 6:30 pm
- DBs Used: MariaDB, SQLite, SQLCipher and MySQL
- Location: Sivakasi, India
- Contact:
Re: HMGSCRIPT 2012: Programming For The Web in The Right Way
Very nice Roberto.
East or West HMG is the Best.
South or North HMG is worth.
...the possibilities are endless.
South or North HMG is worth.
...the possibilities are endless.
- Roberto Lopez
- HMG Founder
- Posts: 4004
- Joined: Wed Jul 30, 2008 6:43 pm
Re: HMGSCRIPT 2012: Programming For The Web in The Right Way
Hi,
HTML5 has a lot of new advanced features regarding forms.
So, we will able to expand HMGSCRIPT capabilities almost with no effort.
Please, look at this interesting page:
http://wufoo.com/html5/
HTML5 has a lot of new advanced features regarding forms.
So, we will able to expand HMGSCRIPT capabilities almost with no effort.
Please, look at this interesting page:
http://wufoo.com/html5/
Regards/Saludos,
Roberto
(Veritas Filia Temporis)
Roberto
(Veritas Filia Temporis)
- Pablo César
- Posts: 4059
- Joined: Wed Sep 08, 2010 1:18 pm
- Location: Curitiba - Brasil
Re: HMGSCRIPT 2012: Programming For The Web in The Right Way
GREAT !Roberto wrote:I guess that we could have multiple hmgscript.css files in a 'themes' folder.
So, the one I've created could be called 'hmgs.standard.css' and the one you've created as 'hmgs.xp.css'.
I am following the progress of this project. I'm loving ...
I made more changings at demo.html, as follows:
Code: Select all
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="themes/hmgs.xp.css">
<script type="text/javascript" src="lib/hmgscript.js"></script>
<script type="text/javascript" src="app/demo.js"></script>
</head>
<body>
<center>
<input type="button" value="Button Demo" onClick="test_1()" style="width:200;height:200" >
<input type="button" value="Label / TextBox Demo" onClick="test_2()" style="width:200;height:200" >
<input type="button" value="Available" onClick="" style="width:200;height:200" >
<br>
<input type="button" value="Available" onClick="" style="width:200;height:200" >
<input type="button" value="Available" onClick="" style="width:200;height:200" >
<input type="button" value="Available" onClick="" style="width:200;height:200" >
<br>
<input type="button" value="Available" onClick="" style="width:200;height:200" >
<input type="button" value="Available" onClick="" style="width:200;height:200" >
<input type="button" value="Available" onClick="" style="width:200;height:200" >
</center>
</body>
</html>
Code: Select all
function test_1()
{
oWindow = new Window( "Hello World!", 600 , 300 );
Button( oWindow , 240 , 248 , "Close" , "oWindow.Release()" );
}
function test_2()
{
oWindow = new Window( "Hello World!", 600 , 300 );
Label( oWindow , 100 , 260 , "This is a Label!" );
TextBox( oWindow , 130, 230, "This is a TextBox!" );
Button( oWindow , 240 , 248 , "Close" , "oWindow.Release()" );
}
That´s excellent for future !HTML5 has a lot of new advanced features regarding forms.
HMGing a better world
"Matter tells space how to curve, space tells matter how to move."
Albert Einstein
"Matter tells space how to curve, space tells matter how to move."
Albert Einstein
- Roberto Lopez
- HMG Founder
- Posts: 4004
- Joined: Wed Jul 30, 2008 6:43 pm
Re: HMGSCRIPT 2012: Programming For The Web in The Right Way
I've applied your changes.Pablo César wrote: I am following the progress of this project. I'm loving ...
I made more changings at demo.html, as follows:
Thanks!
Regards/Saludos,
Roberto
(Veritas Filia Temporis)
Roberto
(Veritas Filia Temporis)