Just today learned that one of my websites, TwitPeek.net, is not rendering properly in IE8 outside of "Compatibility Mode". The site works fine in IE7. Upon some investigation, it appears that IE8 is refusing to apply the page stylesheets to the anchor and img tags that the page's javascript generates. Because of this, none of the scr...
I'm trying to display Google suggested queries when a user types in a query into our search text field. Our goal is to combine Google suggested queries with the Scriptaculous Autocompleter. Here's our code: new Ajax.Autocompleter('q', 'autocomplete_choices', 'http://suggestqueries.google.com/complete/search?q=test', {method:'get', onS...
Hi- I'm creating a new instance of the 'Draggable' object (from the script.aculo.us dragdrop module) inside a function belonging to an object I created. Let's call that object the 'Person' object. Easy enough. However, from inside the 'onEnd' function within the Draggable object, I need to call another function, getCell(), also belongi...
Is there any way to use both the jquery and scriptaculous js files together? I was trying to implement the autocomplete feature of the cakephp framework which required the js files,prototype.js,scriptaculous.js,effects.js and controls.js. I also use JQuery functions in my application which requires the jquery.js file. The auto complet...
Hi All... I am New for the technology. I want to know that "Can we create the controls using scriptaculous.js and prototype.js or this library is for giving the effects,Drag n Drop,Auto Completer?." Because i have seen in dojo.js they have their own controls as we create in dojo.(Button,CheckBox etc...) I want to know about which is th...
Hi All.. How can we GET/POST the request to server with scriptaculous.js or prototype.js. Please explain with brief example if possible.. Regards, Akash Jain ...
Why would we want to use prototype.js with scriptaculous.js? What's the main reason? When should we require that both libraries be include and when shouldn't we? ...
Here's a snippet of my code: <div class="myclass" id="demo" style="display:none;">Hello.</div> <a href="#" onclick="$('.myclass').fade({ duration: 0.3, from: 1, to: 0 }); $('demo').appear({ delay: 0.35 }); return false;">Click ME!</a><br /> My Firebug development plugin says: $(".myclass") is null I have tried various other names, s...
I found some interesting code when I was looking at things that people had added on to Scriptaculous, and I'm trying to modify it for my purposes. I got nearly all of it working, except when I paste in the drop handler code, my page stops loading. Here's the relevant snipits: For draggables: for (i=0; i<=50; i++){ Squad = 'Squad'...
I am implementing an auto complete box using the Ajax.autocompleter method of the scriptaculous.js framework. This is the auto complete box and the div where the auto suggested entries are populated. <?php echo $form->create('Share', array('url' => '/forms/share')); ?> <label for="shareWith">Share Form with</label> <input type=...
I have implemented the auto complete functionality using the Ajax.autocompleter function of the Scriptaculous js framework. The code is working, but I get the entire list populated instead of populating only the entries that match with the letter I have specified. This is my code: This is the js function to get the auto-suggested entrie...
Certainly it must be possible to fire the cancel action on an Ajax.InPlaceEditor without clicking the Cancel button. But I just cannot figure out how to do it. Any suggestions? ...
Hi- I'm trying to make a group of objects draggable as you can see below - easy enough. But I'd like to configure things so that if any one of these items gets dragged, the others automatically cease to be draggable. Does anyone know how to do this? var products = document.getElementsByClassName('box'); for (var i = 0; i < products.le...
I'm writing a basic recipe organization application and I would like to be able to dynamically add additional items to the list of ingredients using Ajax. This is what one ingredient <fieldset> looks like: <fieldset id="ingredient_item_0"> Ingredient <input id="ingredient_0" type="text" size="20" /> <div id="ingredient_list_0" style=...
When using Sortable.create I can't seem to get the element that is being dragged. Does Sciptaculous not fully implement all Draggable and Droppable features when you use sortable? Given: Sortable.create("sortArea", {scroll:window, onChange:orderLi}); function orderLi(){ console.log(this.draggables.each(function(e){if(e.dragging==t...
Are there any resources comparing the adoption rates of the various javascript frameworks similar to tcpi? Basically the number of sites using a particular framework on a time-line would be ideal. ...
I'm using a draggable effect on a css div for a shopping cart (prototype+script.aculo.us). I want to insert a link into this div which allows the users to toggle between fixed and absolute positioning. Does script.aculo.us has any simple way of doing it? (So far i found nothing) ...
I would like to implement some "Drag-select" functionality into a project of mine but i'm unsure how to implement it. The creation of the selection area is not a problem, it's the capturing of elements within the area itself which is confusing me. ...
What I'm trying to do is give my user 4 options (simple links). If the click one of these, a div below is shown based on their selection. The issue I'm having is figuring out how to hide the div below if another top link is clicked. Right now I'm able to show all 4 sub-divs at the same time, where it should hide the currently visible on...
I am getting this error when trying to select a object in my autocomplete This only comes up in IE 8, and Firefox 3.5, not IE 7 or FF 3.0 Error: uncaught exception: [Exception... "An invalid or illegal string was specified" code: "12" nsresult: "0x8053000c (NS_ERROR_DOM_SYNTAX_ERR)" location: "http://localhost/js/prototype.js Line: 2...