Include link in youtube player jquery-1.8.2
Hello, I'd like to add videos coming from youtube or dailymotion ... on my current player: jquery-1.8.2 My player looks like this: http://www.leszappeurs.fr/zaps_basilic.php For now, I can only add videos hosted by me, it is avi, fly, etc ... For now, there are only mp3. <track> <location>http://www.leszappeurs.fr/emissions/mp3/basilic/les zappeurs - le basilic novembre 2013.mp3</location> <creator>Les Zappeurs</creator> <album></album> <title>Novembre
Strange behavior: local vs online rererence to script files
Look at this: <link rel="stylesheet" href="scripts\jquery.mobile-1.4.0.min.css" /> <script src="scripts\jquery-1.9.1.min.js"></script> <script src="scripts\jquery.mobile-1.4.0.min.js"></script> When I download the files and refer to them locally, the script works. However, when I replace the lines with online reference to these same files <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.css" /> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
jquery and jquery mobile used together?
i am trying to build responisve website and looking like if i can use different jquery implementation at different resulations please help
Having troubles with cloned fields
Hi, how are you? It's my first time in the forum and my english is not very good, so I'll try to explain myself good hehe. I've this code: var i = $('.detalle fieldset').size() + 0; $("a#add").click(function(){ $('<fieldset class="articulos" id="'+ i +'"><input name="articulo[' + i + '][nombre]" id="art_nombre" value="" /><input name="articulo[' + i + '][cantidad]" class="art_cantidad" value="" /><input name="articulo[' + i + '][preciou]" class="art_preciou" value="" /><input name="articulo['
jQuery Validation: Error in Demo
Hi there, thanx for this awesome plugin. It seems that there is an error in the bundled demo. In the file index.html is a broken reference to jquery.validation.js: Line 10: <script src="../jquery.validate.js"></script> Should be: <script src="../dist/jquery.validate.js"></script> Best regards from Heidelberg, Markus
Why do I always get the last id when I do an alert..The first values are overridden by the last id of content close
$(document).ready(function(){ $('.content .part').hide(); var id='l'; var count=0; $('.content .close').each(function(){ var iden = id + count; $('.content .close').attr('id',iden); alert($('.content .close').attr('id')); count++; }); $('.content .close').click(function(){ alert($(this).find('h3').html()); alert($('.content .close').attr('id')); //I am always getting the last id "l3" }); });
Tabs won't work in IE8 with Compatibility View on
I have an aspx page that is using the jQuery tabs control that has 4 tabs. There are DIVs that should be hidden depending on which tab is currently selected. This functionality works in Firefox, Chrome and IE8 with Compatibility View turned off. However, when I turn on Compatibility View for the site, all of the DIVs below are displayed regardless of the tab that is displayed.
Animate Div To Jump In Front Of Page Content
Hi, I find that the people I work with are easily discouraged from using a webpage if there's lots of links, and there's a lot of linking data for the job. I've got a drop-down menu for categorizing. My goal is to to click a drop-down menu item and a div containing the content slides/animates/pops up (while the rest stay invisible). Like ads but actually useful ;) The div would contain a table with links, nothing special. So far all I can find is codes that float, slide, or animates the div left
Jquery touchmove event restrict to one axis
I have a mobile javascript/jquery app that uses touchmove through jquery for scrolling purposes. The entire page scrolls to show additional content when its swiped left and right. But when a menu item from the bottom is selected i need to freeze the page and just make the details pop up scrollable. I am doing that fine right now with the following. $("body").bind('touchmove', function (e) { e.preventDefault(); }); $('#detailsTextContainer').bind("touchmove", function (e) { e.stopPropagation(); });
Creating div and seeing real time text?
Hello, I'm trying to create a div ( which works ) and then add text to it in real time ( which doesn't ). my code: // this part works. $("#AddText").click(function() { if (!$('#TextArea').length){ $("#Area").append("<div id='TextArea'>test</div>"); } }); // however this isn't working, I can't seem to figure out why. $("#AddText").keypress(function() { if ($('#TextArea').length){ $("#TextArea").val(this.value); } }); any help would be great. thanks!
Dynamic treeview using jQuery plugins
Hi Team, Which is the best supported jquery plugin to get a dynamic treeview using JSON format. MY requirement: inintially only root node will be displayed and on clicking the expand button we have to query the data related to selected rootnode and the tree will grow further. Please do the needful. Need some sample working code for the same. my application is a web application using WAS server and jsp files.
"Check all" checkbox doesn't behave as expected if clicked before any other element
Hi I created the following JSFIDDLE: http://jsfiddle.net/s5Gzd The idea here is a table with different effects: * Even rows will be assigned a different style than the odd ones. * Hovering effect when placing the mouse over a row * Changing the color of a row when clicking on it or on the checkbox located on the first column. * "Check all" checkbox, which will select/deselect all rows and adjust its colors according to the state of this checkbox. Here I have only one problem: if the first thing you
What are the basic requirements for a WCF Service to be used in JQueryMobile?
Hi, I want to consume a external WCF Service provided by Client in a JQueryMobile project. So want to know can we blindly use the WCF Service or there are some restriction in consuming the webservice methods (like WCF methods should have specific attributes if we need to access from QueryMobile). we dont have any option of modifying the WCF webservices we will be just consumers so just before starting on we need know what all restrictions are there if we want to use WCF Service in
slowing .each iteration rate
Is there a way to slow the interation rate when using .each ? I would like to watch what is happening as it goes along.
Jquery Cycle plugin is stacking images only in IE 8 and 9
I can not figure out why the cycle plugin is stacking the images in internet explorer but works perfectly in all other major browsers (mac and windows versions). I am using 2 other plugins (mosaic and superfish) and they seem to be working fine so i know i am missing something simple somewhere. Any help would be much appreciated. Jquery <link href="css/styles.css" rel="stylesheet"> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/cycle.js"></script>
selected radio button again
I using jquery-1.10.2 to select two radio button like blow,it is not work ,but using jquery-1.8.3.min.js is correct,who can help me how todo it,tks: <script> function testradio(radval) { $("input:radio[name='radisstop'][value='"+radval+"']").attr("checked",true); } </script> <input type="radio" name="radisstop" CHECKED value="1" id="isstop_0"><label for="isstop_0">running</label> <input type="radio" name="radisstop" value="2" id="isstop_1"><label for="isstop_1">stop</label> <input type="button"
Close dialog error method undefined in JQM1.4.0
As I upgrade my project to use JQM 1.4 there is an error in console debugging when I close the dialog, I am not sure it can effect to my project or not. And I have already run example dialog on demo online site http://demos.jquerymobile.com/1.4.0/pages-dialog/ Error is the same as mine. Uncaught TypeError: Cannot call method 'apply' of undefined ps. Test it on google chrome
Creating an accordian that slides up instead of down
I'm trying to create an accordion style information on my page. When I click on one of the titles it slides down which is correct but now I need one of those titles to slide up instead of down. Here is the code that I use to make the titles slide down. $(".additional-nav-info1").click(function(){ if($(".additional-nav-info-inner1").css("display") == "block"){ $(this).removeClass("active"); $(this).addClass("inactive"); $(".additional-nav-info-inner1").stop().slideToggle(250);
Lost overflow div
Hi..i have a div container(div1) and into this other div with overflow auto(div2)..when i execute slideUp and slidedown div1 and slidedown it... the div2 lost overflow..some issuse or what wrong?
Where is the data stored on the element?
Hey Guys. I am new to the .data() function and was just wondering where exactly does the data get stored on an element. I have the following code $("#store").click(function () { $("#div1").data("key1",1234); $("#div1").data("key2", "Joe Marini"); }); <div id="div1" data-key3="data attribute">Sample DIV</div> When I checked the DOM for the the div one tag, I couldn't find any keys and values and any of the attributes, just the data-key3 value. Also what is the difference between using the data()
adapt code to 1.4
Hi The code using the previous version of jqm, referred to the following files: jquery-1.8.2.min.js jquery.tools.min.js jquery.mobile-1.2.0.min.css jquery.mobile-1.2.0.min.js I see that the first and second one do not have any obvious equivalent in the 1.4 pack; jquery.mobile-1.4.0.css jquery.mobile-1.4.0.js jquery.mobile-1.4.0.min.css jquery.mobile-1.4.0.min.js jquery.mobile-1.4.0.min.map jquery.mobile.external-png-1.4.0.css jquery.mobile.external-png-1.4.0.min.css jquery.mobile.icons-1.4.0.css
In jqm 1.4 is it possible to change data-theme dynamically wihout having to do .removeClass .addClass
Have had issues trying to dynamically change data-theme dynamically. it updates the html and I have tried the using .listview('refresh') and li element .trigger('mouseout'), but still I see no visual changes in styling.
How to prevent breaks when user reloads a page.
I have straight out links from page to page to page. <A HREF="page.php" data-role="button"> When a user thus reloads though on a page a few in...they lose the CSS and other things associated with that page. That is because the header files are only on the first page and not on subsequent pages. I'm hoping to have it so that if someone forces the reload that it resets to the front page of the app. Or is there a better way to do this. Thanks
datepicker is not getting the correct date
Hi, I am using the jquery datepicker. When trying to read the date from MySQL I am getting read.. at least that's what I am getting when checking the view.source but the value on the from end is not what I want. here is the code: <input type="text" id="dateClosingDate" name="dateClosingDate" value="<?php echo $closing_date; ?>" autocomplete="off" readonly required> and this is the jquery: $(function () { $("#dateClosingDate").datepicker({ dateFormat: "dd-mm-yy", numberOfMonths: 2,
JqueryUI class documentation
Hello, Awhile back yall used to have a write up on your classes within the UI. It described the functions of the classes and a lot of very helpful information. Is it possible to incorporated that back into your documentation. It would be great if yall could ... Thanx
auto-complete suggestions get hide when Im trying to select
Im trying to implement jquery in my page. my code is as follow. also have attached my jquery. $("#username").autocomplete({ source: function( request, response ) { var username= $('#username').val(); $.ajax({ url: "/message/ajaxuserslist", dataType: "json", data: "fieldId=users&username="+username, success: function(data) { response($.map(data, function(item) { return { label: item.UNAME, }; })); }, }); }, minLength: 1, noResults : '', results : function(resultsCount) {}, select: function
How to create slide show using jquery
My code, display one by one images. i need slideshow : $house_image_link[] = "<li><img src=' ".JURI::Base()."components/com_realestatemanager/photos/".$house->image_link." '/></li>"; default.php : <div class="div_SlideShow" id="div_SlideShow"> <ul> <?php foreach($ongoing as $ongo):?> <?php echo $ongo;?> <?php endforeach;?> </ul> <div style="clear: both"></div> </div>
make jQuery Mobile app stay open when user presses the home button on iphone
Hi: I am not sure if this is possible. for most iphone apps, when a user pressed the button (not sure what it is called, it is the only button on the front), the app goes away, but somehow it remembers its state or just being dormant. so when the user presses the icon to bring up the app again, it will be in the state when the user last visited it. for example, the state of collapsibles, panels, which page is in the dom. Now when a user presses the button in my jquery mobile app, it goes away and
jQuery form validate plugin: Remote check with JSON-Data?
I use the query form validate plugin (http://jqueryvalidation.org/documentation/) for validating some form fields via remote check, Below is my working demo code: username: { required: true, minlength: 3, maxlength: 25, remote: "/dir/checkvalue.php" } The php script echoes just false or true as a string and the validation via the plugin is working fine. For some reasons I've to change the php's output to JSON, so it would be: {"STATUS":false} or {"STATUS":true} I don't know how to handle this JSON
Dialog init shows on page
sing jQuery UI 1.10.2 with AngularJS and Chrome Version 32.0.1700.76 m I have a simple index page that inits a dialog with autoOpen: false, $( "#myDialog" ) .dialog({ autoOpen: false, ......etc On page load/refresh, I see elements of the dialog appearing at top left of page for a few seconds, looks almost like an unbound version of all dialog contents, rather than constrained by the size of the dialog. I do not want to see this dialog appear, until I specifically open() it. Any
randomizing: use id or img ?
An ajaxed-in page -- ajax.htm, occupying <div id="ajaxgoes here"></div> -- has a series of images, z-indexed, and set to "display:none": <img class="nun" id="#img1" src="folder/img1.png"> <img class="nun" id="#img1" src="folder/img1.png"> <img class="nun" id="#img1" src="folder/img1.png"> How to randomly show one of these images? something like showOne() { // var ids = [ '#img1', '#img2', '#img1' ]; // or // var imgs = [ 'img1.png', 'img2.png', 'img1.png' ]; / /$("??'+ ??[Math.floor(Math.random()
slideUp/slideDown problem
In this link, http://jsfiddle.net/8ws2H/1/, the panels work like they're supposed to. However when I copy the code to a new HTML page and save it, it doesn't work (nothing happens when clicking the panels). Including my code here, what have I done wrong since it won't work? <!DOCTYPE html> <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> </script> <script> $(".flip").click(function () { $(".panel").slideUp(); $(this).next().slideDown(); }); </script> <style
Is this the best way to make a translation-dictionary app?
Hi everyone, I'm a bit of a JQM noob. I'm great with HTML CSS and PHP and I want to try and make an app using JQM. I made a very simple presentation app for a friend. It was okay. Now, I want to try a bigger project. I want to make a translation/dictionary app and submit it to the iTunes store and the Google Play store. I have an idea of how things should be made, but I would love some input from the more experienced JQM folk here. 1. START SCREEN -> WORD LIST -> WORD DETAIL From the start screen,
mouseover and mouseout issue
Hi, I am working on a project on that when i mouse over on black dot - 1. navigation menu shown and when i mouseout menu hide (this is working properly) 2. When i click on that black dot my navigation menu animation load again(which is wrong) and menu content display But my navigation menu hide(which is need to show that navigation menu and menu content on click). 3. When i click on another navigation dot currently loaded menu and menu content need to be hide and display clickable dot menu and content.
Garbage collector
Hi everyone. I am new to this forum. Can anyone tell me the usage of garbage collector in java
Push panels not working as they should.
Hi Guys, i'm having a little problem. My push panels on this site are not running as they should. Here is the link: http://www.glaserarbeiten.info/mobilewebsite/ Im pretty new to jquery mobile. I thought i could get some help here. If you click the panel, and go to another page and activate the push panel there again and switch back to e.g. home the panel is not sliding out sometimes. I tried it in Chrome, Firefox and Safari + Samsung Galaxy SII standard browser.
Keith Wood Datepicker & Fullcalendar Onselect trigger events
I'm using keithwood datepicker & fullcalendar jquery plugin. Have linked fullcalendar to show particular day events when clicked on a date in datepicker. Below is the code example. $(document).ready(function() { $('#selectWeekPicker').datepick({ renderer: $.datepick.weekOfYearRenderer, firstDay: 1, showOtherMonths: true, rangeSelect: true, onShow: $.datepick.selectWeek, showTrigger: '#calImg', onSelect: function (dateText, inst) { switchView('agendaDay');
1.4.0 icon sprites?
1.4.0's new icon markup (or removal of) appears to have rendered icon sprites impossible to use any work around? css or javascript? Is it just me, or is this a very peculiar design choice? The new inline SVG is top-notch, but I don't see why the icon pseudo selector / removal of <span class=ui-icon"> was necessary
not selector is getting ignored
Hi, I want to hide my search field when the user clicks ANYWHERE but not on the search field itself and the icon which activates the search field. I tried it like this: $(function() { $('.top-searchField').hide(); $('.icon-close-searchField').hide(); }); $(document).ready(function() { $('#search-icon').click(function() { $('.top-searchField').show('slow'); $('.icon-top-searchField').hide('slow'); $('.icon-close-searchField').show('slow'); }); $('div').not('.top-searchField, #search-icon').click(function()
What's the purpose of setting a property on an already initialized component?
I'm trying to modify the plugin options but none seem to work. What's the purpose of doing something like the following: $( ".selector" ).listview( "option", "inset", true ); if the inset mode won't change the visualization even after doing something like: $( ".selector" ).listview( "refresh"); it changes the option value but why give the user access to this option if changing the value wont actually change the plugin visually? So far only thing refresh has done for me is to let me add new items
Next Page