Modello is a lightweight framework that enables you to write JavaScript class like other class-based object-oriented programming language. It introduces class, class-based inheritance, multi-inheritance, private members, RTTI and more into JavaScript. Modello can help you write more readable, reusable and maintainable JavaScript code.
View 2 RepliesOne of the great annoyances I have with JavaScript is the lack of a good
consistent code library. Oh, there are a few code libraries scattered
around for doing various things. The problem is that each of them have
their own way of doing things. If we want to use more than one library
at a time, we often end up duplicating code and working with different
interfaces and practices that aren't necessarily compatible with each
other...
So... isn't it about time that we have a Common JavaScript Framework?
I'm thinking of a standardised code library, mostly (but not entirely)
built from the free code that is already out there. (I'm thinking of a
LGPL core with independantly licensed extensions.)
I know of a few very cool projects that aim to make JavaScript
development easier, more professional and to bridge the gap between
browsers and environments. (To name a few: DynAPI, DOMAPI, Sarissa,
13th parallels' library, netWindows, bindows, ActiveUI, f(m).) But I
don't know of any effort to bring all of these features into one common
framework. Can we do anything about this?
I'm not exactly proposing that we form a group to design and implement a
complete framework. I just think that, us, JavaScript developers should
talk to each other more and agree on a few things. Then, I imagine
being able to access this centralized, well designed library that is
ready for serious (and less serious) development and the dream goes on...
I have been working with JS (client and server) for some years now and
I'd like to bring more consistency to my code and spend less time
writing lower level code. So I may be writing this email more out of
wishful thinking than determined action. In any ways, I remain
interested to support any effort that would lead me to better, well
designed, programming.
I discovered this syntax on the google example of a client to their web
service.
function PagClass()
{
this.init();
}
PagClass.prototype = {
init : function() {
this.m_bInited = true;
this.m_nTotalRows = 0;
this.m_nFirstRowNum = 0;
this.m_nRowsPerPage = 0;
this.m_nNumPages = 0;
this.m_nReportid = 0;
this.m_nResultNumStart = 0;
this.m_strStart = "";
},
foo: function() {...},
bar: function() {...}
}
This seems like a very elegant way to create classes in javascript,
gives you a constructor and lists methods as comma separated
properties.
My colleague is suspicious that there may be excessive runtime overhead
associated with the prototype, property list way of doing this.
Anybody know for sure?
I have several tags on a webpage of the same class. If the user clicks a
specific checkbox I'd like to be able to alter the display property of the
class, affecting all objects of that class.
This is an intranet application so we know that javascript will be enabled
and the browser will be IE.
How can I affect all the members of this class? Is there a way I can toggle
the DISPLAY property of a class so all the elements using that class would
be affected? Code:
I have got some confused problem when I try to write some custom object by javascript.
Look at the example code here:
<BODY>
<script language="jscript">
function Class()
{
this.member = null;
this.event = null;
this.memberFunction = function()
{
alert("memberfunc" + this.member);
this.callEvent();
alert('after call');
}
this.callEvent = function()
{
alert("call:" + this.event);
if (this.event)
{
this.event();
}
}
}
var obj = new Class();
obj.member = "hello";
obj.event = function()
{
alert('event');
}
obj.memberFunction();
</script>
<button id=hello >click</button>
<script>
hello.onclick=obj.memberFunction;
</script>
I try to define a javascript class and define a event handler for it. There is a member and a memberFunction and a event in the Class body. Then I created a object (obj) of Class and defined a event handler like this:
obj.event = function()
{
alert('event');
}
When I call the function: obj.memberFunction(); the event handler was
fired and alert a message ('event'). But when I try to use a button to fire the event, it doesn't work. It seems we have lost the member function callEvent, it is a undefined value, the same as this.event member.
Can you call a java class from within a javascript?
View 1 Replies View RelatedI have following css code in a html file:
<style>
.myClass { color:red; }
</style>
How can I extract the value of the property "color" from the class "myClass"?
Pseudo-code (which of course doesn't work), so you get the idea:
<input type="button" onclick"alert('The CSS color is '+document.style.myClass.color)">
what is the best js framework for ajax ? first iam a beginner in ajax and js,
i found a lot of frameworks but i didn't know which is the best.
And i heared that some of thease frameworks are not updated any more. I read a book called professional ajax with php and the book author was using a class library called zXml you can find it here but i found that the XMLDOM does not support opera browser it supports only IE and FireFox .
And I heared a lot about prototype class library but i didn't found tutorials using it you can found it here so iam unable to deciding which is the best updated cross browsers js framework for ajax.
Iam planning to build a good 2.0 web application with minimal modules but each module should be feature rich.
so i would like to use AJAX to spice up my site.
(i will be using php and mysql for it)
so please suggest me, should i hand code everything or should i use an AJAX framework?
if so which is good ajax framework and why?
I get that this question is going to be one of those questions where everybody defends the app they like the most, but I am asking for the reasons why rather than just a one product name answer, so here goes with the question:
What is the best Javascript Framework to use for Javascript RIA development and why?
i.e. Qooxdoo, ExtJS, Echo3, etc?
Now I know everyone is probably going to jump in and say Jquery, but personally I see Jquery and the likes as more of a "make plain website nice by adding animations etc" rather than for web applications development.
I'm experienced with PHP and I'm familiar with JS syntax but still a beginner.
Now I want to learn AJAX And JS and I've looked at jQuery but it doesn't look like JS to me, I mean I'm sure it is but it looks to me like jQuery has a syntax of it's own and I want to learn not just a framework but also the underlying language.
So now my question is; what framework will be the best choice when that is my goal?
AjaxI need to know which is the most used framework and why.
I know that there are many websites on the web about it, but I can't use them only.
how the class attribute works in CSS: I can specify that every attribute with class="foo" be italicized with: .foo {font-style: italic;}
What if I want to do the same sort of thing in Javascript? Is there something built-in like document.GetElementsbyClass("foo").style = "italic" (I'm just making this code up of the top of my head, I don't know how javascript works.)
It seems to me that with JavaScript you're supposed to use the name="" attribute instead of class="". Why the diference?
I looked at webmonkey that had an article about this, but their writing style is simply confusing and I can't make heads or tails of their articles.
I never use jQuery, but i saw jQuery in zul pages from ZK framework. i'm ZK developer here.
So my question is just same with my subject,is that possible use jQuery in composer.java?
Where can i find the procedure for build my own website. It would be a great help if anyone give the information.
View 5 Replies View RelatedBeen looking for a way to do:
[URL]
BUT, without needing a framework (jquery,mootools,scriptalicious,protoype,dojo,etc). I don't need all the extras that come with the framework and want to keep loading time down to a minimum.
Everywhere online seems to need a framework.
how i would poppulate a select box with an ajax call.
Would anyone have a super simple function or script that will populate a select box without using a framework of any sort ?
All i need is for it to extract pull a list from my server
I have been tasked with building a slider for a client. Basically you have a window showing 2 thumbnails and some product info. When you click the arrows, it would slide to the next or previous set, WITH EASING. Normally this would be simple using jquery, but I cannot use a JS framework, so I have to use straight JS.
View 3 Replies View RelatedOur web site is built on the LiveBooks framework which is basically Flash-based. Due to their framework not being able to display a Flash slideshow that I'm still completing within their Flash shell without doing a lot of odd things to the Flash file, I'm having to re-create the look of our site in HTML for the purpose of correctly displaying this particular page. Basically, I have an HTML page that has the SWF embedded but I also need to recreate the pull-down menu that is in place on the other pages via Flash. Go to smithphoto-dot-com and after the page loads the intro, select one of the olives other than the one labeled "studio". On any of these other pages, roll over "folios" and you'll see the Flash-based pull- down menu that I want to re-create. Selecting "studio" from any of these pages will navigate to the HTML version of the studio page where I need to insert the Superfish menu. I've attempted this at inet-
[Code]...
We have a corporate product which uses ajax and different layers of soa , java etc across all browsers and multiple platforms But the observation is - IE8 is extremely slow when working with ajax framework. THe browser processing time increases exponentially with increasing js file size. Works fine in non IE browsers.
View 1 Replies View RelatedI have set if sentence when form is validate like: {if $smarty.request.action == "form1"}
{nocache}
{literal}
<script type="text/javascript">
document.location='replyfile';
</script>
[Code]....
How to send after validation is performed? 3. This should mean sending form when name="form1" is clicked. Is it if sentence correct set with name form1?
Application is: [URL]
Version 1.7. Now is sending when I click on button but it should send values and after validation is made.
I'm learning how to use Javascripts and using Prototype framework by following a step by step tutorial from a book. Unfortunately when I stepping through the following code:[code]
View 8 Replies View RelatedI need to write an extensive online circuit design website with lots of drag/drop.
What is the best JavaScript framework for drag/drop specifically?
Which is the best JS/Ajax framework according to you ?
JQuery
Prototype
Mootool
Script.aculo
(Did I miss anything ?)
I'm using a .csv file as the basis for a spry dataset. I've got it working and the data is getting inserted into a table dynamically. Since there'll be quite a lot of rows in the table, I'm trying to implement some paging controls so the user can see about 20 rows at a time and then page through the rest of the rows.[code]When I test, The first 20 rows appear but then these 20 rows are repeated another 20 times, so the first 20 rows are duplicated 20 times on the one page, i.e 400 rows are being displayed (if you know what I mean). The paging is also working via the buttons but each of the 20 rows (20 x 20) are being paged simultaneously, and I only want one set of 20 rows to appear at any one time.[code]
View 1 Replies View RelatedWorking on creating my own plugin and realized that I would very likely end up doing this again in the future. Unfortunately, I have an extremely short memory when writing code. I frequently have to re-read the code I've created the day prior so I can get back on track with what I was doing. As such, I'm a fervent commenter in my code.
So, I'm creating a jQuery plugin framework with comments for everything that's going on in the framework to prevent my brain from having to re-learn everything in a month or so when I do another one.
Plugin-savvy folks to take a look at this code and help me fill in the blanks and make corrections to those places where I'm way off base. As you'll likely notice rather quickly, this is taken from the jQuery plugin tooltip construct found here: [url]