Prototype & script.aculo.us Google Group

Re: [Proto-Scripty] finding all tr's within a div

2013-05-17T17:56:44Z

Walter, thanks for that... I knew I was approaching it the wrong way... I
never think about tbody cause it didn't exist when I learned html... it's
never bcome a part of my habit (along with several other things) LOL

Re: [Proto-Scripty] finding all tr's within a div

2013-05-17T16:43:36Z

You can't nest a div inside a table like this. JavaScript (not just Prototype) has no tolerance for malformed HTML. Browsers handle it perfectly (for certain definitions of perfectly) but scripts rely on you getting the HTML right before you start horsing around with the DOM.

The simplest way to do what you're describing here is to make your HTML valid, and add a new set of valid tags that you're not currently using: thead and tbody.

finding all tr's within a div

2013-05-17T16:19:18Z

I'm expanding the table row highlighting ya'll helped me with before. Now
I have two tables on a page and each table has rows that I want to
highlight on mouseover.

Can't give the tables the same id so what I was doing was creating a div
with a class:

Re: IE7

2013-05-12T20:41:12Z

все нашел решение ...таблица в ИЕ должна содержать tbody в обязательном
порядке.
var cont=$('div');
var t=new Element('table',{'width':'200p x'});
var tb=new Element('tbody')
var tr=new Element('tr');
var td=new Element('td').update('hello');

Re: IE7

2013-05-12T17:13:51Z

так в других браузерах работает...в том числе IE8...........IE7 не работает
...не пойму чему...
Jason те ошибки ,что Вы указали проблему не решают

Re: [Proto-Scripty] IE7

2013-05-12T16:46:32Z

I'm sorry if this is not exactly what you asked but I'm going to try and
point out a few problems and see if that answers your question.

Firstly you cannot declare a src attribute and put javascript in the same
<script> tag

You do not need to re-extend the variable "t" after you have created a new

IE7

2013-05-11T17:36:09Z

Почему не работает такой код IE7

<div id='div'></div>
<script src="javascript/ie7.js">
var cont=$('div');
var t=new Element('table',{'width':'200p x'});Element.extend(t);
cont.insert(t);
var tr=new Element('tr');Element.extend(t );
var td=new Element('td').update('hello'); Element.extend(t);

Re: [Proto-Scripty] Re: Draggables inside div with overflow:scroll

2013-05-08T12:12:52Z

Neither the original example or Jasons worked in IE9 with or without
compatibility view

Re: Draggables inside div with overflow:scroll

2013-05-08T00:48:40Z

Thank you both! I will give it a try. The example in jsfiddle is basic. I
have more functionality in my actual script and will look how the solution
interferes with other parameters. But the Jason's example in jsfiddle looks
very promising ;)
Am Dienstag, 7. Mai 2013 13:30:01 UTC+2 schrieb ayso...@gmail.com:

Re: [Proto-Scripty] Draggables inside div with overflow:scroll

2013-05-07T17:17:54Z

I have fixed this in the past by making the overflow property on a parent element (letting the draggable element itself be scrolled in its entirety within that parent).

Walter

Re: [Proto-Scripty] Draggables inside div with overflow:scroll

2013-05-07T15:36:09Z

I actually had the exact same problem with the Draggables and Droppables

If you add {ghosting:true} to the options then Draggables will create a
copy of the DIV and attach it to the body element, (outside the containing
scrolling div) - but the downside is when you drop it you have to recreate

Draggables inside div with overflow:scroll

2013-05-07T11:30:01Z

I have created two divs. One is for draggable objects. Another for the area
where they should be dropped.
The both divs should have the same height and if there are large number of
draggables to have scrollbar.
When I add *overflow: scroll* to the div with draggable objects, then
drag-and-drop functionality is screwed up.

Re: [Proto-Scripty] Has anyone run into a problem with using Imagemapster?

2013-05-06T03:04:22Z

Hi Erik

Imagemapster is a jQuery plugin and depends on jQuery to work - jQuery and
Prototype can work together if you do it in the right order

first load jQuery then immediately run jQuery.noConflict() then load
Prototype. jQuery uses the $() method by default - same as Prototype so the
noconflict() method releases the $() method for Prototype.

Has anyone run into a problem with using Imagemapster?

2013-05-05T22:37:01Z

Hi!
Very happy to have found Prototype this morning. It's really made my day a
lot better :) Except that I noticed that once I included it, my other
plugin Imagemapster [link] stopped
working. I've email James to see if he knew of a solution. I thought maybe
someone here might have had or seen a similar problem.

Re: [Proto-Scripty] Newbie using Ajax.Request to perl script - script works but continues to return 500 status

2013-04-30T22:57:20Z

I'm not familiar with Catalyst, but is it setting a 200 header or similar with your return? You may want to emit a couple of spaces or similar, just to force the issue.

Walter

Newbie using Ajax.Request to perl script - script works but continues to return 500 status

2013-04-30T22:02:26Z

Hello to all,
This is my code and the call does complete and the back end perl script
updates the database but I continue to get a onFailure - not sure how to
troubleshoot this. I have changed method to post and it works for a bit
then begins to fail again. At present it is failing with 500 every time

