I know this isn't strictly a jquery question. Here is the [URL].. I want one video to stop playing when the user navigates to another part of the page (my menu is just revealing and hiding different content)I know that I need to use this somewhere:api_pause():void
I've looked at the vimeo moogaloop API but am really lost in it.
So I am working on this cool video player; URL...And I was wondering if anyone has ever paused a vimeo video with javascript or jQuery. The problem at the moment is that if a video is playing and then another video is clicked, even though the first video slides up, it doesn't stop playing.[code]
View 3 Replies View RelatedI have several iframed Vimeo videos in a simple Cycle slideshow. Works great, except that the videos continue to play, once they're playing, even when they aren't the visible slide. How do I get the videos to pause when I click up the next slide, perhaps with Cycle's "before" function? For the life of me I can't find a solution via google
View 3 Replies View RelatedLooks at each paragraph and converts youtube and yahoo video links to embedded players.Example
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
[code]....
have different players on a given page - youtube, vimeo, soundcloud, etc.
when the first player is finished playing whatever it is, then it can move to the next one and start playing.
obviously we are talking about players that have javascript apis available. what i'm thinking is: have a "state" for when the player is playing (is it called an object?). run a loop that checks to see if the first item is playing, and when it's finished it goes to the next item and plays it.
collecting players name and it will make a rank/tables by itself.Theres a link for each players of course but i dont remember ALL of them :P.its like manipulating the stats and compile a rank.
View 1 Replies View RelatedI have developed one project and in that i have taken two css now i want to add jquery effects in that, But my display is not properely adjusted and extra enlargement is done so how i can add jquery in my php project without affecting another effect? And one more thing where i can get the jquery effect codes?
View 1 Replies View Relatedi'm having trouble with using multiple jquery plugins in the same page. only one or two plugins work.
View 14 Replies View RelatedI have succeed in using JQuery tabs + accordion in my page, it works perfectly.
However, I need to use several accordions in the same page, so when I try this, the second accordion doesn't work :
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>jQuery UI Example Page</title>
[Code].....
I get 100+ products outputted from a database with 2-6 images each.I want to use cycle with Pager to show the images for each product.My problem is that the pagers for each image cycle,connects with all the image cycles.I've uploaded the dev files here: http [url]... Each of these products have 4 images.I my jQuery looks like this
$('.product-photo').cycle({
fx: 'fade',
speed: '1000',[code]....
I would like to know how I can have multiple functions on the same page. The idea as you will see is to have a pic on top of text and on mouseenter the pic is faded to show the text. I would like to have 4 pics with the same effect on the same page. Here is my code, it works great for one picture but not when I add the other 3:
<script type="text/javascript">
$(function() {$('#one img').mouseenter(function() { $(this).fadeOut(200);
});
$('#one').mouseleave(function() { $('#one img').fadeIn(200); })
;});
$(function() {$('#two img').mouseenter(function() { $(this).fadeOut(200);
});
$('#two').mouseleave(function() { $('#two img').fadeIn(200); });
});
$(function() {$('#three img').mouseenter(function() { $(this).fadeOut(200); });
$('#three').mouseleave(function() { $('#three img').fadeIn(200); })
;});
$(function() {$('#four img').mouseenter(function() { $(this).fadeOut(200);
});
$('#four').mouseleave(function() { $('#four img').fadeIn(200); });
});
</script>
<div id="one">fgjk jdjgkld fj dsfk klsd klgdjsk gljsdlk gkljsdkl fkjksd klg ksdkj gsdlk klsdjgjklsdjgkl dklf<img src="img/eye.png"></div>
<div id="two">fgjk jdjgkld fj dsfk klsd klgdjsk gljsdlk gkljsdkl fkjksd klg ksdkj gsdlk klsdjgjklsdjgkl dklf<img src="img/water.png"></div>
<div id="three">fgjk jdjgkld fj dsfk klsd klgdjsk gljsdlk gkljsdkl fkjksd klg ksdkj gsdlk klsdjgjklsdjgkl dklf<img src="img/eye.png"></div>
<div id="four">fgjk jdjgkld fj dsfk klsd klgdjsk gljsdlk gkljsdkl fkjksd klg ksdkj gsdlk klsdjgjklsdjgkl dklf<img src="img/water.png"></div>
I have multiple selects on a single page like...<select name=select1 id=select1>
<option value="val1">Val1</option>
<option value="val2">Val2</option>
<option value="val3">Val3</option>
</select>
<select name=select1 id=select2>
[Code]...
Each one belongs to a student so the # in the select name/id = student_id. I want to set a value in a text box based on the value selected for that particular student.
Rather than having a script for each select, can I make a single script that can determine which select was changed and then change the text box accordingly?
i have been setting up 3 rows of tabs on one page. it works fine in terms of each panel closes when another is selected but on each row there always remains one tab as selectedDo you know of anyway to ensure for example that when i click a tab on row two and it becomes selected it will also remove the selected state from the tab on any other row?i have tried this but it does not do the trick
//
$("#tabs1 ul li a").click(function(){
$('#tabs2').tabs({ selected: -1});
[code]....
Is it possible to handle conflicts between 2 versions of jQuery loaded in the same page? Assume that two applications (from different developers that know nothing of each other) share the same canvas (page) and each one of the developers is allowed to register global JavasScript libraries on the page. If each developers registers a different version of Jquery how could the hosting page handle conflicts?
View 5 Replies View RelatedI need to use some features in later versions of jQuery (specifically, hoverIntent in v1.5), but my current sites are running 1.4, and in some cases 1.2.
View 4 Replies View RelatedI have searched the forums pretty extensively to see if this question was answered before and haven't seen that it was.
I am trying to implement the jQuery accordion effect more than once within the same HTML page. I included the plugins and their following suggested code:
[Code]...
I am using the plugin jquery.innerfade to make a small slideshow, but I am having trouble using it for two. I want two different slideshows on the one page, and in different divs. I can't seem to get it to work.
Code:
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.innerfade.js"></script>
<script type="text/javascript">
$(document).ready(
[Code].....
I need to be able to fade in 3 divs but not all at the same time, I need one to fade when thats finished, fade in then the next, then the next. Can anyone help me with this? I assume its got something to do with queue's but im not 100%
View 1 Replies View Relatedi somehow figured out how to have multiple instances of the jquery scrollbar on the same page - however, i would like to use those scrollable divs in a auto-centered fixed width layout. i cannot seem to be able to modify the code in a way so the scrollbars move with the centered layout.i could imagine this could be of interest for others too since this technique finally gives cross platform identitical scrollbars and would help unifying designs.
View 6 Replies View RelatedI can't seem to get my second lightbox to launch into the lightbox. The first instance is fine and working perfectly. I'm assuming its some kind of code in the header to make it work but not sure at all.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
[Code]...
I'm trying to set up multiple instances of the galleria plug in on the same page. Here is the page I am working on[url]...
I don't really know javascript very well so that's why I'm stumped.
I have two scrolling RSS feeds at [URL] at the bottom of the page.
I've created these by calling a php document containing the script and the feed.
I can't get any more than one to work. I've tried it a hundred different ways and no joy.
Am I missing something here? I want to be able to have more than just one button to toggle the drop function with different content. I'm using the test code below to set this up. Works fine if just using "btn" and "btndiv" but nothing happens when I add "btn2" and "btn2div":
[Code]...
I am looking to have multiple image sliders (javascript / jquery) on one page. I have built the framework and have gotten one slider to work.
However, when adding in another slider, I have only confused the situation.
Below is the html and css. Let me know where I've gone wrong here.
Will I need another set of css classes for each slider?
How do I call a second slider?
The html/javascript:
Basically, what I am trying to do is call several ajax requests using jQuery on the same page, i know that all browsers are capable of requesting multiple requests. However in Chrome and Safari my website works fine, but IE, Firefox and Opera all only call the first request then dont call, the second two. I dont know why though?
All of the code for the site is here: [URL]
I'm using Minitabs plugin. It works great for me, but I just can't have multiple tab sets on the same page. This is the JS:
Code:
jQuery.fn.tabs = function(speed,effect) {
id = "#" + this.attr('id')
$(id + ">DIV:gt(0)").hide();
[Code].....