[Proto-Scripty] Re: How can apply CSS into element created by createElement('div')?
On 2 jul, 07:08, T.J. Crowder t...@crowdersoftware.com wrote: @Maarten: the value you used for your id attribute was 'Window', and identifier values are not allowed to start with a capital letter Yes they are: ID and NAME tokens must begin with a letter ([A-Za-z]) and may be followed by any number of letters, digits ([0-9]), hyphens (-), underscores (_), colons (:), and periods (.).[2] [2]http://www.w3.org/TR/html4/types.html#type-id Ah, thank you, that's the link I was trying to find. ...I'm guessing 'window' would have worked. FWIW, I'd avoid using window as an ID. Bound to confuse IE. ;-) For semantic purposes, I wouldn't use 'window' either, aside from possible IE issues. --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups Prototype script.aculo.us group. To post to this group, send email to prototype-scriptaculous@googlegroups.com To unsubscribe from this group, send email to prototype-scriptaculous+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en -~--~~~~--~~--~--~---
[Proto-Scripty] Re: How can apply CSS into element created by createElement('div')?
On 1 jul, 10:56, serenobs seren...@gmail.com wrote: I'm not sure about why id was not working, but anyway it is working now using className. :) the value you used for your id attribute was 'Window', and identifier values are not allowed to start with a capital letter, so I'm guessing 'window' would have worked. --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups Prototype script.aculo.us group. To post to this group, send email to prototype-scriptaculous@googlegroups.com To unsubscribe from this group, send email to prototype-scriptaculous+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en -~--~~~~--~~--~--~---
[Proto-Scripty] Re: Curvy Corners + draggables (script.aculo.us)
Depending on which browsers your website needs to be compatible with, I'd recommend using a pure CSS solution: .rounded { -webkit-border-radius: 5px; /* Safari */ -moz-border-radius: 5px;/* Firefox */ } For Internet Explorer you could use some extra span elements in combination with background images, there are plenty of examples on if you search on Google. --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups Prototype script.aculo.us group. To post to this group, send email to prototype-scriptaculous@googlegroups.com To unsubscribe from this group, send email to prototype-scriptaculous+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en -~--~~~~--~~--~--~---
[Proto-Scripty] Re: Getting checked checkbox values
On 11 jun, 22:58, Alex McAuley webmas...@thecarmarketplace.com wrote: not if you wanted all checkboxes and seperate based on checked / unchecked values to send what is now checked and what was checked ! That's why I pointed you in the direction of form observers. If you execute the code after the page is loaded, of course it will only return the checked elements at that moment. --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups Prototype script.aculo.us group. To post to this group, send email to prototype-scriptaculous@googlegroups.com To unsubscribe from this group, send email to prototype-scriptaculous+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en -~--~~~~--~~--~--~---
[Proto-Scripty] Re: Getting checked checkbox values
Its not that it was giving me ALL checkboxes back. It was that it was giving me back the checked checkboxes when the page initially loaded and not giving me the checkboxes that were checked after that. Could you provide some more of your source code? What exactly happens after the Ajax request? I'm guessing what you're looking for is an observer on the check boxes, the first thing that comes to mind is a form observer, see http://www.prototypejs.org/api/timedObserver, but another solution might suit you better, depending on your wishes. Oh, and an easier and more elegant way to collect the values of all checked input elements would be. var checkedValues = $$(input:checked).invoke(getValue); --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups Prototype script.aculo.us group. To post to this group, send email to prototype-scriptaculous@googlegroups.com To unsubscribe from this group, send email to prototype-scriptaculous+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en -~--~~~~--~~--~--~---
[Proto-Scripty] Re: effects toggle
On May 28, 3:42 pm, Walter Lee Davis wa...@wdstudio.com wrote: Also you can use a document.observe('dom:loaded' ... observer to set this (and avoid the inline CSS if that bothers you at any level). To the OP: if you want the text to be visible in browers that have javascript disabled, it's best to handle in javascript. --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups Prototype script.aculo.us group. To post to this group, send email to prototype-scriptaculous@googlegroups.com To unsubscribe from this group, send email to prototype-scriptaculous+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en -~--~~~~--~~--~--~---
[Proto-Scripty] Re: how to set focus after using an effect?
On 25 mei, 14:38, claus.k...@googlemail.com claus.k...@googlemail.com wrote: Hello everyone, Hi, [...] Is there something like onComplete: for the effects? I do no see anything like that in the docs... The callback function you're looking for is called afterFinish(), see for example the following article: http://www.ear-fung.us/2008/08/scriptaculous-afterfinish-callback-coolness/ Regards, Maarten --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups Prototype script.aculo.us group. To post to this group, send email to prototype-scriptaculous@googlegroups.com To unsubscribe from this group, send email to prototype-scriptaculous+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en -~--~~~~--~~--~--~---
[Proto-Scripty] Re: Create event observer for focus?
Aside from the suggestions in this thread, looking into Dan Edwardss IE 7 might be useful as well: http://dean.edwards.name/IE7/ Yesterday I also read about this: http://code.google.com/p/universal-ie6-css/, a project to develop an universal stylesheet for IE6 that deals with bugs, issues and so on. --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups Prototype script.aculo.us group. To post to this group, send email to prototype-scriptaculous@googlegroups.com To unsubscribe from this group, send email to prototype-scriptaculous+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en -~--~~~~--~~--~--~---
[Proto-Scripty] Re: IE throws in extra unknown element (!)
Hi guys, Sorry for having to answer my own question (and so quickly) but I just found a fix already: http://code.google.com/p/ie7-js/source/browse/trunk/src/ie7-overflow.js?r=2 A JavaScript library to make MSIE behave like a standards-compliant browser. This script seems to clear the styles applied to the element IE7 threw in. It seems at first that Prototype was the guilty party, so it's good to know I can now blame IE ;) --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups Prototype script.aculo.us group. To post to this group, send email to prototype-scriptaculous@googlegroups.com To unsubscribe from this group, send email to prototype-scriptaculous+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en -~--~~~~--~~--~--~---
[Proto-Scripty] Prevent element from flickering on hovering
Hello, At http://remcobohle.mwierda.blackpearl.minus3.nl/flickering.html I'm trying to accomplish the following. I have a list of images positioned next to each other using a table. Each image has a caption, using a DIV element, that I want to display only when the user hovers over the image. Everything works as expected really, but when the user hovers the image AND the caption (e.g. by moving the cursor over the bottom of the image) a rather distracting flickering effect appears, that I would like to get rid off. I understand this behavior is completely to be expected, but how can I stop this from happening? I foresee something with stopObserving, but I'm not sure how and where to start, so if anyone could give me some hints in the rigth direction, that'd be greatly appreciated. Here's a pastie, just in case: http://pastie.org/478919 Thanks in advance, Maarten --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups Prototype script.aculo.us group. To post to this group, send email to prototype-scriptaculous@googlegroups.com To unsubscribe from this group, send email to prototype-scriptaculous+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en -~--~~~~--~~--~--~---
[Proto-Scripty] Re: Prevent element from flickering on hovering
On 15 mei, 11:20, T.J. Crowder t...@crowdersoftware.com wrote: 1.6.1 provides emulation of IE's mouseenter and mouseleave events for all browsers, so if you can use 1.6.1, you can use that new stuff. If you can't use 1.6.1 yet, you can look into the source of it to see how they're doing it. (It's pretty straightforward.) 1.6.1 info:http://prototypejs.org/2009/3/27/prototype-1-6-1-rc2-ie8-compatibilit... Hi T.J., Thanks for your fast repsonse. I was not aware of mouseenter and mouseleave being implemented in version 1.6.1, but I implemented it and it works great! Oh, the subtle differences between 'enter' and 'over', 'leave' and 'out'! Regards, Maarten --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups Prototype script.aculo.us group. To post to this group, send email to prototype-scriptaculous@googlegroups.com To unsubscribe from this group, send email to prototype-scriptaculous+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en -~--~~~~--~~--~--~---
[Proto-Scripty] Re: templating best practices
On Apr 22, 5:49 pm, Richard Quadling rquadl...@googlemail.com wrote: You do have the option of creating the HTML fragment on the server and simple passing the completed code to the client. Indeed, and if you use a template engine like Smarty, you can use the retrieve compiled HTML snippets using its fetch() method: http://smarty.net/manual/en/api.fetch.php. --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups Prototype script.aculo.us group. To post to this group, send email to prototype-scriptaculous@googlegroups.com To unsubscribe from this group, send email to prototype-scriptaculous+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en -~--~~~~--~~--~--~---
[Proto-Scripty] Re: Observing and stop observing on forms
On 16 apr, 12:17, Andrea Raimondi andrea.raimo...@gmail.com wrote: May anyone here please point me in the right direction? It seems you have overlooked Prototype's Form observer, see http://www.prototypejs.org/api/timedObserver/form-observer Good luck, Maarten --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups Prototype script.aculo.us group. To post to this group, send email to prototype-scriptaculous@googlegroups.com To unsubscribe from this group, send email to prototype-scriptaculous+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en -~--~~~~--~~--~--~---
[Proto-Scripty] Re: Observing and stop observing on forms
On 16 apr, 15:51, Andrea Raimondi andrea.raimo...@gmail.com wrote: Is this correct? Am I missing anything here? That totally depends on what you want to do, I can only take a very wild guess based on the information you provided in your first post. Using a Form observer you can automatically send all form data with your Ajax request, easy as pie. When a form is reset, the data will be empty, so this behaviour is already default. Maarten --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups Prototype script.aculo.us group. To post to this group, send email to prototype-scriptaculous@googlegroups.com To unsubscribe from this group, send email to prototype-scriptaculous+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en -~--~~~~--~~--~--~---
[Proto-Scripty] Re: Autocomplete word disappears as soon as it's fully typed
The autocompleter behaves this way because once you have typed in the full word, it is simply no longer needed as a suggestion. Maarten --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups Prototype script.aculo.us group. To post to this group, send email to prototype-scriptaculous@googlegroups.com To unsubscribe from this group, send email to prototype-scriptaculous+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en -~--~~~~--~~--~--~---
[Proto-Scripty] Re: Overlapping sortable DIV
On 9 apr, 07:02, bruno bvar...@gmail.com wrote: Any clues as to why its working that way? If you could provide an example I, or other people, might have. Without an example to look at people can only guess what might cause your problem. --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups Prototype script.aculo.us group. To post to this group, send email to prototype-scriptaculous@googlegroups.com To unsubscribe from this group, send email to prototype-scriptaculous+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en -~--~~~~--~~--~--~---
[Proto-Scripty] Re: Why Element.Remove doesnt clean events and storage?
On 9 apr, 10:09, buda www...@pochta.ru wrote: It's clear that Element.Remove should clean all event handlers and storage for the removed element and its children or am I wrong? I am not sure if that would be ideal, however, the documentation clearly states Element.remove removes the given element from the DOM. If you want to remove an element, including all its children and event observers if available, it's best to write a custom function that does this for you. --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups Prototype script.aculo.us group. To post to this group, send email to prototype-scriptaculous@googlegroups.com To unsubscribe from this group, send email to prototype-scriptaculous+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en -~--~~~~--~~--~--~---
[Proto-Scripty] Re: element position differ due to scrollbar
On Apr 4, 1:24 pm, kuldeep kuldeep.rathor...@gmail.com wrote: hi frds, I have div in my code with the help javascript i cover that portion black shaded background on loading. but if i scroll my page it wont get exect position. it come different place.so any one why this happening. Hi, I have no experience with this, but I would give getScrollOffsets a try: window.scrollTo(0, 120); document.viewport.getScrollOffsets(); //- { left: 0, top: 120 } See http://www.prototypejs.org/api/document/viewport/getscrolloffsets. --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups Prototype script.aculo.us group. To post to this group, send email to prototype-scriptaculous@googlegroups.com To unsubscribe from this group, send email to prototype-scriptaculous+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en -~--~~~~--~~--~--~---
[Proto-Scripty] Re: how detect change in field value
Hi Miguel, You might want to take a look at Prototype's Form Element Observer, see http://www.prototypejs.org/api/timedObserver/form-element-observer. Good luck, Maarten On 3 apr, 05:27, Miguel Beltran R. yourpa...@gmail.com wrote: Hi list I have the follow code: HTML: form input type=text name=field1 id=field1 / input type=hidden name=hide1 id=hide1 / a href=# id=field1_showoptionsshow options/a /form JS: myclass=Class.create(); myclass.addMethods({ showoptions: function(){ //show options using windows_js_1.3 //In the windows change the value from field1 }, getData: function(evt){ var number=evt.element().value; //made a ajax request and fill hide1 field looking number how key } }); document.observe('dom:loaded', function(){ $('field1_showoptions').observe('click', myclass.showoptions); $('field1').observe('change', myclass.getData); }); I want three thing 1: have a window with a table filled with many options and descriptions: OK 2: fill hide1 field when field1 value has enter manually: OK 3: fill hide1 field when field1 value has change using code js: FAIL Someone can give me a tip? -- Lo bueno de vivir un dia mas es saber que nos queda un dia menos de vida --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups Prototype script.aculo.us group. To post to this group, send email to prototype-scriptaculous@googlegroups.com To unsubscribe from this group, send email to prototype-scriptaculous+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en -~--~~~~--~~--~--~---
[Proto-Scripty] Re: Prototype causes function with array/for...each to stop working
Hi Jochem, You definitely want to look into the following functions: http://www.prototypejs.org/api/enumerable/invoke enables you to hide multiple elements at once, e.g.: $$(.referentie).invoke(hide); // works if you'd add class=referentie to the div elements you want to hide And instead of: document.getElementById('refempty').style.display = ''; You can just do: $(refempty).hide(); Good luck, Maarten Less code and easier to read too :) On 23 mrt, 10:57, jazzylicious joc...@vangrondelle.net wrote: Great, thanks for the super duper quick replies --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups Prototype script.aculo.us group. To post to this group, send email to prototype-scriptaculous@googlegroups.com To unsubscribe from this group, send email to prototype-scriptaculous+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en -~--~~~~--~~--~--~---
[Proto-Scripty] Re: Hiding select option by value
The first thing that hit my mind was: why would you want your SELECT element to behave that way? It just seems user unfriendly to me. You obviously want to present the user a bunch of options, and then disable certain options based on the user's selection. Now, if I imagine how this would work in action, the SELECT element will collapse immediately after the user has selected an option, and therefore the user won't notice any modifications applied to the SELECT element. IMO, a better solution would be to present the user a bunch of radio buttons, so enabling options will become visible to the user. So, could you tell a bit more about the situation you're working from and why choosed this solution? On 10 mrt, 02:08, lt l...@eliasinteractive.com wrote: Hi there, Have a quick question - what is the most simple way to go about hiding (or setting css display property to none) a specific select dropdown option by value? For instance, say I have this: select id='mySelect' option value='1'One/option option value='2'Two/option ... /select With the Prototype library, how can I modify the code below to hide option Two when option One is selected? script document.observe(dom:loaded, function () { var test = $('mySelect').getValue(1); test.hide;}); /script Thanks in advance! --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups Prototype script.aculo.us group. To post to this group, send email to prototype-scriptaculous@googlegroups.com To unsubscribe from this group, send email to prototype-scriptaculous+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en -~--~~~~--~~--~--~---
[Proto-Scripty] Re: Is this a bug in select()'s CSS evaluation, or am I misunderstandig something?
On Mar 8, 2:51 pm, Marc Liyanage liyan...@gmail.com wrote: I am wondering if this is a bug: body id='body' div id='foo' class='div_a' span class='span_a'/span div class='div_a' span class='span_a'/span div class='div_a' span class='span_a'/span /div /div /div /body I would expect $('foo').select('div.div_a span.span_a') to return three span elements because three of its span descendants match the selector. In fact it only returns two, the two deepest ones. Hi Marc, If I understand your code correctly, it reads as the following CSS equivalent: #foo div.div_a span.span_a which indeed matches only the last two elements, as you don't select the first div element with class value 'div_a', because select() matches all elements _from_ the element with id 'foo', but if you wrap that element around your sets of 'div_a' elements, I expect your code to work as expected. Ta, Maarten --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups Prototype script.aculo.us group. To post to this group, send email to prototype-scriptaculous@googlegroups.com To unsubscribe from this group, send email to prototype-scriptaculous+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en -~--~~~~--~~--~--~---