Comments on: MooTools 1.2 for The Non Programmer http://www.prime31.com/Blog/mootools/mootools-12-for-the-non-programmer/ Website Design and Programming Information Sat, 12 Dec 2009 20:23:26 +0000 http://wordpress.org/?v=2.9.2 hourly 1 By: admin http://www.prime31.com/Blog/mootools/mootools-12-for-the-non-programmer/comment-page-1/#comment-203 admin Wed, 09 Dec 2009 00:27:31 +0000 http://www.prime31.com/Blog/2008/02-26/test-post-this-is-the-title/#comment-203 $$('div.someClass').each( function( theDiv ) { // Add your effects here to theDiv }); $$(‘div.someClass’).each( function( theDiv )
{
// Add your effects here to theDiv
});

]]> By: qamar http://www.prime31.com/Blog/mootools/mootools-12-for-the-non-programmer/comment-page-1/#comment-202 qamar Wed, 09 Dec 2009 00:22:48 +0000 http://www.prime31.com/Blog/2008/02-26/test-post-this-is-the-title/#comment-202 the toggle script is really useful and works like a dream. one question. if i have several div panels, is there a way to write the code so that you don't have to duplicate it for each div panel thanks the toggle script is really useful and works like a dream.

one question. if i have several div panels, is there a way to write the code so that you don’t have to duplicate it for each div panel

thanks

]]> By: Ryan http://www.prime31.com/Blog/mootools/mootools-12-for-the-non-programmer/comment-page-1/#comment-195 Ryan Wed, 11 Nov 2009 18:06:07 +0000 http://www.prime31.com/Blog/2008/02-26/test-post-this-is-the-title/#comment-195 fixed it already by adding a new event and using the slideout function to each button corresponding to each panel: toggleMe.hide(); $('toggler').addEvent('click', function(e) { e.stop(); toggleMe.toggle(); }); $('toggler2').addEvent('click', function(e){ e = new Event(e); toggleMe.slideOut(); //Hide login panel e.stop(); }); $('toggler3').addEvent('click', function(e){ e = new Event(e); toggleMe.slideOut(); //Hide login panel e.stop(); }); }); -Ryan fixed it already by adding a new event and using the slideout function to each button corresponding to each panel:

toggleMe.hide();

$(‘toggler’).addEvent(‘click’, function(e) {
e.stop();
toggleMe.toggle();

});
$(‘toggler2′).addEvent(‘click’, function(e){
e = new Event(e);
toggleMe.slideOut(); //Hide login panel
e.stop();
});
$(‘toggler3′).addEvent(‘click’, function(e){
e = new Event(e);
toggleMe.slideOut(); //Hide login panel
e.stop();
});
});

-Ryan

]]> By: Ryan http://www.prime31.com/Blog/mootools/mootools-12-for-the-non-programmer/comment-page-1/#comment-194 Ryan Wed, 11 Nov 2009 15:22:41 +0000 http://www.prime31.com/Blog/2008/02-26/test-post-this-is-the-title/#comment-194 Hi thanks for such a great beginnners guide. I am still learning and I have a question. I am creating three slide out boxed for information on SEO services on my site. I have made two links work so far, so a slide down panel displays more information using example number two on your tutorial. What I can't figure out is how can I get each link to close the previous link's panel? In other words when I open the panel by clicking the link "Directory Submissions", I would like to close this panel and open the next one by clicking on "Article Submissions". I have uploaded what I am working on to explain: http://www.sterlingdesignuk.com/example/seo.html Any help would be much appreciated. Hi thanks for such a great beginnners guide. I am still learning and I have a question.
I am creating three slide out boxed for information on SEO services on my site. I have made two links work so far, so a slide down panel displays more information using example number two on your tutorial. What I can’t figure out is how can I get each link to close the previous link’s panel? In other words when I open the panel by clicking the link “Directory Submissions”, I would like to close this panel and open the next one by clicking on “Article Submissions”. I have uploaded what I am working on to explain: http://www.sterlingdesignuk.com/example/seo.html

Any help would be much appreciated.

]]> By: websage http://www.prime31.com/Blog/mootools/mootools-12-for-the-non-programmer/comment-page-1/#comment-193 websage Tue, 27 Oct 2009 18:29:24 +0000 http://www.prime31.com/Blog/2008/02-26/test-post-this-is-the-title/#comment-193 Anyone who might have trouble on the Slide Effect with a messed layout in IE7 should check if the wrapper element div is defined correctly in CSS. It will work fine on IE7 if it is defined this way: #wrapper { padding: 0; margin: 0; display: block; width: 100%; position: relative; } Of course, margin and padding maybe changed afterwards, but you avoid display errors using this. Anyone who might have trouble on the Slide Effect with a messed layout in IE7
should check if the wrapper element div is defined correctly in CSS.
It will work fine on IE7 if it is defined this way:
#wrapper {
padding: 0;
margin: 0;
display: block;
width: 100%;
position: relative;
}
Of course, margin and padding maybe changed afterwards, but you avoid display errors using this.

]]> By: admin http://www.prime31.com/Blog/mootools/mootools-12-for-the-non-programmer/comment-page-1/#comment-180 admin Tue, 04 Aug 2009 14:57:49 +0000 http://www.prime31.com/Blog/2008/02-26/test-post-this-is-the-title/#comment-180 @bladimir, I regret to inform that I have moved to the world of Apple and no longer have IE avaialble to me. @bladimir, I regret to inform that I have moved to the world of Apple and no longer have IE avaialble to me.

]]> By: bladimir http://www.prime31.com/Blog/mootools/mootools-12-for-the-non-programmer/comment-page-1/#comment-179 bladimir Tue, 04 Aug 2009 08:41:47 +0000 http://www.prime31.com/Blog/2008/02-26/test-post-this-is-the-title/#comment-179 for a start your examples are great! I am trying to get into this mootols things :-) Thanks for posting this kind of usefull information. Anyway , i just wanted to let you know that the Horizontal variation of the example is not working on IE, can you please help me to solve this? regards blady for a start your examples are great! I am trying to get into this mootols things :-)
Thanks for posting this kind of usefull information.
Anyway , i just wanted to let you know that the Horizontal variation of the example is not working on IE, can you please help me to solve this?
regards

