mootools

JS (Moo Tools) Slider Not Working in FF and Chrome

大城市里の小女人 提交于 2019-12-11 18:18:17
问题 I have the below site: http://kelseydelo.com/ When I click the main nav links in Safari the content slides properly. However in Chrome and Firefox nothing happens when I click these (no errors in Firebug either). I believe it used to work in FF so it seems a recent upgrade has broken it. Anyone know what the problem could be? 回答1: you use mootools 1.2.3 which is old. in 1.2.3, mootools utlised feature detection for browser detection - and in particular, it was a problem with firefox as it

Convert this Mootools code into jQuery code [closed]

試著忘記壹切 提交于 2019-12-11 18:15:06
问题 Closed. This question is off-topic. It is not currently accepting answers. Want to improve this question? Update the question so it's on-topic for Stack Overflow. Closed 5 years ago . I'm want to convert script to jQuery, but it dosen't work... it was Mootools code : var bg = $('#counter'); var ctx = ctx = bg.getContext('2d'); var imd = null; var circ = Math.PI * 2; var quart = Math.PI / 2; ctx.beginPath(); ctx.strokeStyle = '#99CC33'; ctx.lineCap = 'square'; ctx.closePath(); ctx.fill(); ctx

Using “class/object” MooTools-style events in jQuery

只愿长相守 提交于 2019-12-11 14:55:48
问题 One of the nice things about MooTools, is that it lets you easily assign/fire events to objects, for example: var playerSingleton = new (new Class({ Implements: [Events], initialize: function() {}, setVolume: function() { // do some stuff.. this.fireEvent('volumeChanged') } })); // Somewhere else... playerSingleton.addEvent('volumeChanged', function() { // do something when volume changes }); playerSingleton.setVolume(75); // bam our event fires. How would something like this be done with

How can I add a hover class to an element?

妖精的绣舞 提交于 2019-12-11 12:30:10
问题 In my CSS I have: li.sort:hover {color: #F00;} All my LI elements under the sort class function properly when the DOM is ready. If I create a new LI element (using mootools el.addClass(classname) ) I can set the base class, but can't figure out how to add a hover class to it. Any ideas? 回答1: The hover pseudoclass can be defined ahead of time in the stylesheet based on the classname that you're specifying. Such as: li.classname:hover {color:#F000;} So it's defined the same way, via the

Javascript Uncaught ReferenceError: Class is not defined

前提是你 提交于 2019-12-11 10:19:44
问题 I am trying to implement a moving photo slider that is no jQuery , it uses moo tools I want a slider like this guy http://mahusay-fbt.blogspot.com/ So I got that piece of code that is specifically designed for blogger here bit.ly/chXo9Q I implemented it on my dummy blog and it ain't working This is the error i get Uncaught SyntaxError: Unexpected number hacktheplanets.blogspot.com/:1380 Uncaught ReferenceError: Class is not defined hacktheplanets.blogspot.com/:1657 Uncaught TypeError: Object

Best way to find if a DOM object is visible or not, using mootools [closed]

|▌冷眼眸甩不掉的悲伤 提交于 2019-12-11 09:00:05
问题 Closed . This question needs to be more focused. It is not currently accepting answers. Want to improve this question? Update the question so it focuses on one problem only by editing this post. Closed last year . What is the best way to find if a DOM object is visible? Various cases when object is considered not visible: display: none; visibility: hidden; one of the parents has display: none or visibility: hidden Another DOM element is obscuring the queried element (Nice to have, but I can

Mootools - Bind to class instance and access event object

寵の児 提交于 2019-12-11 07:35:49
问题 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 I don't use .bind(this) I can access the event object, but not the class instance. I'm sure there is a solution, but I have not been able to figure this out. Any

HTML in Mootools' Element constructor?

会有一股神秘感。 提交于 2019-12-11 06:34:56
问题 I'm currently using the Mootools Element constructor method to dynamically add a new row into a table. function newPermission(somedata) { var newUserPerm = new Element('tr', { 'html': '<td>foo</td><td>bar</td>' }); newUserPerm.inject('permissions_table'); } However, upon checking the resulting code, the following HTML string gets added to the table: <tr>foobar</tr> I'm sure there's some way to send the HTML tags as well, but I can't find much on it here, except one other question, in which

How can I use FancyUpload (with mootools) side by side with prototype.js?

蓝咒 提交于 2019-12-11 05:54:16
问题 I have a site that I am using prototype and scriptaculous on. One one page of my site, I would like to use Digitarald's FancyUploader (I have not found anything else that is as elegant, and offers multiple file selection). Is it possible to use the two on the same page? If so, how would I do it? 回答1: There is no way to run a Mootools script with prototype . While Mootools provide a dollar-safe mode , that mode only provided compatibility with frameworks that provides a $() function. The

How do I include all children of a DOM element to be dragged using the Sortable plugin for MooTools?

别来无恙 提交于 2019-12-11 05:20:34
问题 I am using mootools-more.1817.js ...this is my HTML structure: <ul id="categories"> <div id="admin">Admin Controls</div> <li class="selected"><a href="#">Test</a> <ul> </ul> </li> <div id="admin">Admin Controls</div> <li><a href="#">Test 2</a> <ul> </ul> </li> <div id="admin">Admin Controls</div> <li><a href="#">Top Links</a> <ul> <li id="article"><a href="/1">Link 1</a></li> <li id="article"><a href="/3">Link 2</a></li> <li id="article"><a href="/2">Link 3</a></li> <li id="article"><a href="