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 RepliesI 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'm trying to find an example of a country selector (which also provides a state selector if USA is chosen) then you cvan select the city, any samples out there?
View 2 Replies View RelatedAre there any difference between class selector and ID selector
View 2 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 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]...
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 RelatedAt 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 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 .....
I have a conflict between Mootools (Slimbox) and jQuery (easyListSplitter). I can't get them to work together. I was reading about jQuery.noConflict();, but I find it quite complicated to implement.
View 2 Replies View RelatedI am having trouble with my MooTools Slideshow. I have a page with 4 Spry tabs and 3 of them have slideshows. I've set up the page for multiple slideshows, but only the first tab works correctly.
These are 2 issues I'm having:
1. The thumbnails work properly for the first tab, but for the other tabs they seem to stack upon one another and flutter when you mouseover.
2. When you switch to a different tab, you get a smaller photo artifact for a couple of seconds in the right corner of the slideshow screen (I have a feeling this will go away when #1 is resolved).
Here is where the website can be viewed: [url]
I was these 2 bits of help from another forum:
The issue is probably that slideshow can't calculate dimensions properly when it is hidden. It's really a general issue with javascript/DOM-manipulation: when an element is set as display:none - like the hidden tabs - nodes inside of them have no height/width. The workaround would be to initialize each slideshow once the tab is visible.
Do not initiate all slideshows at once, initiate them when the tab comes into focus, destroy them/pause them when a tab loses focus. I don't know how to initiate the slideshow on tab focus.
Bascially I have a main page with all the code setup to slide whatever content is in the div 'sub_content'. As below: [URL] Contained in the my "external pages" are different slide contents that I want inputting into the 'sub_content' div as below: [URL] If you click 'Test Link 2' you will see it fade out but it's then loading in the main page again? I think it is this line of code found in submenu.js where the problem lies? var myXHR = new Ajax( objLink.href + '&blnAjax=1', { method: 'get', evalScripts: true, autoCancel: true, onSuccess: showSubPage } ).request();
View 13 Replies View Related