I'm now looking for/at tab controls that support ajax calls. The few that
I've found are pretty static in that you can assign tab A to a specific
AJAX request but you have no ability to dynamically create/destroy tabs.
LivePipe Control.Tabs: http://livepipe.net/control/tabs + somewhere
Nobody answered... so I'll try to explain my point of view. In short words:
I don't need full JavaScript MVC framework.
I am working on Java web applications (J2EE or Spring based, running on
JBoss or Tomcat respectively). There are already MVC stacks on server side
(Struts + JSP, JSF + XHTML,
I'm actually planning on taking whatever is still available on scripteka
and rehosting it on github so that others can find it, see examples of it
working, post issues and comment on the scripts
Good idea! Do you have something to show already? Examples and issue
tracking sounds good.
Domo
http://domo-js.com/
From the J2EE developer's point of view it looks like return back to 2000s,
to Servlets and tons of HTML/CSS markup in code. IMHO all advanced Java
developers agree that moving HTML markup from Java code into separate JSP
files was great step forward.
--
You
What is domo? Share a link please.
--
You received this message because you are subscribed to the Google Groups
Prototype script.aculo.us group.
To view this discussion on the web visit
https://groups.google.com/d/msg/prototype-scriptaculous/-/_0QkXgH3wG4J.
To post to this group, send email
Is your code working in Chrome and other browsers? IMHO error is not in
Prototype - all tests and code for document.getElementsByClassName work in
Ripple emulator. Maybe you are invoking document.getElementsByClassName()
for wrong or non-existent object (not HTML element).
--
You received
1. How checkbox is related to clicks on radio buttons?
2. bindAsEventListener(this) isn't needed - bind(this) is enough.
3. Handler in Element#on retrieves clicked element as second argument,
no need to find it via var elm = e.findElement();
4. elm.getValue() for checkbox will
Try to format your code. It's an unreadable mess. Or, even better, try to
make working example on jsfiddle.net.
--
You received this message because you are subscribed to the Google Groups
Prototype script.aculo.us group.
To view this discussion on the web visit
Which platform/runtime you have selected in Ripple?
--
You received this message because you are subscribed to the Google Groups
Prototype script.aculo.us group.
To view this discussion on the web visit
https://groups.google.com/d/msg/prototype-scriptaculous/-/Ap1D4ILwyLAJ.
To post to this
document.body.getElementsByTagName exists in Ripple. Can you give more
details (stack trace, small code sample etc.)?
--
You received this message because you are subscribed to the Google Groups
Prototype script.aculo.us group.
To view this discussion on the web visit
Which version of Prototype you use? As far as I can see almost all unit
tests pass on this emulator. Maybe error is in your code.
--
You received this message because you are subscribed to the Google Groups
Prototype script.aculo.us group.
To view this discussion on the web visit
1. Fix all markup errors (check in W3C validator).
2. Place CSS links before any scripts.
3. Move all scripts from onload, onmouseout and other attributes into
script.
4. Move that script into separate file.
5. Do not use document.images, document.layers, document.forms. Use $()
instead of
Sizzle may need to escape special chars in CSS selector like this
'[ui\:draggable=true]' or '[ui\\:draggable=true]' - not sure about
count of backslashes, but I've already met similar error in Sizzle.
--
You received this message because you are subscribed to the Google Groups
Prototype
I am planning to add a new method to Form Element named 'getSubmitButton'
to easily access the submit button of a form. I am ready to provide the
patch and tests for it.
Will that be useful?
Which submit button? Form may have many submit buttons simultaneously,
either input type=submit
In global_utils.js progressbar stuff has wrong width
(progressBarWrapperInternalWidth===NaN), because of this IE cannot set
element.style.width to NaNpx.
--
You received this message because you are subscribed to the Google Groups
Prototype script.aculo.us group.
To view this discussion on
this._progressBar.getStyle() returns null for marginLeft and marginRight -
parseInt(null) === NaN - setStyle({width:NaNpx}) throws error.
--
You received this message because you are subscribed to the Google Groups
Prototype script.aculo.us group.
To view this discussion on the web visit
Something like
function getUrls(tweet) {
return tweet.mediaActivityJSON.entities.urls;
}
tweets.each(getUrls);
--
You received this message because you are subscribed to the Google Groups
Prototype script.aculo.us group.
To view this discussion on the web visit
Make please example at jsfiddle.net
--
You received this message because you are subscribed to the Google Groups
Prototype script.aculo.us group.
To view this discussion on the web visit
https://groups.google.com/d/msg/prototype-scriptaculous/-/_LRTb5-dxmoJ.
To post to this group, send email
Yes, this is a bug
1372https://prototype.lighthouseapp.com/projects/8886/tickets/1372-elementcloneposition-uses-border-box-widthborder-box-height.
Method will add border width and padding of original to the content size -
offsetWidth/offsetHeight return border-box dimensions, but CSS style
What is
var result = number(6);
Also why you use
eventFunc.bind(element)
that's nonsense - you can always retrieve element from your event.
Is memory growing constantly by 136Kb for each invocation of start()? In
other words, if you calling start() 100 times, will your browser use 62Mb?
Also
http://jsfiddle.net/TnBfr/ - tested in sIEve - somewhere stays reference to
SPAN.
http://jsfiddle.net/TnBfr/5/ - no leak in sIEve
--
You received this message because you are subscribed to the Google Groups
Prototype script.aculo.us group.
To view this discussion on the web visit
Ticket
1231https://prototype.lighthouseapp.com/projects/8886/tickets/1231-elementpositionedoffset-subtracts-margin-left-from-top-margin-top-from-left
is
about 1 year old and still not fixed... Sad but true.
--
You received this message because you are subscribed to the Google Groups
About eachSlice. If you think you can fix documentation - please make pull
request on github. Do you have more errors/mistakes?
--
You received this message because you are subscribed to the Google Groups
Prototype script.aculo.us group.
To view this discussion on the web visit
$(#table-id td:nth-child(2))
will select 2nd cells in all rows of table with id table-id
--
You received this message because you are subscribed to the Google Groups
Prototype script.aculo.us group.
To view this discussion on the web visit
Is response empty in network sniffer/web inspector? Or in javascript code?
The response is already empty in web inspector.
Very bad
You should check if it is actually written to HTTP response (maybe
response is already flushed).
If I return some HTML in addition to my base64 string
#puzzle {
line-height: 0;
}
should be enough
--
You received this message because you are subscribed to the Google Groups
Prototype script.aculo.us group.
To view this discussion on the web visit
https://groups.google.com/d/msg/prototype-scriptaculous/-/9pbqmUhJKtUJ.
To post to this
- there is #purge().
Look at
https://github.com/victor-homyakov/VisualEvent/blob/master/js/parsers/prototype1.7.js
-
this code enumerates attached event handlers.
--
You received this message because you are subscribed to the Google Groups
Prototype script.aculo.us group.
To view this discussion
I checked the response header and it's
Content-Type:
text/html; charset=UTF-8.
Unfortunately I couldn't check the response because it's empty.
Is response empty in network sniffer/web inspector? Or in javascript code?
Printing the return-part in my controller I got the correct
Yes these are loaded properly, here are the include order of these file
Can you verify this in your browser? Also, there may be syntax error in
some of javascript files. Try to comment them one by one until error
message (Uncaught Error: ExecJS::ProgramError: Unexpected token: operator
Would this construction:
e._prototypeStorage = e._prototypeStorage || {}
fall afoul of the issue that Jason pointed out? Would IE bork the
assignment because the key wasn't in hash form and quoted?
It will work fine. I've not found any specific property name which will
require quotes
I've had many instances where a javascript block would work in modern
standards compliant browsers yet fail silently in IE until I put quotes in,
single or double.
Please, show any example of such code.
--
You received this message because you are subscribed to the Google Groups
1. /assets/preload.js:1 http://yoopedia.dev/assets/preload.js
1. Uncaught ReferenceError: Form is not defined
yoo:361http://yoopedia.dev/mainpage/yoo#_=_
1. Uncaught ReferenceError: Form is not defined
yoo:549http://yoopedia.dev/mainpage/yoo#_=_
1. Uncaught
It may fail because this code may overwrite element's properties (and in
some browsers like IE and Opera some attributes, mapped as element
properties). E.g. $(someInput).store(name, foo).store(type, bar);
Better will be some separate container to store values inside, but this
leads to
Internet explorer doesn't like object definitions without quotes around
the names
Hmm... example from Prototype 1.7 sources:
Object.extend(methods, {
getStorage: getStorage,
store: store,
retrieve: retrieve
});
Quotes are required for properties matching reserved
Form.YooEventObserver = Class.create({Abstract.EventObserver, {
minQueryLength: 3,
getValue: function() {
// return YAHOO.util.Connect.setForm(this.element);
//return Form.serialize(this.element);
},
// ... other methods
});
--
You received this message because you are
Hello!
I need some more ideas how to enumerate all classes - find at runtime (in
browser) all classes created with Class.create(). My initial approach:
function enumerateClasses() {
for (var p in window) {
var c = window[p];
if (Object.isFunction(c)
// select all div.item element within the current div.product-grid
element
var columns = r.select('div.item');
// make each div.item element as high as the current div.product-grid
element
columns.invoke('setStyle', {height: rowHeight + 'px'});
Theoretically it is needed when you want to explore hierarchy of classes,
practically it was used only once in jPlex http://code.google.com/p/jplex/
--
You received this message because you are subscribed to the Google Groups
Prototype script.aculo.us group.
To view this discussion on the web
Here is the page being called . . .
script type=text/javascript
sayHi = function(){
alert ('Hi');
};
/script
input type=button value=Click Me onclick=sayHi()/
My problem is that if I replace *alert* with *document.write* then the
page gets replaced with a new page. I thought the
First fix missing *.js and *.gif files and incorrect markup.
--
You received this message because you are subscribed to the Google Groups
Prototype script.aculo.us group.
To view this discussion on the web visit
https://groups.google.com/d/msg/prototype-scriptaculous/-/A4of2UOIkWIJ.
To post
Hello!
You can do it in many ways:
1. Create an empty placeholder for hidden input (div at the bottom of your
form). You can then easily replace content of this div and don't care about
multiple inputs:
addElement: function () {
$(totalsContainer).update('input type=hidden id=finaltons
When using v1.6.0.2 and serializing a form with a multiple select list,
I would get its value like myselect[]=foomyselect[]=bar.
In v1.7.0.0 it's posting the value like myselect[]=foo,bar. This does
not work properly on the backend (Rails).
Is this expected behavior?
Yes, Prototype 1.7
That is not conveniently tied to any event handler, so what is the
convenient means of disconnecting it, as in __eventHandler.stop(); ?
Sorry, I've not completely understood this phrase. I'll repeat myself:
// start observer - bindAsEventListener isn't needed
this.__z__handleSubmit =
Is this correct?
this.__z__handleSubmit = this.form.on('submit', this.__handleSubmit.
bindAsEventListener(this));
Is the bindAsEventListener necessary? I want to get back the Event
Handler so I can later destroy it with:
this.__z__handleSubmit.stop();
this.__handleSubmit.bind(this)
In short words, B element after dragging becomes z-index: 0 instead of
original z-index: auto and establishes new local stacking context. The
logic in startDrag()/finishDrag() methods should be fixed to properly
restore initial z-index for z-index: auto (now it defaults to 0).
--
You received
How can it be fixed?
in startDrag() (dragdrop.js):
if (this.options.zindex) {
// FIXED z-index: auto - z-index: 0
// was this.originalZ = parseInt(Element.getStyle(this.element,
'z-index') || 0, 10);
this.originalZ = Element.getStyle(this.element, 'z-index');
Maybe try Object.toJSON() and then String#evalJSON()? You'll be
transferring to main context single string.
--
You received this message because you are subscribed to the Google Groups
Prototype script.aculo.us group.
To view this discussion on the web visit
It is very doubtful to me that someone was able to write OOP code
(e.g. return this.sub_total() + this.tax()), CSS selectors, properly use
inject() in calculations but wasn't able to replace character in string
literals.
--
You received this message because you are subscribed to the Google
Try to use unicode \u00a3 instead of single character £
--
You received this message because you are subscribed to the Google Groups
Prototype script.aculo.us group.
To view this discussion on the web visit
https://groups.google.com/d/msg/prototype-scriptaculous/-/-RT66iGyuVEJ.
To post to
Hi!
Do you use any source formatting tools? Formatted source will be easier to
develop/support.
--
You received this message because you are subscribed to the Google Groups
Prototype script.aculo.us group.
To view this discussion on the web visit
I created a few widgets for the prototype and script.aculo.us.
See here https://github.com/fntzr/astra_z
In your Get started instruction script goes before link - some people
probably will literally copy this sample. Would be more correct to show
that styles should be included before
Where is the second argument in multiplier()? I'll try to explain in
example:
function multiplier(obj, times) {
times = isNaN(times) ? 2 : times;
if (typeof obj.value != 'undefined') {
return obj.value * times;
} else {
alert(obj + ': does not have a value property!');
}
}
IMHO this happens because you make connections between objects of different
windows (opener and popup): arrXXX in popup window points to objects from
opener, opener element attributes point to strings/functions belonging to
particular popup window (which is really closed). Array in opener
It seems to be an issue on their server (BaseHTTP/0.3 Python/2.7.1+
according to FireBug). I'll file a bug and see what happens.
XHR without setRequestHeader sends usual 'GET' request:
Request URL: http://zip.elevenbasetwo.com/?zip=a
Request Method: GET
Status Code: 404 Not Found
*Request
Is qunit not working when Prototype is on page? AFAIK it isn't depending on
any framework http://docs.jquery.com/Qunit To use QUnit, you have to
include its qunit.js http://code.jquery.com/qunit/qunit-git.js and
qunit.css http://code.jquery.com/qunit/qunit-git.css files and provide a
basic
Same browser (Safari.latest) on the same computer, the Prototype method
gives me a security failure (Origin [my host] is not allowed by
Access-Control-Allow-Origin.) while the long-hand XHR (inside a Prototype
observer) just works without any comment:
Two differences I can notice:
1.
Is header 'Access-Control-Allow-Origin' present in responses for both
examples?
--
You received this message because you are subscribed to the Google Groups
Prototype script.aculo.us group.
To view this discussion on the web visit
This turned out to be a page loading/timing issue. The original poster
resolved it by switching from document.observe('dom:loaded… to
Event.observe(window,'load'…
Does dom:loaded
not trigger correctly on the iPhone or something?
It sounds possible. Prototype now has 4 ways to detect
Is the response header `Content-Type` always properly set? (e.g.
Content-Type: text/html;charset=UTF-8)
--
You received this message because you are subscribed to the Google Groups
Prototype script.aculo.us group.
To view this discussion on the web visit
When a user loads my page for the first time on an iPhone, the two
portions of the page generated by an Ajax.Updater call are garbled -
they look as if a binary file were injected into the page or the
character map was scrambled. If the user then reloads the page, or
uses the page's
I am having a problem with a plug in I am using. ContentFlow.
It works fine in all browsers except IE8 and 7,
Are you talking about jQuery plugin ContentFlow? Then try to use
jQuery.noconflict() http://api.jquery.com/jQuery.noConflict/
--
You received this message because you are
This is on the prototype.js file (version 1.5.0)
all other browsers are fine
Do you have tried to update to newest Prototype and Scriptaculous versions?
Also you maybe forgot to use $() on element before invoking methods from
Prototype and Scripty - this is common problem in IE.
--
You
I want to delete the a href=http://www.google.com; and the / a
If I understood, you need to read about string operations and regular
expressions in JavaScript, e.g. from
https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String/replace
--
You received this message
new Effect.SlideDown(expandEle, {duration: 3});
, But to no avail
What exactly is not working? You can make example at jsbin.com - we can
find some solution faster.
--
You received this message because you are subscribed to the Google Groups
Prototype script.aculo.us group.
To view
Thanks for the tip Victor. I do try to decode with IE, and I am using
IETester, but my primary box is IE9, so it is a bit tricky. I suppose if I
didn't have all your help I'd be forced to undust and old machine!
I use Vista + IE8 + latest IE9 platform preview + IETester (with IE6...IE8
Is this supported across all the browsers? I'm still hoping to get some
input on the setValue method and the encoding that takes place behind the
sheets. I'd like to use this method and don't understand the behavior.
setValue() for hidden input just assigns
element.value = value;
You shouldn't pass non-functions to Element.addMethods(SELECT, {}). You
have fields like __ddObject in your _selectOptions - they are causing error
while IE tries to methodize() them.
--
You received this message because you are subscribed to the Google Groups
Prototype script.aculo.us
NOTE: doesn't work in IE9, but seems to work in IE7, and IE8.
This example doesn't work in FF 10 also.
--
You received this message because you are subscribed to the Google Groups
Prototype script.aculo.us group.
To view this discussion on the web visit
Whoops, I was wrong :)
The problem is in _selectOptions.size() - there is already property named
`size` in HTMLSelectElement (at least both in IE and FF) and in cannot be
overwritten properly.
--
You received this message because you are subscribed to the Google Groups
Prototype
Using Prototype 1.7, Scriptaculous 1.9, Ajaxtags 1.5.7-SNAPSHOT - all
autocompleters are working fine in any imaginable browser, including
Firefox 3.6 - 10.0.
--
You received this message because you are subscribed to the Google Groups
Prototype script.aculo.us group.
To view this discussion
Hello!
I just thought there would be a common pattern to this problem as i
almost can't believe that we're the first ones that need to 'pause'
event handlers without removing them.
Yes, this is a common problem without easy solution. As T.J. Crowder said,
better try to find another
1. You cannot use the name `Error` - there is already global object named
Errorhttps://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Error.
Try with another name.
2. You can shorten your code a bit:
var User = Class.create({
// methods
});
--
You received this message because
1. Element identifiers should be unique, in other words, if any form or
field has identifier - it should not repeat in other forms.
2. When submitting form via script, it has option for the name of desired
submit button, e.g. for form with two submit buttons:
form id=formId2
input type=submit
What is
var Errror;
Error = {
};
(note the difference between *Errror* and *Error*)
--
You received this message because you are subscribed to the Google Groups
Prototype script.aculo.us group.
To view this discussion on the web visit
On browsers other than FF, clicking on the scroll bar would cause a
loss of focus, which would hide the results window.
I've fixed this too ;)
--
You received this message because you are subscribed to the Google Groups
Prototype script.aculo.us group.
To view this discussion on the web
Hello!
One of the big issues I rand into was the way different browsers
handle scrolling the results window, and how the window controls is
treated as a loss of focus in some browsers.
Do you can describe this with more words? I cannot remember such problem,
at least as the big issue.
I
automagically
:)
--
You received this message because you are subscribed to the Google Groups
Prototype script.aculo.us group.
To view this discussion on the web visit
https://groups.google.com/d/msg/prototype-scriptaculous/-/je-nzPkGXDEJ.
To post to this group, send email to
Hello!
...everyone who was using autocompleter in production has a couple of
patches :(
let's start to share?
--
You received this message because you are subscribed to the Google Groups
Prototype script.aculo.us group.
To view this discussion on the web visit
this.constructor
--
You received this message because you are subscribed to the Google Groups
Prototype script.aculo.us group.
To view this discussion on the web visit
https://groups.google.com/d/msg/prototype-scriptaculous/-/PyRvfGebg24J.
To post to this group, send email to
As part of scriptaculous' unit test:
testAnonSubclass: function() {
var C1 = Class.create({
method1: function() {
return C1;
}
}), C2 = Class.create(C1, {
method2: function() {
return C2;
},
Don't worry - use Function#bind():
Event.on($(id), click, function (event, element) {
// this === element === $(id)
});
var object = {};
Event.on($(id), click, function (event, element) {
// this === object
// element === $(id)
}.bind(object));
--
You received this message because you
1. Declaration with value assignment
2. Declare loop variables and cache length inside of for() - this can
increase performance http://jsperf.com/caching-array-length/67 - caching
length outside of for() is slower in almost all results (all Firefox and
Safari, IE9 and some Chrome results)
3.
Take a look at RightJS http://rightjs.org/ - it is very close to
Prototype+Scripty, and (still) has very operative support at Google
groupshttps://groups.google.com/forum/?hl=rupli=1#%21forum/rightjs
--
You received this message because you are subscribed to the Google Groups
Prototype
Also CoffeeScript sometimes generates very ugly code. Example:
CoffeeScript:
SelectParser.select_to_array = (select) -
parser = new SelectParser()
parser.add_node( child ) for child in select.childNodes
parser.parsed
Generated JavaScript:
SelectParser.select_to_array = function(select) {
Is Scripty2 still developed? Or it is as alive (half-dead, actually) as
Prototype? I've posted tickets on both projects in Lighthouseapp but no
response...
--
You received this message because you are subscribed to the Google Groups
Prototype script.aculo.us group.
To view this discussion on
Cool
--
You received this message because you are subscribed to the Google Groups
Prototype script.aculo.us group.
To view this discussion on the web visit
https://groups.google.com/d/msg/prototype-scriptaculous/-/mOo4ab0uQ-UJ.
To post to this group, send email to
So you plan to receive JSON from server, then convert it to HTML and insert
into page? HTML fragments are much easier in writing/validating/processing.
--
You received this message because you are subscribed to the Google Groups
Prototype script.aculo.us group.
To view this discussion on the
[offtop]
Jessica, do you know about much shorter synonym of
document.getElementById()?
[/offtop]
--
You received this message because you are subscribed to the Google Groups
Prototype script.aculo.us group.
To view this discussion on the web visit
Here is the code (borrowed from some project) I'm using for bubbling focus
and blur events:
/**
* Bubbling focus:in and focus:out events.
* Usage:
* document.on(focus:in, selector, focusHandler); // on focus
* document.on(focus:out, selector, blurHandler); // on blur
*/
(function() {
you suggest adding one special class or attribute to all clickable
elements, so that in my observer I can check for that class/attribute in
the very first line minimizing the amount of if statements
yes
PLUS you suggest to delegate the triggered event to the [clicked] element
to
You are trying to invoke methods on not extended element in IE8, right?
E.g. instead of $(element).fire(some:thing) you are using
element.fire(some:thing).
--
You received this message because you are subscribed to the Google Groups
Prototype script.aculo.us group.
To view this discussion on
I think there is some problem in your code, because code similar to your
description exists e.g. in Scriptaculous:
Effect.Base = Class.create({
position: null,
start: function(options) {
...
},
...
});
Effect.Parallel = Class.create(Effect.Base, {
initialize: function(effects) {
Problem is somehow related to XHTML and IE9.
If you occasionally serve document as xhtml+xml, document should pass
validation to work in browser. I've noticed form name=... in your
example, but *name* attribute is obsolete for *form* tag in XHTML1.0, or
maybe you have *nbsp;* somewhere in your
I used the form name attribute as a way of knowing which AJAX module to
call on behalf of that form. That allows my dofill() to serve many forms.
This can be made via CSS classes, not name attributes.
I've seen very few pages of any type that validates 100%
1-2 errors/warnings does not
I've seen on github that event system is reworked, but this is still work
in progress. You can download bleeding-edge version and test for yourself.
--
You received this message because you are subscribed to the Google Groups
Prototype script.aculo.us group.
To view this discussion on the web
Jon Dow == John Doe? ;)
--
You received this message because you are subscribed to the Google Groups
Prototype script.aculo.us group.
To view this discussion on the web visit
https://groups.google.com/d/msg/prototype-scriptaculous/-/2jp7KMInIvAJ.
To post to this group, send email to
You can use some dispatching mechanism, e.g.:
1. HTML: all your clickable elements have special class or attribute like
a class=widget chooserchooser/a
or
a data-widget-type=chooserchooser/a
2. JS: your single observer finds somehow your desired element and
dispatches event accordingly to the
After jQuery.noConflict() all the functionality of jQuery is still
accessible - just replace $ with jQuery everywhere you need to use
jQuery. Look at documentation http://api.jquery.com/jQuery.noConflict/.
--
You received this message because you are subscribed to the Google Groups
Prototype
For me it is just Prototype (without dot-j-s)
--
You received this message because you are subscribed to the Google Groups
Prototype script.aculo.us group.
To view this discussion on the web visit
https://groups.google.com/d/msg/prototype-scriptaculous/-/mhngjWsE3-sJ.
To post to this group,
GET requests are
idempotenthttp://www.w3.org/Protocols/rfc2616/rfc2616-sec9.html:
the side-effects of N 0 identical requests is the same as for a single
request, so from the browser and proxy point of view repeating GET requests
should return the same result, and they can instantly use cached
1 - 100 of 129 matches
Mail list logo