The HTML code: <ul id="el"> <li></li> <li></li> <li></li> <li></li> </ul> How to create new element span inside li element on mouseover? <ul id="el"> <li></li> <li></li> <li><span></span></li><!--on mouseover > new element span--> <li></li> </ul> ...
Hi, could someone maybe give me a small hint on how to do this with mootools. Basically i have a div like <div id="center-panel" style="height: 200px; width 200px; background: green;"></div> i basically want this div tag hidden by default, and then once the user has been on the website for like two minutes i want the div tag to displ...
This is probably best explained through some code. I know that in the following example, the this inside the addEvent method is the current element contained in the array elements. var testClass = new Class({ testMethod: function() { var elements = $$('.elements'); elements.addEvent('click', function() { ...
I saw this code on someone else's website, but found no reference to it on jQuery's site. window.addEvents({ 'domready': resizer, 'resize': resizer }); Can either: someone point me to the documentation for addEvents or explain to me how it works? ...
Hi all, I am looking to create a similar category chooser to ebay, allowing a next level style selector, but built with mootools, php and selecting the categories from MySQL. Any help or tips on where to look or how to start more than welcome... ...
I m using Jquery in joomla 1.5.x ( which use mootools internally ) sometimes jquery works fine, but when i use some jQuery plugin then below errors occur ($(filter) || document).getElementsBySelector is not a function mootools.js( line 53) what is the solution of this error i m already using jQuery.noConflict() function before writing...
I have a "Saving..." overlay that occupies the center of an invisible div that covers 100% of the screen. I would like it to be impossible to interact with the elements behind it, i.e. clicking the buttons, selecting form inputs, etc. Ideally it would not only catch all mouse inputs, but also ignore the mouseover effects(namely cursor ch...
anyone know how to create a permenant bar at the bottom of the page ? example, look at http://www.italylettings.com/ ...
Hi, I want to make a select with the next image: http://img64.imageshack.us/img64/6971/listmenu.png I succeed to do it with jQuery, but I'm using MooTools, so it didn't work. Can someone help me? Is it possible to make a select with options, with a image and without jQuery? Thank you! ...
my code index.php var MyObject ={ method1:function(){...}, method2:function(){...}, method3:$extend }; MyObject .extend(MyObject ,Events.prototype); MyObject .extend(MyObject ,Options.prototype); MyObject .extend(MyObject ,Chain.prototype); windown.onload = function() { MyObject .method1(); } at first load , no problem. Th...
Essentially, on page load, I want a video to be hidden behind an image (I guess this can be done with positioning divs). I would want the video to begin to play when a user clicks on the image the video is hidden behind. This should be possible with a bit of JavaScript/CSS. What I'm really asking is does anyone know of any examples of ...
Mootools Events works just on first click, after stops working. Hope someone have issue for that: http://jsfiddle.net/3j3Ws/ CSS ul li,li.selected div{ width:22px; height:22px; display:block; background:#000; color:#fff; text-align:center; border-radius:3px; } ul#list{ display:none; opacity:0; flo...
I need to get the id attribute of a class and apply a style based on that id. So for instance, 3 list items each with the class "typo", one id is "application", another id is "application_osx", and the final id is "application_osx_terminal" The class "typo" is handled by CSS, but I would need to assign a background image based on the I...
Are there any Open Source online IDE's except for Bespin? If found some online IDE's like; phpanywhere.net, coderun.com, squadedit.com, codepad.org, but non of them are open source. Bespin isn't working for me, it could be because I'm a Opera user, but even in Firefox I couldn't get it to work properly. And if there is no other alterna...
Hi, I am looking for a way to collect all <a> tags and load then in an array using Mootool 1.1 or pure javascript. <ul class="menu"> <li> <ul> <li><a href="#">Group One</a> <ul> <li><a href="#">I want</a></li> <li><a href="#">I want too</a></li> </ul> </li> <li><a href="#...
I have a component that fires an onFocus event. I am assigning a class method to handle the onFocus event. In the event handler I need access to both the class instance, and the event object itself. However, when I use .bind(this), I can no longer get the event object because the scope is now changed to the class instance. And if ...
So I have an element I want to modify (with Fx.Tween, but I suppose it doesn't really matter). However, the element id is dynamically generated, meaning I have to piece it together from some variables. So let's say... (in js) name = 'foo'; id = '42'; and I want to access element $('foo_42')... how would I type it out? $(name+'_'+id)...
I live and breathe jQuery, but I also love finding an excellent plugin that does the job I want perfectly. My Rails app is coded in jQuery, but for file uploading, I've yet to find anything better than FancyUpload (better IMHO than Uploadify or SWFUpload). Having tried all three libraries, FancyUpload is by far the best to integrate in...
I'm trying to initiate an ajax request whenever a person changes the value of a drop down list. I want to send the selected item of the drop down as a query string parameter. How do I get the selected item from the drop down list using MooTools? var theUrl = 'http://someurl.com'; window.addEvent( 'domready', function() { $('ddl').ad...
Hi, i'm working with mootools 1.2.4 and i have a select with an event "change" that works fine in Firefox but when i try to test it in iexplorer 7 it gives me an error saying that the select doesn't have that property or method: my code is as simple as: $('zone').addEvent("change",function(E){ alert("change"); }); i've ...