Prototype And Mootools JS Not Working Together
May 2, 2009
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>
View 1 Replies
ADVERTISEMENT
Feb 23, 2011
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>
View 1 Replies
View Related
Jun 7, 2010
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...
View 5 Replies
View Related
Apr 14, 2010
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.
[Code]...
View 1 Replies
View Related
Aug 16, 2011
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
Code:
$().ready(function() {
function formatItem(row) {
return row[0] + " (" + row[1] + ")";
}function formatResult(row) {
return row[0].replace(/(<.+?>)/gi, '');
} .....
View 11 Replies
View Related
Jul 15, 2011
I 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]....
View 6 Replies
View Related
Mar 24, 2006
I'm using the prototpye libary (the version is 1.4.0) and i can't seem to get my ajax updater to work. Could anyone help please?
HTML Code:
function content(page){
new Ajax.Updater("contentDiv", "content.php", {
parameters : "page="+page,
onFailure : window.document.href = "http://kieranpeat.co.uk/gg/?page="+page
});
};
HTML Code:
<a href="?page=pictures" onclick="content('pictures');return false;" title="Goto the my pictures section">My Pictures</a><br />
View 8 Replies
View Related
Dec 9, 2010
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:
[Code]...
View 3 Replies
View Related
Apr 19, 2010
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).
View 4 Replies
View Related
Nov 25, 2011
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
View 5 Replies
View Related
Dec 14, 2009
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?
View 24 Replies
View Related
Oct 12, 2010
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 Related
Feb 18, 2009
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...
[Code]...
View 2 Replies
View Related
Nov 14, 2010
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]...
View 2 Replies
View Related
May 2, 2010
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]....
View 7 Replies
View Related
Aug 9, 2010
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 Related
Apr 30, 2009
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 Related
Mar 25, 2009
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]......
View 1 Replies
View Related
Jan 16, 2010
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>
View 2 Replies
View Related
Mar 14, 2011
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].....
View 4 Replies
View Related
Aug 29, 2009
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]...
View 1 Replies
View Related
Jul 30, 2009
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]...
View 1 Replies
View Related
Feb 27, 2009
[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]....
View 1 Replies
View Related
Feb 17, 2010
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 Related
May 31, 2010
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
// our uploader instance [code].....
View 1 Replies
View Related
Jun 9, 2009
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]...
View 1 Replies
View Related