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" />
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 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...
The carousel I'm using on my site is skipping an image when I click on the 'next' arrow ie. #1 > #3 > #5 > #7.... The 'prev' arrow just isn't working fullstop. I'm a total novice at Javascript, so I'm at a total loss as to how I can fix this.
I'm using mootools-core-1.3.2.js & mootools-more-1.3.2.js to toggle hide/show a div but since I started using jquery-1.4.4.js the mootools toggle stopped working. Here is the jquery code I'm using on all of my pages
I have developed a widget. I am using the jquery core api. Im having a problem when the widget is used in a weebly site. I know weebly uses prototype and I am using the workaround:
var $j = jQuery.noConflict(); however there is still a clash of some sort. I think every prototype.js function is being called or something because the page is taking a long long time to load as there are many requests being made which look like this:
This JS code is on RoR+ImgMap site.I've tweak several portion of ImgMap, specifically around line 2205 of the file imgmap.js by adding code.so that when the user draws a shape, the focus will be set to the respective href field, instead of the default behavior - adding new row(imgmap form).
According to ECMAScript, the root of the prototype chain is Object.Prototype. Each object has an internal property [[Prototype]] that could be another object or NULL.... However, it also says that every function has the Function prototype object: Function.Prototype, it confused me, because a function is an object, for a function object, what is its function prototype and object prototype..For example:
var x = function (n) {return n+1;};
what is the relationships of x, Object.Prototype and Function.Prototype
I am trying to get to the bottom of javascript object, prototypes etc. I have a fairly good grasp of it, but I get confused the closer I get to the base object.prototype. FIrst of all, I was under the impression that all objects descend directly from Object. But some objects (like Array) seem to inherit properties and methods from the function.prototype. So does this mean that the chain is like this:
object -- function -- array Second, I noticed (on the mozilla javascript reference site that object.prototype inherits properties and methods from function.prototype and vice versa!? How can this be? I must be missing something important about understanding the chain?
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.
It'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...
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)
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)
I 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
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
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?
[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.
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].
I'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
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?