Ajax :: Best JS Framework - Mootool - Prototype - Script.aculo
Apr 12, 2009Which is the best JS/Ajax framework according to you ?
JQuery
Prototype
Mootool
Script.aculo
(Did I miss anything ?)
Which is the best JS/Ajax framework according to you ?
JQuery
Prototype
Mootool
Script.aculo
(Did I miss anything ?)
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 Relatedwhat 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.
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 Relatedhow 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
How do you use the endDrag function? I have a CMS that allows you to reorder content blocks. Withing those content blocks is and edit and delete button. When clicked they load some ajax. However, because you've still clicked on the draggable content block, the div is floating waiting for you to drop it. I want it to drop it as soon as you click either of those buttons.
I found this function but don't know how to use it properly.
endDrag: function(event) {
if(!this.activeDraggable) return;
this._lastPointer = null;
this.activeDraggable.endDrag(event);
},
I tired this... item_3 is the id of the draggable div.
Draggables.endDrag('item_3');
Having problems sliding a table row using scriptaculous. Using the code newEffect.SlideUp('test1');, the table row gets hidden but without the animation effects.While trying to research this, I saw a post in stackoverflow and someone said it's really hard to create animated effect for table rows. There's a solution there but it's for jQuery.Another solution is probably to use <div id="test1"> inside the <tr> instead but that creates XHTML error.Code for table table row:
<tr id="test1"><td>Hello World!</td></tr>
I'm using Prototype's AJAX to get the "alert" the response of a simple PHP script (a script that echoes a single line), but it doesn't seem to work. Here's the code:
function init()
{
var url = "http://localhost/script.php";
var myAjax = new Ajax.Request(
url,
{
onSuccess: showResponse
});
}
function showResponse(response)
{
alert(response.responseText);
}
window.onload = init;
The code has no errors, but still doesn't show the response even if i add an onFailure event handler. What could be wrong?
I have two radio box ()Premium Listing, () Free Listing now I want to disable all those input field (text box) having class="paidfield" when I click on ()Free Listing and enable when I click on () Premium List.I need this in Mootool because my application is using Mootool only.
View 1 Replies View RelatedThe following code works great in FireFox, Opera, Netscape, Safari, and
Gecko, but NOT IE. Why?
I tried using 'native' js with setInterval and setTimeout, but I get
the same result. My IE security settings are not an issue. Code:
i am trying to make the contents of one drop-down box dependent on the
contents of another using AJAX (prototype.js) and PHP
I have it working so that a new dropdown appears when i select a value
in the first dropdown:
<?php echo $html->selectTag('Review/cruiseline', $cruise_lines, null,
array('onchange'=>'new Ajax.Updater('test', 'ships?variable=12',
{ method: 'get' }, {asynchronous:true, evalScripts:true});'), null,
true, false);?>
In my php script (which is located at URL 'ships'), I am just getting
the value of 'variable' from the $_GET super global but I obviously
want that value to be dynamic and equal to the value selected in the
dropdown.
So the missing piece is passing the selected dropdown value from
HTML / Javascript to PHP. Anyone know how to do that?
I've been working on some prototype and scriptaculous stuff for a domain management DB at work. I have all the areas working I that I need them too, and I have the InPlaceEditor working.. but all I need to do is get the 'saving' to the DB to work.
My dilema is on the form, there are 7 form fields. I have it set to that when the user clicks out of the text box, I want it to update the DB right then and there. So for each updatable item, I have:
PHP Code:
I set the options for the Cancel and Save button to be false and for it to update OnBlur. So the problem I run into is, I know how to update the DB with a full SQL statement, but to update them 1 at a time using this new AJAX features, I am running into some difficulties understanding the syntax for it.
I found this link at ONLamp.com and I think it's what I want to do, but not 100% positive.
Is it possible for someone to give me step by step instructions on how to make mootool and jquery working together? i use joomla 1.5.15.
View 4 Replies View RelatedCurrently prototype does not support cross site ajax, such as dojo or jquery.
This is unfortunate, cause I am really used to prototype and would like to use this functionality.
What would be the best way for me to implement cross site ajax for prototype.
Note that I will still need the normal ajax functions as well, so a nice extend or something would be good.
My code for submitting currently submits to my database properly and I get a really simple xml response either <success type=Ɔ'/> (fail) or type=1 (success)
My question is this, given that I receieve xml back why does my code run all 3 onXXX methods? I can understand it running onComplete but not both onFailure and onSuccess. What events/factors determines whether these triggers are run? Code:
I'm using the prototpye libary (the version is 1.4.0) and i can't seem to get my ajax updater to work. Could anyone help please?
HTML Code:
function content(page){
new Ajax.Updater("contentDiv", "content.php", {
parameters : "page="+page,
onFailure : window.document.href = "http://kieranpeat.co.uk/gg/?page="+page
});
};
HTML Code:
<a href="?page=pictures" onclick="content('pictures');return false;" title="Goto the my pictures section">My Pictures</a><br />
Is it possible to send an AJAX XMLHttpRequest using prototype.js API
for a multipart/form-data ?
I already done parsing form parameters and sending GET/POST request,
but does this work with <input type="file"> ?
Who handle file submit and encoding ?
I want an identical effect that has three buttons -- print, email, text that does the same thing on the site.I can handle the server-side code (PHP), but I want to know how I can get that exact effect? My JavaScript is a bit above beginners, and I see they are using Prototype with some other effects.Now, on Firefox, I had saved the webpages but when I tried click on either of the 3 buttons, the JavaScript effect did not work. Can anyone show me how to implement something similar on my site?
View 2 Replies View RelatedWhat I have going on is an input box where they type in an account name. And the autocompleter works perfectly if they choose an item in the list.However, I want them to have the option of entering an account that is not in the list. And when they do this, the onblur event triggers the opening of the New Account box where they can fill out the new account information and submit the form back.Once again when a selection is made it works just fine, it's when the user creates a new account that it doesn't trigger the "getAccountInfo" function.
View 1 Replies View RelatedI want to use prototype js to have it submitted without refreshing the page.
View 4 Replies View RelatedSimple ajax call seems to have some issues in Firefox. The "onComplete:" is
called BEFORE the response is returned by the call. Is there a coding issue
or a work around?
var ajax = new Ajax.Request( url, {method: 'post', parameters: params,
onComplete: evalInfo });
function evalInfo( request )
{
// do stuff with request
}
Should I have a timer that checks the request state before exec the
evalInfo?
I spent the best part of yesterday trying to get my form to be sent to the server however for the life of me I cannot figure out the problem. I haven't used prototype before but here is my code that I think should work perfectly fine,The php script works perfectly, i've entered test data into it and it makes a connection to the third party server using curl and then requests information that I get back i.e. the routing id comes back. But I cannot test the data using the form as the request isn't working for some reason.
View 3 Replies View RelatedAccording to ECMAScript, the root of the prototype chain is Object.Prototype. Each object has an internal property [[Prototype]] that could be another object or NULL.... However, it also says that every function has the Function prototype object: Function.Prototype, it confused me, because a function is an object, for a function object, what is its function prototype and object prototype..For example:
var x = function (n) {return n+1;};
what is the relationships of x, Object.Prototype and Function.Prototype
I am trying to get to the bottom of javascript object, prototypes etc. I have a fairly good grasp of it, but I get confused the closer I get to the base object.prototype. FIrst of all, I was under the impression that all objects descend directly from Object. But some objects (like Array) seem to inherit properties and methods from the function.prototype. So does this mean that the chain is like this:
object -- function -- array Second, I noticed (on the mozilla javascript reference site that object.prototype inherits properties and methods from function.prototype and vice versa!? How can this be? I must be missing something important about understanding the chain?
I have two js scripts running on my project at the moment, one is uses mootools and the other uses jquery-1.2.3min, both work but not if they are on the same page.The mootool adds the pop out effect to a form box and the jquery enables the nav switch for 2 boxes that contain different form fields for a search engine. Now I've been reading up on the two and have decided to favour jquery which means I have to reproduce the same effect in mootool but with my limited knowledge it's proven rather hard.The mootool code:
var isExtended = 0;
var height = 165;
var width = 240;
[code]....
I was trying some Prototype experiments and got Event.observe to work with
"click" and "change" events.
I wanted to do something similar with "key pressing". For example, detect
when somebody pressed the RETURN and/or ENTER key inside a particular text
field.
I couldn't find any docs on this. Does anybody have an example snippet?