mootools

What is Jquery's alternative to Mootools MochaUI?

MochaUI is very intuitive and the modal iframes almost perfectly replicate Windows. Unfortunately, I have scripts written in Jquery that I use, and I hear there are conflicts when putting both Mootools and Jquery on one html file (is this true?). How can I get the MochaUI features in Jquery? At the very least, is there a similar modal ...

What's your favorite mootools widgets and plugin

Hi people, I'm still new with Mootools. I'm trying to collect informations regarding the good and worth using Mootools plugins out there around the net. Please list your favourite Mootools widgets and plugins. One widgets and plugins per post only please so others can vote. ...

How well does JavaScript scale?

I was working on this carousel thing, using the iCarousel. It works pretty nicely with a few images, using MooTools. However when I added 70 pictures (around 30k each) it stopped working so nicely. Having spent some time poking around in the code of iCarousel it looked pretty decent and stable. So this got me thinking: is the problem inh...

Accessing a MooTools Class Method from outside the class

I have a method inside of a MooTools class that I want to access after uploading a file with AJAX (iFrame). The Javascript that the iFrame page runs when it loads should call the method of the Class, but I am unable to access it using anything like: Class name: Main var class was initialized in: myMain parent.window.myMain.myMethod par...

Adding Prototip disabled Mootools. How can these two coexist?

Using both libraries will make my life easier. But there seem to be some sort of a problem. Anyone knows the solution to this? Thank you. ...

Create row ID for dynamic JS Table

Hi, I have working script that the user completes inputs on a form and when they submit the form and the content of the form inputs are entered as a table row. Is there any way of, I think within the JS to make each row have a unique ID and add a delete button to the last colum of each row so the user can delete an individual row. T...

Mootools v=1.11 problem

Error is $$.shared is undefined. but I'm using prototype. ...

How to fake an event in mootools?

Sample code: <div id="first">first div</div> <div id="second">second div, click here or on the previous it's the same</div> Suppose I set an event onclick on the first div that alerts the div's content. How do I call that event? In example clicking on the second div I'd like it to call the click event of the first div and alert('firs...

GridView Editing With Mootools

I've a grid view which has BoundField columns, an Edit link and a Delete link. For the Edit link, is it possible to call a modal box by MooTools with fields in it? Note that previous values of the fields are displayed before making an update. Thanks so much. ...

Accessing document.body of parent window from within IFrame

I have a script in an iframe that listens for movements of the mouse from document.body as follows: $(document.body).addEvent('mousemove',this.refresh.bind(this)); This works fine from within the IFrame, but I want to also track that the mouse is being moved outside of the Iframe. Anyway to do this? I am using MooTools. ...

clone table row

How can i use javascript (i assume) to clone a table row like ive beautifully illustrated in the picture below? ...

Questions regarding PHP and mootools

My question is how to pull the username into the confirmation popup... would I have to change the way my php is generating the list of users or would it need some mootools coding to select the parent and then the username... if so how could I achieve that? I have my PHP code using codeigniter to generate the following kinda things which...

Creating new definition for my CSS with JavaScript (and mootools if needed). Selectors problem.

I'm making some divs clickable with JavaScript. I'd like to use CSS to make the user understand that they are clickable, for example changing the color of links inside a div when mouse enters the div. In CSS it is: #menu > div:hover > a { color: #f00; } and it works like a charm. I'd like the color of the link to change when you...

Help with Mootools code

So I am using the mousenter demo from mootools. I put it on my site trying to affect the links so when someone hovers over them the link fades into another color. The problem I am having is that the mootools code is only set up to handle one ID! Since I am using it for a nav, I have multiple IDs that I want to change. How can I affect a...

Why does MooTools remove the margin when creating an instance of Fx.Slide?

I have a <div> with the CSS rule margin: 0 auto; and I'm using MooTools to slide it when necessary. It seems that the mere instantiation of an Fx.Slide object removes the margin on my element. That is, whereas the element used to be centered inside its parent, it is now left-aligned. Just this line alone seems to do this: var slide = n...

OO JQuery and classes

I'm working on a site and using JQuery for essentially the first time. I've mostly used MooTools for previous projects, and I have a few widget classes I've written using the MooTools Class structure. I'd like to port them over to JQuery, but it looks to me like there is nothing similar to the MooTools functionality when it comes to ob...

Looking for a good Mootools Javascript tutorials

I have been very impressed by the Mootools AJAX sites and demos and I want to learn it so that I can use it on my sites. But I havent been able to get any good tutorials which teach it from the very basics. Can someone give me some pointer/links to some sites? Thanks ...

Javascript Dynamic Grouping

I am trying to create a table, with some grouping headers. All is well when i have 1 group, but how do i create dynamic groups? This is what i have so far (for 1 group): var groupby = ''; arrdata.each(function(element){ if (groupby != element.groupby) { groupby = element.groupby; tbody.push(groupby) } tbody.push(e...

Understanding $ in Mootools

I'm new to Javascript and Mootools and am having a bit of trouble understanding some things, especially since the documentation on Mootools is, shall we say, lacking at best. My question is regarding the $ selector. Why is it that I can chain some properties to it, and not others? For example why does $('results').style.border = "1px...

Mootools: Get the clicked element value

Hey guys I'm currenlty working on something and I want if I click a textbox element the value of it. the only problem is that it doesn't have an ID. my html code: <ul id="textbox"> <li><input type="text" value="test1" name="chosen" disabled="disabled" /></li> <li><input type="text" value="test2" name="chosen" disabled="disabled...