I have built a site that uses jquery and 3 plugins...
jquery.lightbox-0.5
ScrollTo
jPlayer
I continue to have some sort of conflict between my jPlayer script and the ScrollTo script.
Without jPlayer the ScrollTo script works fine. But when I add jPlayer the ScrollTo function scrolls the page to the selected div but then returns the scroll to the top of the page rather than staying on that selected div.
Could someone help me understand what the conflict is. Can I use both these scripts on the same page.
Here is the site I am working on.
http://www.multiplydivide.com/colm/mainorder.html#
I updated to the latest version of both jquery.scrollTo-min.js and jquery.scrollTo.js. Worked fine then.
Related
I have an isue with implementing an ajax in Wordpress site. I found a function on
http://www.franckmaurin.com/how-to-use-html5-history-with-wordpress-jquery/
and I tried to implement it in my Wordpress theme. I changed #main from a source code to .container_right, to adjust function for use in my theme. I almost succeeded, but when I click on any link in menu .container_right fades out, then fades in, as stated in function, but also is being duplicated. You can check that on
www.trzywu.pl/trzywu
when clicking through menu links.
PS. It also breaks all existing jQuery plugins on the site.
Nevermind, I found my own solution. I wrapped .container_right with a .container_right_wrapper and changed .container_right in function to .container_right_wrapper, then I added some css and everything seem to be working.
I'm automating tests using Selenium on Firefox, and everything was working ok until I needed to check checkboxes that are not visible due to a footer that is fixed to the bottom of the page.
It's a long list of disclaimers that are necessary to be checked in order to continue.
The first two are below this footer, the rest forces a scroll down, and are checked correctly.
My question is:
1) Is there a way to check the first two even thought they are below the footer?
2) Is there a way to make Selenium scroll down using a command?
3) Is there a way to make Selenium to open a new Firefox window maximized? (I believe that if this is possible, all checkboxes will be visible on load)
Thank you!
PS: This is my second post, if I'm missing some information please let me know and I'll edit it.
EDIT:
Firefox version: 23.0.1
Webdriver version: 2.35
Unfortunately, i have only configured my webdriver for Firefox (not on chrome at the moment)
You don't have to scroll the page as long as you are finding the Element with correct selectors (e.g. xpath, css etc.), so something like driver.findElement(By.xpath("xpath")); should remove the need to scroll the page. As for opening the page in full screen use the following
driver.manage().window().maximize();
If your web page needs to be scrolled down to interact with element, first you'll have to bring that element into view. Using Ruby, this can be achieved by following:
element.location_once_scrolled_into_view
and then interact with element.
You can use javascript executor to scroll the page. I've found that Selenium will click objects that are "visible" but hidden behind something else on the page.
JavascriptExecutor jsx = (JavascriptExecutor)driver;
jsx.executeScript("window.scrollBy(0,450)", "");
I use the capability:
capabilities.setCapability("elementScrollBehavior", 1); // 0- from Top,
// 1 - from bottom
When I start the driver, I set the capability.
I am trying to load Zurb Foundation tooltips 4.2 on an element within an ajax loaded colorbox modal window. I have tried everything I can think of but I just can not get this working. I have tried reloading, re initializing the framework within the ajax page, including all libraries in the ajax page, I even tried reloading the tooltips in the onComplete method of colorbox. Nothing works. I have searched for answers but it seems all previous posts are using a different syntax, I assume an older version of foundation.
I know I am loading it properly on the calling page because I put a test link on the page and the tooltip shows perfectly.
Any help would be appreciated!
Here is how I tried to load it using the onComplete method:
$.colorbox({href:'/controller/action',
className: 'create-account',
width: '500px',
onComplete:function(){
$(document).foundation('tooltips','reload');
_setUpDialogs();
}
});
So in short, i dont mess with Joomla at all (been a few years) and today i get a "hey can you fix this" problem which ive dedicated too much time to and i cant seem to figure out the problem. i definitively need help
The website is http://www.inrecordtime.net
The problem is that, the slider doesn't fully work and by "fully" i mean that, everything is in place, ive checked paths and replaced the original files with updated versions, also changed out the google hosted cdn version of jquery with a local copy, checked image paths etc....and nothing.
What happens is that when the page loads, the first image on the slider loads, but the slider doesnt "slide" its just one image in place.
Ive tested the images on firebug and they load fine.
Ive removed the parameters in the slider and left it as a regular function call like jQuery('#slider').nivoSlider(); and nothing.
i placed back the parameters and within the slider, one of the parameters is startSlide
and this parameter instructs the slider to start at a specific image in the list.
currently its at "0" which is the first image, when i change it like so startSlide: 2 for example, and then reload the page, the slider starts at the second image (which indicates the not fully working part of it all ) but again, the slider doesnt "slide".
I suggested to the higher ups that instead of mixing it all up, to let me hard code it but that was shot down because they want them to be able to change the images.
Im really lost so any help or code or suggestion etc, i humbly appreciate.
Thanks in advanced.
Based on the errors that are popping up in my console, you likely need to update the jquery.nivo.slider.pack.js file to a later version, which you can grab from here: https://github.com/gilbitron/Nivo-Slider/blob/master/jquery.nivo.slider.pack.js
The version you are running relies on the live function in jquery, which was deprecated and I think is now removed, hence the errors being thrown now that you use the latest jquery version. The new version of nivo slider has been updated to rely on the new on function of jquery and should run.
Looks like your version is located here: http://www.inrecordtime.net/templates/IRT/scripts/nivo-settings/jquery.nivo.slider.pack.js
I was testing a different feature, and I somehow, accidentally dropped an image that I had rendered "draggable" with jQuery UI, into a CKEditor (jQuery version) window. The source in the editor was updated accordingly. Serendipity!
But it was like I had just seen a unicorn -- It only happened once, and I was not able to replicate the effect.
Has anyone else been able to get those two tools to work together? If so, what's the trick?
I believe you don't need to make an image "draggable" with jquery to drag it into CkEditor. It works out of the box with any image of the page.