Re: [Proto-Scripty] Prototype in no conflict mode

2013-04-29T16:39:18Z

I was going to suggest that as an option, but I didn't know if you shared my disdain for I frames or not.

Walter

Re: [Proto-Scripty] Prototype in no conflict mode

2013-04-29T16:34:16Z

What if I ran my stuff in a frame - would jquery still conflict if it's
loaded in the topmost frame?

Re: [Proto-Scripty] Prototype in no conflict mode

2013-04-29T16:28:02Z

Before you do that, try this. Download a copy of the prototype source cod locally, and use find-and-replace to substitute another character, like the underscore, for $. Do the same in a fork of your code. See if that does anything useful. It may.

Walter

Re: [Proto-Scripty] Prototype in no conflict mode

2013-04-29T16:22:02Z

I can't modify the HTML - I fear my only solution is port all my code to
jQuery

Re: [Proto-Scripty] Prototype in no conflict mode

2013-04-29T16:05:06Z

Not as far as I know. The issue as I understand it is that Prototype extends the (lower-case) prototype of a number of JS primitives, and these extensions are an issue for jquery, over and above the simple name collision between $ in both libraries. Can you modify the HTML? You may be able to inject the jquery noConflict() function call in between the link to jquery and the subsequent links to various scripts and plugins that rely on it. That still won't fix things if those scripts are written in a style that doesn't expect to be in the presence of noConflict, though.

Prototype in no conflict mode

2013-04-29T15:54:26Z

I need to move my code (Prototype 1.7.1) into someone else's much larger
project using jQuery v1.5.1.

Can I load Prototype in no-conflict mode ? I can't change any of the jQuery
stuff.

Thanks

-alastair

Re: [Proto-Scripty] multipart/form-data upload via ajax

2013-04-26T12:09:42Z

Try this solution:

[link] ----> Ajax file upload
[link]

Re: "Unterminated string constant" whens tring contains a trailing dot

2013-04-26T07:15:17Z

First of all, thank you for the response Walter!
I tested a bit around with the W3C validator and i have noticed that my
plugin page throws almost the same warnings / errors as any other (default)
plugin page (or rather the entity selection site). So i have included
prototye into one of the default plugins, and that resulted in the same

Re: [Proto-Scripty] "Unterminated string constant" whens tring contains a trailing dot

2013-04-25T13:05:11Z

Try this: get into the browser where you see the problem on a live server, and view source (actual source, not the DOM). Copy that entire source view. Paste it into the validator at [link] and see if there are any errors. Remember, browsers are endlessly forgiving by design. JavaScript is easily confused. Sometimes the entire problem can be fixed by making the HTML valid.

Re: [Proto-Scripty] "Unterminated string constant" whens tring contains a trailing dot

2013-04-20T14:10:27Z

Just read this part. Please try to make a cut-down example in a static page that duplicates the error. Often this exercise will either bring dependencies/alternate causes to light, or it will force you to think through the problem in a new way.

Walter

Re: [Proto-Scripty] "Unterminated string constant" whens tring contains a trailing dot

2013-04-20T13:54:39Z

Could you please show some code around this error, or a live example? It's hard to imagine what the issue might be without something to trace through.

Walter

"Unterminated string constant" whens tring contains a trailing dot

2013-04-20T10:19:17Z

Hi all,
when i'm including prototype into a JSP, IE throws the error "Unterminated
string constant" when i open a popup window which contains strings with a
trailing dot.
Basically, it's a list of usernames in the format
user1.data
user2.data
As soon as this list contains a value like
users2.data.system*.*

Re: Prototype.Selector is undefined

2013-04-08T12:37:12Z

I found the error at last!
Turns out, that deep within the included codefiles, Prototype.js was
included a second time.
Once I removed that second inclusion, all was well :-)

Re: [Proto-Scripty] Prototype.Selector is undefined

2013-04-08T12:36:18Z

What version of Prototype are you using? Can you post a link or a cut-down example that duplicates this message? Is this coming from within Prototype, or from a script that depends on it?

Walter

Prototype.Selector is undefined

2013-04-08T12:22:34Z

Hi guys
I am getting this error on a project I've inherited from a colleague now on
maternity leave.
"Prototype.Selector is undefined"
I have absolutely no clue as to what is causing this and how I go about
debugging it - anyone have any helpful hints or tips?
Thanks a bunch

Re: [Proto-Scripty] determine if any of checkbox[] is checked

2013-04-02T00:11:20Z

Ha! I knew there had to be a shorter way to do this!

Thanks!

Re: [Proto-Scripty] determine if any of checkbox[] is checked

2013-04-01T19:53:06Z

Prototype has a method for what you are trying called any()

[link]

you create an iterator function and pass it to any

