awesome ryan.
it turns out i was looking into the same issue few weeks ago when i was
messing with including both jquery and mootools on the site. luckily
looking through the list of joomla plugins i found that the Mootools
Upgrade was disabled. so enabling that lil plugin solved the issue - at
Hello
document.id should work fine.
The problem is that you are including MooTools 1.12 - document.id is supported
from 1.3 upwards (I think - it may be supported earlier than that).
The syntax changed a fair bit from 1.12 to 1.2, it would be worth upgrading to
1.3 or even 1.4 if that is possi
al right so here is the update. after squashing some of the obvious bugs
and updating code to animate transitions everything looked well and good on
my pc. in other words no errors and everything working as i would expect.
loaded the code on the server and included the .js file. unfortunately ju
>
> Yes you can (and should in my opinion).
>
> slider.getElement('ul') is the first UL that is a child of slider
> Whereas $$('#slider ul') is ALL ULs that are a child of slide
>
> Does that help explain things?
>
yes it does. incidentally i have a statement:
$$('#slider ul li').set('styles', {w
> as a matter of interest (based on you previous reply) is it valid for me use
> this form:
> slider.getElement('ul').getStyle('margin-left').toInt() - slider.getWidth()
> instead of:
> $(slider).getElement('ul').getStyle('margin-left').toInt() - slider.getWidth()
>
> provided that i have someth
awesome ryan i am experimenting with these functions at the moment. i'll
post back on that as soon as i mange to put my findings into words.
as a matter of interest (based on you previous reply) is it valid for me
use this form:
slider.getElement('ul').getStyle('margin-left').toInt() - slider.g
You should look into Fx.Tween and Fx.Morph
http://mootools.net/docs/core/Fx/Fx.Tween
http://mootools.net/docs/core/Fx/Fx.Morph
You can use .tween() and .morph() if that helps you get a similar syntax to
jQuery.
awesome ryan. just the syntax i was looking for.
so now just need to sort out animated effects. still looking into that if
anyone has any pointers in that regards i am all ears (well eyes in this
case).
thank you,
isa
On Tuesday, June 12, 2012 1:47:17 PM UTC+1, Ryan Mitchell wrote:
>
> Hel
Hello
Rather than
$('#slider ul')
Try
$('slider').getElement('ul')
Then
$('slider').getElement('ul').getStyle('margin-left').toInt() should work once
you make that change.
On 12 Jun 2012, at 13:44, iiminov wrote:
> hi everyone,
>
>
> apologies for double posting. as per my previous
hi everyone,
apologies for double posting. as per my previous post i am still having
issues with getting this to animate.
the only functionality part missing is the smooth transition (animation):
$('#slider ul').animate({ left: clickednum }, 400, 'swing', function() { });
currently replaced b
hi philthathril,
thank you for a few pointers earlier. the code you provided didn't work
right away but i was able to get the desired functionality outcome without
too much trouble.
$$('#numbers li').addEvent('click', function() {
decount = this.get('html').toInt(); // pre-declared out
Ok, let's get your converted code to a mootools state first.
$$('#numbers li').addEvent('click' function(e) {
var slider = document.id('slider'), // same as $('slider')
decount = this.get('html').toInt(),
clickednum = decount * (slider.getSize().x * 2);
$$('#slider ul').se
greetings all,
i am looking for some help converting jquery code to mootools. just to let
you know i am not that well versed in jquery or mootools. so here goes.
jquery code in question:
[code]
$("#numbers li").click(function() {
var clickednum = $(this).html() * - $('#slider').width()
13 matches
Mail list logo