blady

]]> By: admin http://www.prime31.com/Blog/mootools/mootools-12-for-the-non-programmer/comment-page-1/#comment-160 admin Mon, 20 Jul 2009 16:21:13 +0000 http://www.prime31.com/Blog/2008/02-26/test-post-this-is-the-title/#comment-160 @Deming, any text edit will work fine. @Deming, any text edit will work fine.

]]> By: Deming http://www.prime31.com/Blog/mootools/mootools-12-for-the-non-programmer/comment-page-1/#comment-159 Deming Mon, 20 Jul 2009 14:38:51 +0000 http://www.prime31.com/Blog/2008/02-26/test-post-this-is-the-title/#comment-159 I've been reading about how fantastic MooTools is and I want to learn it. I'm not sure what software to use in order to create with MooTools. Could someone provide me with names of what they use to edit and create with MooTools please. For example, are most people simply using a notepad to edit files or is this something that can be utilized within Dreamweaver? I'm clueless, sure. Thanks! I’ve been reading about how fantastic MooTools is and I want to learn it. I’m not sure what software to use in order to create with MooTools. Could someone provide me with names of what they use to edit and create with MooTools please. For example, are most people simply using a notepad to edit files or is this something that can be utilized within Dreamweaver? I’m clueless, sure. Thanks!

]]> By: Sunny Singh http://www.prime31.com/Blog/mootools/mootools-12-for-the-non-programmer/comment-page-1/#comment-156 Sunny Singh Fri, 10 Jul 2009 16:24:20 +0000 http://www.prime31.com/Blog/2008/02-26/test-post-this-is-the-title/#comment-156 I tried the alert one and it worked great when I put the ID that existed in the source, but when I tried manipulating something that was created from JavaScript (rendered, so it's not in the source) it did not work. Doesn't it still exist in the DOM? I don't understand why it's nto getting affected. Note I don't know much about JavaScript. I tried the alert one and it worked great when I put the ID that existed in the source, but when I tried manipulating something that was created from JavaScript (rendered, so it’s not in the source) it did not work. Doesn’t it still exist in the DOM? I don’t understand why it’s nto getting affected.

Note I don’t know much about JavaScript.

]]> By: admin http://www.prime31.com/Blog/mootools/mootools-12-for-the-non-programmer/comment-page-1/#comment-155 admin Wed, 17 Jun 2009 16:03:10 +0000 http://www.prime31.com/Blog/2008/02-26/test-post-this-is-the-title/#comment-155 I don't have IE so I can't confirm. What error are you seeing? Sometimes Wordpress messes up the javascript and we just updated to the newest version last week so it may have caused some problems. I don’t have IE so I can’t confirm. What error are you seeing? Sometimes Wordpress messes up the javascript and we just updated to the newest version last week so it may have caused some problems.

]]> By: jc http://www.prime31.com/Blog/mootools/mootools-12-for-the-non-programmer/comment-page-1/#comment-154 jc Wed, 17 Jun 2009 10:46:53 +0000 http://www.prime31.com/Blog/2008/02-26/test-post-this-is-the-title/#comment-154 the slideout/slidein does not work on ie. gives an error the slideout/slidein does not work on ie. gives an error

]]> By: admin http://www.prime31.com/Blog/mootools/mootools-12-for-the-non-programmer/comment-page-1/#comment-153 admin Sat, 13 Jun 2009 05:25:51 +0000 http://www.prime31.com/Blog/2008/02-26/test-post-this-is-the-title/#comment-153 Check out the main page (http://www.prime31.com) for an example using jquery. It would be pretty simple to change it to use mootools. Check out the main page (http://www.prime31.com) for an example using jquery. It would be pretty simple to change it to use mootools.

]]> By: marzbite http://www.prime31.com/Blog/mootools/mootools-12-for-the-non-programmer/comment-page-1/#comment-152 marzbite Sat, 13 Jun 2009 05:16:30 +0000 http://www.prime31.com/Blog/2008/02-26/test-post-this-is-the-title/#comment-152 this is great any help creating an image slideShow using Fx.slide? this is great any help creating an image slideShow using Fx.slide?

]]> By: atimesa http://www.prime31.com/Blog/mootools/mootools-12-for-the-non-programmer/comment-page-1/#comment-149 atimesa Tue, 14 Apr 2009 04:11:17 +0000 http://www.prime31.com/Blog/2008/02-26/test-post-this-is-the-title/#comment-149 Last two examples not working on either FF or IE. Last two examples not working on either FF or IE.

]]>