I've been using the JME playlist plugin successfully in the scenario where I load one list and interact with that list only. However, I've had to update my app to load multiple lists and switch between them. Unfortunately, I can't get the new playlist to load - the original keeps playing. The behavior I'm going for is analogous to what happens when you call $('audio').loadSrc(new_playlist) - where the old playlist stops playing and the new playlist starts playing from the beginning.
I'm trying to use the array method,$('audio').playlist(pl_array), as that's easiest for processing. I've included a test example here so you can see the exact code I'm using:
I am creating a website, and I have javascript function that will play a video playlist by passing it a playlist ID. I want to be able to share a url that points to my website and also calls a javascript function, like: [URL] If someone clicks/enters that url, they redirect to my website and the getPlaylist(id) function is called. Is there a way I can do this?
I am currently using the scrollable jquery plugin to scroll some images of thumbnails in a gallery. What I'm trying to do now, is figure out how to load the large version of those thumbnails into a div when they are clicked. Here is a link to the webpage where the source can be viewed. [URL]
View this message in context: [URL] Sent from the jQuery General Discussion mailing list archive at [URL]
I have a problem on a Wordpress website: I gave certain pictures (as elements of the layout) rounded corners with a jQuery plugin. Some posted pictures I want to load with Lightbox (or similar). I have used several different Lightbox plugins for Wordpress (Lightbox 2, jQuery Lightbox, Simple Lightbox etc. etc.) but none of them work. I got some weird version of GreyBox working but FireFox gives an error every time before opening it so that's real shady code. As you can see on this page is that I include jQuery for the rounded corners at first but then the Lightbox plugin automatically adds it's own version of jQuery and they cancel each other out. I know for a fact this is the problem because I 'lose' the rounded corners as soon as I turn ON the Lightbox plugin. Once that is turned off the nice rounded corners show again. I tried several different plugins, changing the order of the jQuery code around, making both the rounded corners plugin and Lightbox rely on one single jQuery statement. Nothing has worked so far.
I'm having trouble setting up a webplayer on a site. I had set up the player receiving the files and set up a jwplayer with an xml playlist. I am then notified we won't be receiving files just <iframe> and <object> codes. The player I am using only supports this if I get a crossdomain.xml set up and that's not an option. What I need to know is how to set up a playlist that can on click play the selected <iframe> and <object> codes in a player window next to them. I am a beginner with javascript, most of my experience is html.
I'm new to jquery, and to javascript in fact. I'm trying to find some way to find out when an element (by its Id, class or element type) has been loaded. What I have is the following: I have a report in a table, and the records are paginated so that only a few (say 10) are shown each time. When I press "next page" only the table is reloaded instead of the whole page.
The thing is, some of the table cells have a datepicker, but I only manage to show the datepicker in the first page (because it is the only time when the whole page is loaded and I add the datepicker on document.ready). So, I guess what I'm looking for is something like $("table").ready(function... . I have found an "elementReady" plugin, but what it does is triggering an event when a given element is ready (which is what I want) only when the full DOM is loading (which is not what I want).
The form processor I'm using can take a few seconds to complete (and either take me to the thank-you page or back to the form with error messages). I'd like to change the "submit" button to a loading GIF. I'm using the following code but realize that the form (using ajaxSubmit) doesn't actually submit when I do this.
function pleaseWait() { var x = document.getElementById("submitdiv"); x.innerHTML = "Please Wait... <img src='/images/ajax-loader.gif' />"; }
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.
I have a question about ajax, php si mysql.. In mysql i have a table playlists and here is the code for php:
<?php $playlist_result = mysql_query("SELECT *, COUNT(playlist_id) AS NumOccurrences FROM playlists WHERE created_by=$user_id GROUP BY playlist_id HAVING ( COUNT(playlist_id) > 0 ) ORDER BY date DESC"); $playlist_result_count=mysql_num_rows($playlist_result); $i=0; if($playlist_result_count > 0) { [Code]...
It`s working fine but in mysql is inserted the id of the last created playlist, not the one that I clicked. What am I doing wrong?
I have a blog which is dedicated to english music. I was using flash audio player before but now using window media player. Iam successfully runing the code in my blog and using a playlist in which songs play one by one, but i want to make the song list visible in my blog so that people coming in can decide themselves what to listen. so i want to make a playlist above or below the player so that songs are visible for selection and for listening. The current code which i am using now is.......
<OBJECT ID="MediaPlayer1" CLASSID="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" CODEBASE="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab# Version=5,1,52,701" STANDBY="Loading Microsoft Windows� Media Player components..." TYPE="application/x-oleobject" width="280" height="46">
I have a site that is very jQuery and image heavy. The main sections of the site link to sections that are built with several Tabs, and as it loads, you briefly see all the content load and then it is hidden by the Tabs code.
The plan is to have a full window DIV that sits above all the content with a loading icon that plays until the entire page loads, and then it fades down.
After some hair pulling and research I have code in place that does exactly as I ask, however it does not seem to work in IE6+7. It works in all other browsers.
I need to toggle my lists independently within my <sidebar> div. As current, it will minimize or maximize them all upon click. My aim is for them all minimized to begin with, and upon individual selection, i wish them to maximize. Heres what i currently have:
the scripts i made is for a search box , the problem is that the search lists does not expand over the page. its just moving the page more down. this is the script:
<script type="text/javascript"> function lookup(inputString) { if(inputString.length < 1) {
I am trying to figure out how to dynamically show/hide certain form elements based on the selection from the drop down list.My form is defined like so[code]...
I have selected a list that contains sub-lists. Now, I'd like to search for the list items that contain sub-lists (but not including the sub-list-items). I think the example below will explain what I'm trying to do.
HTML: <ul class="start-here"> <li>Do Not Need</li> <li>NEED THIS ITEM[code].....
i've got a question. I would like to show childlists in a sidebar which have less than 2 elements in it, and hide childlists which have more 4 elements in it.this is what i got til now:
I have a Custom Dropdown Lists that converts Option tags to UL tags with jQuery. The Dropdown List is working perfectly as long as theres just one on each page.I'm trying to figure out how i can have multiple Dropdown Lists (in this case two) on the same page, and how to populate the second Dropdown List (with say Cities from the Country) based on the selection made in the first Dropdown.
Page uses the model dialog code from JQUERY UI. Was having the IE6 Z-Index issue with IE6 Applied the BGIFRAME plugin solution (bgiframe: true) ISSUE DESCRIPTION: When the modal dialog is triggered, any/all select-lists previously displayed are suddenly hidden. BROWSERS TESTED: FF2.x, FF3.x and IE8 behave no issue. Only manifests this way in IE6. REQUEST:
How can i improve my code such that the select-lists dont get hidden when the modal dialog is displayed?
I want to create a recipe site with similar functionality to a feature on coolspotters. I've only dabbled in jQuery so I'm not sure how complicated it would be to do this. Basically what I want to do is allow a user to add recipes to dynamically created lists. For example if a user searches for Italian food they should be able to create a list called "Italian" and add italian recipes to the list. Or if they do a search for Japanese dishes they will be able to create a list called "Japanese" and add Japanese recipes to it, etc. I know their would be some back-end code involved but I was wondering if jQuery could handle the front-end. I've only dabbled in jQuery so this sounds like a complex thing to do.
Any plugin/website that is jQuery, which will do what this Dojo example does, i.e: [URL]. I am wanting something similar to this as I would like to use as a means of allowing a user to administer a menu structure.
What happens is if I select a few items from the list in my first tab and try to drop them into the other tab things go wonky.The 2nd tab displays fine, but one element I picked to move isnt moved over (stays visible in first list if I go back to it) and the other 2 items I had selected and dropped are sort of moved but are floating up near the 2nd tab name. And if you try and move either of those two rphaneditems they go back to the same floating spot I went into the IE Javascript debugger and did a step through and from what I can tell in looking at different variables, the 3 items I moved do actually get put into the 2nd list.t seems more like a display issue which is why I think it is an issue with jquery.ui. If you choose 2 items by using CTRL-Left Click, just drag them into the 2nd tab and see what I mean.I am using jQuery 1.4.4 and jQuery.ui 1.8.7. I have my example on jsfiddle.
http://jsfiddle.net/danoman7/FTyXk/15/embedded/result/ (Full Screen View) http://jsfiddle.net/danoman7/FTyXk/15/ Maybe it isn't a defect and I just can't call appendTo() in the context that I am.
So my problem is that I've got a main navigation with a dropdown menu underneath "products". I positioned the dropdown menu, set it to display: none, then wrote jQuery to slideToggle the menu when a particular LI is hovered over. The issue is that when I hover over the "Products" LI and try to hover over the dropdown, it disappears because I'm no longer hovering over that LI.
You're probably thinking "Just make nested lists!!!!". Well, I don't want to. I've got some jQuery being applied to the main navigation that I don't want to effect the dropdown. I just want a way to be sure the dropdown is open when the mouse is hovered over either the main LI or the dropdown UL and that the dropdown is closed when the mouse is hovered over neither.
In my code I've tried to make it so that if the mouse is over the dropdown UL it stays open, but the mouse leaving the LI trumps that maybe? HELP PLEASE! My HTML and jQuery is below.
