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?
Working 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]
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.
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.
One 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'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.
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.
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 Replies View Relatedhow 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 RelatedI am not trying to start a flame war again over the JavaScript frameworks. Instead I want to focus on the JavaScript "User Interface" aspect. I refer to those fanciful widgets and effects we see increasingly appearing all over the browsers nowadays. They are usually built using HTML, JavaScript and CSS. I also notice a lot of developers like to build their own widgets and effects based on the questions asked in this forum. I am more of a server side developer so I am more curious how I can get a fanciful widget/effect in real quick time and viola jQuery UI came to my rescue today.
Then I probe deeper and it seems for the UI portion, jQuery and YUI stand out. Prototype UI is still in infant stage from what I see. Both jQuery plug-in and YUI gallery provide lots of ready made widgets to be used readily. Then come my questions below. 1. YUI framework codes are "wordy". It is cleaner and clearer of cuz but from what I know, JavaScript are downloaded onto the user browser whenever user surf to a page with JavaScript enabled correct?
Hence wordy code pay a price isn't it ? The total number of bytes that need to be download to the browser has an impact. In this aspect jQuery is more compact and in theory the final code that uses jQuery will be smaller correct ?
2. jQuery has a weakness. It is preoccupied with DOM and mainly those UI related JS code. When there is a need to have non-UI JavaScript OOP code, it does not seem to shine so well.
So my decision is simple. I don't need a lot of non-UI JavaScript OOP code, I only want ready-built UI JavaScript code and jQuery serve me very well.
I welcome other developers comments. PS Btw jQuery and YUI are free anyway and unless there are no widgets out there to serve my needs, I won't venture to re-invent the wheel again. There sure are lot's of experienced UI JavaScript developers in those communities!
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:
<html>
<head>
<title>
[Code]....
The prototype file can be acquired at Prototype website download
here is the page I'm working onhere is the jQuery in use
$(document).ready(function() { $('.error,.success').hide(); $("#send").click(function (){ $('.error,.success').hide("slow"); $.ajax({ url: 'add.php?lnk='+$.URLEncode($('[name=lnk]').val())+'&
[code]....
and in this code, it works, the call is made and text is added. in the other code I don't get a change at all. Not even in the database that add.php manipulates.
I am trying to make a gui for clients to edit a php page that displays html and javascript.
I want the user to be able to move html elements around and even edit it like add effects like fade in and out etc.
Then after all the changes I want to overwrite the existing php file that does this for that user. how can you make such changes and then save it to a file?
It's an html / javascript editor but using a gui instead of allowing them to directly touch the code. It would be a security risk if I allow such a thing. So I need to program a interface that would make such changes and save them to file.
Like how can you delete and add new javascript code to the file?
I am a novice, almost to an intermediate-level JavaScript guy, so much of this is new to me. I appreciate your patience reading this.
I have a routine that creates some HTML on the fly (updateFilters() function) and after the HTML is created, I attempt to access some fields (elements) on the form itself.
I works fine if I place an alert() statement after the HTML is created, but when I remove, the code errors out.
I have tried the setTimeout() statement, but I cannot grab the element --- undefined or null is returned. It seems that the form is the only element I can get a handle on --- everything else is undefined or null...
Here is the code:
function editQuery() {
var f;
var x;
var myForm = document.forms[0];
// Get the row filters that were used in the last query..
for (f = 1; f < 16; f++) {
var filter = eval("myForm.FilterList_" + f);
if (filter.selectedIndex > 0) {
var methodElement = element("FilterMethod_" + f);
var methodIndex = methodElement.selectedIndex;
var savedFilterMethodValue = methodElement.options[methodIndex].text;
var choicesElement = element("FilterChoices_" + f);
var choicesIndex = choicesElement.selectedIndex;
if (isNaN(choicesIndex)) {
var savedFitlerValues = choicesElement.value;
}
else {
var savedFitlerValues = choicesElement.options[choicesIndex].text;
}
updateFilters(filter); // update the filters
// take the saved methods and values and then update the selections
// Alert here makes the code work..
// alert("Try this");
// Wait for HTML..
setTimeout("completeEdit()", 1000);
function completeEdit() {
// Since the object was updated, get the object again..
var methodElement = element("FilterMethod_" + f);
for (x = 0; x < methodElement.options.length; x++) {
if (methodElement.options[x].text == savedFilterMethodValue) {
methodElement.options[x].selected = true;
break;
}
else {
methodElement.options[x].selected = false;
}
}
// Since the object was updated, get the object again..
var choicesElement = element("FilterChoices_" + f);
for (x = 0; x < choicesElement.options.length; x++) {
if (choicesElement.options[x].text == savedFitlerValues) {
choicesElement.options[x].selected = true;
break;
}
else {
choicesElement.options[x].selected = false;
}
}
// Only display next row if f = 2..
// If only one row was used, no reason display the next row..
if (f == 2) {
displayNextFilter(f - 1); // display it
}
}
clearTimeout(timeOut);
}
}
}
Do I have to pass the object (the form, the elements) to the completeEdit() function in the setTimeout() statement?
I am trying to hide this code:
HTML Code:
using this code
HTML Code:
This works fine when I place this code under the html in the main source, but if I try to add this Jquery code to an external js sheet it doesnt seem to work?
Currently my js sheet is called in the header, when I move this link to the footer of my page the code works again, so Im guessing this has something to do with where the jquery code is placed in relation to the code Im trying to hide?
How I can keep my js in the header but still make the content disappear on click?