var elmName = "input:checkbox[name='" +element.name +"']";
var bChecked = false; // not validated
var anychecked = $$(elmName).any(function(n) {

Re: [Proto-Scripty] determine if any of checkbox[] is checked

2013-04-01T17:49:43Z

// this works with names that contain spaces and arrays[]...

Validation.add('validate-one-a rray', 'Error message text', function(value,
element) {
var elmName = "input:checkbox[name='" +element.name +"']";
var bChecked = false; // not validated
$$(elmName).each(function(elm) {
if( $(elm).checked )

Re: [Proto-Scripty] determine if any of checkbox[] is checked

2013-04-01T17:15:24Z

typically when I build forms like that I have a database that is giving me
all the data so I only have to update the loop once for all the checkboxes

but yes you can use the $$() Selector method to use the names - I think you
have to do it this way though

$$("input[name='kitcat[]']:che cked") //but I'm not sure how Sizzle will

Re: [Proto-Scripty] determine if any of checkbox[] is checked

2013-03-31T18:46:01Z

Hey Jason... I guess the rest of the group are all slugs! How dare they
take Easer off! LOL

I had kinda come to the same conclusion... what I implemented was:
if($$('input:checked').length > 0)
return true;
This kind of works because the ONLY input on this page are checkboxes
(think of a wizard) but I was really looking to pass names (kitcat[]) in so

Re: [Proto-Scripty] determine if any of checkbox[] is checked

2013-03-31T16:50:19Z

try
$$("...")
because $() equal document.getElementById

Re: [Proto-Scripty] determine if any of checkbox[] is checked

2013-03-31T15:54:57Z

Try adding a separate class to all of your checkboxes that are in the group
and then do this

if( $$('.groupchecks:checked').len gth == 0 )
{
//no checked checkboxes

{

Jason Westbrook | T: 313-799-3770 | jwestbr...@gmail.com

determine if any of checkbox[] is checked

2013-03-31T15:30:57Z

Happy Easter!

I have an array of checkboxes on a form (about 15 of them) arranged in rows
like this:
<tr><td><input type='checkbox' name='kitcat[]'
...></td><td>name</td><td>desc ription</td></tr>

What I have been trying to use is this:
$("input:checkbox[name=kitcat] :checked").each(function() {

Re: [Proto-Scripty] Form Validator

2013-03-27T12:14:08Z

Thanks Jason...

That's essentially what tetlaws does... he does have a number of special
tests (currency, dates, alpha, digits etc.) plus some callbacks so you can
write your own. I found the problem with the selects and fixed those...
still some other issues.

Re: [Proto-Scripty] Form Validator

2013-03-26T20:52:37Z

I usually home brew one that looks for the "required" class and then adds
an "error" class to that element and then at the end of the function test
if there are 0 elements with the "error" class

Jason Westbrook | T: 313-799-3770 | jwestbr...@gmail.com

Form Validator

2013-03-26T16:33:52Z

Has anyone found a good form validator?

I have been using the one by Andrew Tetlaw for several years and its worked
really well but now with proto 1.7 and ie 9 I'm finding it no longer works
(as in it doesn't see <select> where no option has been chosen.

i.e. [link]

Re: [Proto-Scripty] color swatch selector

2013-03-25T15:38:56Z

You guys are the best!

Walter, I would have never thought of using radio buttons but I bet that's
what they do on the clothing sites where you can pick different
shirt/pant/shoe colors... they all work like yours does so I'll implement
it the way you did. Should work perfectly.

Thanks for the help on this!

Re: [Proto-Scripty] color swatch selector

2013-03-21T20:00:38Z

Here's what I was thinking of:

[link]

Walter

Re: [Proto-Scripty] color swatch selector

2013-03-21T19:16:18Z

Sorry then I misunderstood where the CSS was being applied - yes the radio
input does get the pseudo class but not the parent elements

Jason Westbrook | T: 313-799-3770 | jwestbr...@gmail.com

Re: [Proto-Scripty] color swatch selector

2013-03-21T18:40:44Z

Really? Can you show an example? I don't think the label.swatch itself gets a :checked pseudo-class, it's the input inside it that gets checked. While you can find the :checked checkbox, you can't style upward like that to access the parent label (really wish you could).

Walter

Re: [Proto-Scripty] color swatch selector

2013-03-21T17:57:21Z

For the CSS for the radio buttons use the pseudo class label.swatch:checked

Jason Westbrook | T: 313-799-3770 | jwestbr...@gmail.com

Re: [Proto-Scripty] color swatch selector

2013-03-21T13:04:45Z

With as few choices as you have, I would be tempted to add them as a field of radio buttons, and use CSS to replace the buttons with color swatches directly. No need for any JavaScript at all.

Re: [Proto-Scripty] color swatch selector

2013-03-21T10:32:14Z

Morning Walter...

That was the approach I took last night... it works but its just not
as attractive as I'd like... still seems like their should be a more
stylish way.

I may just opt for something like the color selector used on a number of
clothing sites... like this one:
[link]

Re: [Proto-Scripty] color swatch selector

2013-03-21T04:05:55Z

I think you're going to need to update a swatch next to the picker, maybe. The select is remarkably styling-resistant in Safari, probably Chrome as well. I would absolutely position a little dot off to the left of the select, and update its background color on the change event of the select.

Walter