I have a simple mootools toogle script which show 1 div, while concealing others. Which works perfectly but its animation is very boring and simple..
JS:
Code JavaScript:
lastone='empty';
function showIt(lyr)
{
if (lastone!='empty') lastone.style.display='none';
[code]...
At the moment I am playing with jQuery a bit. Is it possible to get the same effect like the following one from Mootools with jQuery? Mootools: When using jQuerys slideDown effect you don't get exactly the same. On jQuery when you slide down some text. The text doesn't get created befor it slides in. (well it looks like that)
View 12 Replies View RelatedI'm looking for a jQuery slideshow plugin that will be similar to this MooTools effect http:[url]...Doesn't need to have the play/pause controls but I really like the way how the images are zoomed/moved and couldn't find any plugin for jQuery that will do the same.
View 2 Replies View RelatedI am having trouble accessing both the Class and the current element. How can I have access to both the current element and the Class?
// Class stuff above
fuction1 : function () {
myelements.addEvent('click', this.function2);
[code]....
I am seeking to change the color attribute in my CSS file under the ID's #realmaturesingles and #seniorpeoplemeet upon the hovering of these links. These two ID's are initialized inside an <a> tag (these are links). How can I do this with JavaScript? This is what I tried:
Code:
<script type="text/javascript">
$('#seniorpeoplemeet').FontEffect({
gradient:true,
mirror:true,
mirrorColor:"#CCC"
})
[Code]...
Im having a bit of trouble with the bounce show effect from jquery ui. To see what I mean, check out my development site. Anytime you modify a part in this computer builder, the rigth side gets updated. Right now its removing and adding list items. Problem is when click items too fast, the animation doesnt finish and the next item gets bumped lower and lower.
[Code]...
I am using scriptaculous effect in my script.
But it is giving following error.
Code:
It is giving Error Effect is not defined.
All other browsers work fine, but IE 9 flickers on the rotating gallery on this dev site..This is the JS function primarily responsible for it.
Code:
this.fadeRotate = function(currentItem,className,firstTime){
var moduleClass = document.getElementsByClassName(className);
var moduleItemCount = moduleClass.length;
if(moduleItemCount != 1){
[Code]...
To narrow it down more, it only seems to happen when you mouse in and out of certain divs.
I have a page using Moo Tools with 4 images. What I would like to do is to pass a boolean value to an array that exists outside of the image, but then I need to test to see if all elements outside the array are true. If so then I want to alert the user.
View 1 Replies View RelatedIt's a "live search" module for Joomla 1.5 and I'm trying to modify to use with Virtuemart (shopping cart component) I've got most of it to work but just can't figure how to extract the element I need. The script makes a url call to a search script which returns the formatted results. (works fine) The results are "set" in a hidden div. (works fine) They are in this format...
[Code]...
Prototype.js and mootools.js working fine individual. But when I am trying to use both of them (prototype.js and mootools.js) together so it is not working. This is my code.......
<html>
<head>
<link rel="stylesheet" media="screen" href="../calendar/styles/vlaCal-v2.1.css" type="text/css" />
<link rel="stylesheet" media="screen" href="../calendar/styles/vlaCal-v2.1-adobe_cs3.css" type="text/css" />
<link rel="stylesheet" media="screen" href="../calendar/styles/vlaCal-v2.1-apple_widget.css" type="text/css" />
<script type="text/javascript" src="../calendar/jslib/mootools-1.2-core.js"></script>
<script type="text/javascript" src="../calendar/jslib/vlaCal-v2.1.js"></script>
<script type="text/javascript">
window.addEvent('domready', function() {
new vlaDatePicker('P_L_Date_Id', { separator: '-', leadingZero: false, twoDigitYear: true, offset: { y: 3 },format: 'y/m/d', twoDigitYear: false});
});
</script>
<script type="text/javascript" src="../prototype.js"></script>
</head>
<body>
<input type="text" name="P_L_Date" id="P_L_Date_Id" onchange="Purchase_List_Fun()"/>
</body>
</html>
I can't seem to be able to retrieve a cookie with my MooTools script. I'm trying to output some code with an if() statement that verifies that the cookie is indeed there, but it's not working correctly. I'm not sure why. Here's my code...
HTML Code:
<script type="text/javascript">
var read = Cookie.read('style');
if(!read)
[code]....
Is there anybody who can convert my function to jquery? It's a short function but I won't handle it by myself.
View 4 Replies View RelatedI am trying to use the MooTools Tooltip and with the Title I saw that it can remove part of the URL. I was wondering if there is a way to remove more from it. URL: http:[url].....Right now I have it so that http[url]....is replaced by Article: Is there a way to also make the &p=123 removed from displaying? The only part that really changes in the URL is the 1109
PHP Code:
var Tips = new Class({
options: {
onShow: function(tip){[code]......
I tried to add lightbox to my slide show and it caused the slideshow to stop working correctly. I have narrowed the problem down to this particular stylesheet
Code:
<script type="text/javascript" src="js/prototype.js"></script>
I had to switch to Mootools, because the current company I am working for uses MooTools. Till thus far I haven't had any problems with MooTools until about 10min ago.
I am using a plug in called noobSlide, You can check it out here code...
My problem is that for some or other reason it displays 5 images instead of 4 images(the amount I am using), leaving the lastly displayed image blank. code...
I am using a mootools datepicker & I am working on a french page. My date picker works. I choose a date & it saves to database. If you refresh the page where the new date should appear, it will only appear if the month does not contain an accent. ie. 21/Avr/2011 will appear but if i had choosen 21/Fv/2011 then todays date would appear instead.
This is the datepicker js code
var DatePicker = new Class({
Implements: Options,
// working date, which we will keep modifying to render the calendars
d: '',
// just so that we need not request it over and over
[Code].....
Im a bit of a noob when it comes to mootoools, but have created a menu which hides itself and slides in from the left... I'd like to have it start hidden first though... can anyone tell me what i need to add, remove or edit?
[Code]...
The following code retrieves a PHP script prints user profile data inside a div with the id "list_body"
It is activated by an onclick event associated with an image of the user.
[Code]...
[URL ] The easiest way to show my problem is for you to view the slider in firefox and IE7. Clicking on the MORE DETAILS button slides down the tab..what i need to figure out though is why in Firefox there is a massive gap underneath and IE it appears fine..also the box appears smaller and in firefox the background image is getting clipped.
[Code]....
I love this site: [URL]. When you click a number at the foot, it suddenly changes to another image in the background. Is there an easy way that these 'blend' into one another, rather than the sudden switch? Their JS file is here: [URL].
View 1 Replies View RelatedI'm using FancyUpload (it runs on MooTools) for a section of my website. It automatically gets the <form action=""> URL of where it should send to with
HTML Code:
url: $('form').action
I'm trying to have a drop-down list so that whenever something else is chosen, the URL of which this is submitted to, changes.I know this:
HTML Code:
<select onChange="document.forms[0].action = '/upload/?section=' + this.options[this.selectedIndex].value;">, but this, of course, doesn't change anything in the uploader.
How would I change the URL of the uploader? I really don't know how I would, since this is how the JavaScript starts:
HTML Code:
window.addEvent('domready', function() { // wait for the content
// our uploader instance [code].....
I'm using Mootools 1.2.0 and I'm trying to create a mouseover slide menu. That means that there will be a slideIn effect on menu-item's mouseover event. I have created a menu and I have achieved the sliding effect. The problem is that when I mouseover quickly on menu items, the slide in effect of each item doesn't have enough time to complete. In the end, there are more than one slides opening at once, instead of one. Is there someway to force my script to end all slidein or slideout effects before starting a new one?
[Code]...
I am trying to make one small modification to a website. I just want to make an image that, when clicked, scrolls to a certain point.
This is the javascript that I think controls the scrolling:
var element_y;
var swiffy;
var cur_groupid;
[Code]....
I have been trying in vain for many days to resolve a conflict between javascript libraries. My homepage uses jquery horizontal css menubar + a combined mootool and prototype accordian type sliding information box in the middle of the webpage. I find that the highlighter of the css menubar does not work when prototype.js is also loaded on the same page. I have read somewhere that $ should be replaced however I have tried every possible option and none works. I have jquery loading first as it is on my template, with this:
<script type='text/javascript' src='../Web/Templates/jquery-1.3.2.js'></script>
<script type='text/javascript' src='js/example.js'></script>
And my mootool and prototype loades further below like this:
<script type="text/javascript" src="scripts/intro/prototype.lite.js"></script>
<script type="text/javascript" src="scripts/intro/moo.fx.js"></script>
<script type="text/javascript" src="scripts/intro/moo.fx.pack.js"></script>
<script type="text/javascript">
function init(){
var stretchers = document.getElementsByClassName('box');
var toggles = document.getElementsByClassName('tab');
var myAccordion = new fx.Accordion(
toggles, stretchers, {opacity: false, height: true, duration: 600}
);
//hash functions
var found = false;
toggles.each(function(h3, i){
var div = Element.find(h3, 'nextSibling');
if (window.location.href.indexOf(h3.title) > 0) {
myAccordion.showThisHideOpen(div);
found = true;
}
});
if (!found) myAccordion.showThisHideOpen(stretchers[0]);
}
</script>
I am trying to use both jQuery and Mootools in one site I am building. I have researched the web including [URL] with no luck. I have tried loading jQuery after Motools with no luck. My research indicates mootools needs to go first. I have also tried below but that doesn't seems to work?
(function($){
// code with the jQuery $ can safely go in here
})(jQuery);
HTML Code:
[HIGHLIGHT="HTML4Strict"][highlight="HTML4Strict"]
<title>test</title>
<link rel="stylesheet" type="text/css" href="index.css" />
<script type="text/javascript" src="js/jquery-latest.js"></script><!-- jQuery -->
<script type="text/javascript" src="js/mootools.js"></script>
<script type="text/javascript" src="js/mootools-more.js"></script>
<script type="text/javascript">
window.addEvent('domready', function(){
//MooTools smoothScroll
var smoothScroll = new SmoothScroll({duration: 2800});
// MooTools .....