audio onclick playback issues, sound stuck in IE and Chromium
Hi, I added a jquery menu onclick event to play an audio file each time a menu link is clicked, it works flawlessly in firefox but as you can see under dev[dot]lightserver[dot]at the sound gets stuck with IE11 or Chromium browser. Curiously for only one button "Lösungen" playback works as thought. The firebug console doesn't give me a hint what's wrong with the playback. I'm not that experienced using jquery, but I guess there's some scripts incompatible? kind regards
¿Cómo puedo hacer zoom a una imagen al clickearla?
Me gustaría saber ¿Cómo puedo hacer zoom a una imagen al clickearla? Soy un poco novato y me gustaría un poco de ayuda.
Click through series of images
hello everyone I have recently encountered a problem with jquery while trying to use the click function. Below is my code. http://plnkr.co/edit/kT03fd2iMnWsIcnkdDTh?p=catalogue What I am trying to do is start with an image ("closed"), click on it and have the image change to a different image ("open.png"), then click on it again and have it go back to "closed". Ideally, I would be able to add multiple "click" steps before returning to the initial image. However, this is not working and I was wondering
datepicker shows a div at the bottom of a page on loading
I have just noticed that every page with datepicker shows a thin bar at the bottom. Firebug shows it is the following div <div class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all" id="ui-datepicker-div"></div> Since the div has borders so it looks like a bar. Could anyone tell me how to get rid of it? Thanks in advance!
Draggable feature
Hi guys I have a timelines in my project with a lot of <li>. In the timeline we can add new stuff, so I don't know exacly how much <li> there will be so to use draggable I'm going through class and not by ID. The thing is, when I do a drag to change positions between two listed items, I want to know which ones changed so next time when I reload the timeline the change will be already available in database and it will load in the correct order. Basicly, I want to use draggable to rearrange my listed
How to get link in variable
One link is defined of "et_pb_more_button et_pb_button et_pb_button_one" class, I want to use this link in my script. Can you please tell me what should i write to extract the link <a href="http://www.facebook.com" class="et_pb_more_button et_pb_button et_pb_button_one">fl</a> <script> var href = ?? </script>
Using 'ignore' in jQuery validate stopping submit
Hi - here is my validation code: $('.myForm').validate({ ignore: [], rules: { overallRating: { required:true }, wouldRecommend: { required:true } }, submitHandler: function(form, event) { event.preventDefault(); var formValues = getFormValues(); submitForm(formValues); } }); Pretty striaghtforward. But - the ignore: [] line stops the form from submitting. So - the submitHandler never gets hit. I need the ignore: [] line in there as I'm validating some hidden fields. I know these fields are being
Add buttons dynamically to a table element
I am trying to add buttons to a table dynamically. The purpose is to allow the user to get more info about the person indicated by 'name'. How do I get the button to be next to the name? The following is almost there but the button is on a new line due to the div. var register_tr = $('<tr></tr>'); var radioid = 'radios'+id; var register_name_td = $('<td style="vertical-align: middle;" id="' + id + '" name="studentname"> ' + name + '<div align="right" data-inline="true"><button class="ui-shadow ui-btn
URL being updated on preventdefault
Have a problem that is driving me insane! I suspect I am doing something wrong... I am using jQuery mobile 1.4.5 with multiple pages in the same HTML file. jQuery version: 1.11.3 I have a page #mainregister on which I check for any user changes. If they try to navigate away, I stop the navigation using this code (using info I found on SO): $(document).on("pageinit", '#mainregister', function(){ $(document).on('pagebeforechange', function(e, data){ ResetTimeOutTimer();
Send additional data on normal ajax link
Hey guys, Iam searching for a solution to send data through a normal link. Follwing system (Multiple Page site): <div data-role="page" id="site1"> <div data-role="header"> <h1>Bankgeflüster</h1> </div> <div class="ui-content"> </div> </div> <div data-role="page" id="site2"> <div data-role="header"> <h1>Bankgeflüster</h1> </div> <div class="ui-content"> </div>
Setting the context for a search
I have set up a query like: $('.formFieldContainer', formElement).each(function(index) { var element = $([id^='gofr_']. <???>).html() console.log(element); }); But I am not sure what to put in the <???>. The id's will be unique
Getting a typeerror whilst trying to create a currency exchange selector
Hi, I'm trying to create a currency exchange selector like the one on the below site: http://www.personalisedgifts.org/ I've written the below jquery which is runs when the currecy drop down is changed and is supposed to loop through and convert all the currencies: $('.currencySelector').change(function() { var currency = self.val(); $( ".curreny" ).each(function( index ) { var total = self.attr('euro-total'); switch(currency) { case 'eur': self.html(total); break; case
Unexpected page change
I have a cordova/jQuery Mobile app which has a single HTML page, many jQuery-Mobile page divs and, amongst other things, page switches of the type: someDiv.unbind('tap').on('tap', function(){ $('body').pagecontainer('change', $('#someotherpage')); }); (The whole code is quite large now, so I can't upload the whole thing). Broadly, this is working fine. But I'm getting spurious page changes. For example: I tap on a div in Page A ...the page changes correctly to Page B I tap on the back button
How to reverse a function
Working on a point system that assigns points for every element with matching content in a group of search results. It works well when I compare the contents from .per-results to .myself, but it doesn't work when I do the comparison from .myself to .per-result. When reversed, it still assigns points but it assigns the same amount of points for all .per-resultwhen it should differ. My code looks like below. $(function() { $('.per-result').each(function() { var $matches = $('span', this).filter(function()
Android browser (4.n.n) and popup image does not work with styled glyph icon
The <a> tag is a styled FontAwesome glyph : <a href="#pu-li0" data-rel="popup" data-position-to="window" data-transition="slidedown" class="pix"></a> <div data-role="popup" data-theme="b" data-overlay-theme="b" data-shadow="false" id="pu-li0"> <!-- Nothing to see here. Please move along. --> <img class="pu-img" src="../images/image0.jpg" alt="pu-li0"> </div> .pix:after {padding-left:1.5em; content:"\e800"; font-family:fontawesome; line-height:.75em; color:dimgrey;}iOS, Chrome/Android and all desktops
JQuery autocomplete can't get data from response in IE8
I have autocomplete on one textbox. it's working in IE9, firefox, chrome. but not working in IE8. error msg is :SCRIPT5007: Unable to get value of the property 'question': object is null or undefined. please read the following code and comments inside. Thanks. $ (function () { $newTFQ.find( "input[id$=tbQuestion]" ).autocomplete({ source: function (request, response) { $.ajax({ url: "Services/Questions.ashx" , dataType: "jsonp" , async: false , data: { featureClass: "P" , style: "full" , type:
jquery mobile add large space below footer.
Hello all. First time trying query mobile, using it on my wp theme. After enabling jquery mobile i now have a large blank space with the text "loading" below the footer. I have already google for this issue and the solution of adding data-position="fixed" data-fullscreen="true" to the header and footer did not work. the site is at http://agileart.us/ Could i please have some advice on how to solve this? addendum: it seems to me that possibly one of the issues is that jqm is preventing this Failed
on "pageshow" softkeyboard not showing up the first time with Cordova
Hi, I'm trying to get the keyboard to show up on Android inside the "pageshow" function using cordova. It is suppose to focus into a input field (text) and the keyboard is suppose to show up. It only focus into the input field but the keyboard didn't show up. When I go back and then go into the same page again, The keyboard shows up. Does anyone have any idea as to why it doesn't show up the first time, or know any work around to it? Here is my code: var foundInput = null;
is it possible (ajax)
hey guys i have a function like so: function ajax(type, url, data){ return $.ajax({ type: type, url: url, data: data, cache: false, processData: false, contentType: false, dataType: "text" }); } i'm able to call for success and error function like so: var upload = ajax('POST', 'save.php', data); upload.success(function (src) { });
animated repositioning of elements on resize
In the past I have come across Jquery libraries which animate the repositioning of elements which occurs on resize in responsive sites. However I cant seam to find any now Can I have some suggestions
Why jQuery Mobile Why not jQuery UI ?
I hope this question does not rub folk up the wrong way however I have been developing an application that has both desktop and tablet audience - until now I have developed using jQuery and jQueryUI. The tablet dependancy has until now utilised Dialog and Buttons and for the most part, delivered what I want. My concern is as my dependancy increases (meaning I use features beyond Dialog and Buttons) that I will find myself applying band-aids to my tablet target code which might not otherwise be required
Filtering with mixitup but content vibrates?
Hi if you press the filter CM, the single element in the 3rd row is kind of vibrating, but why, I hope you guys can help me. http://jsfiddle.net/p8k9sp3r/ Thanks
Specify one Checkbox to make a selected Row
Request: Use one checkbox only that has the class asdf that should be enable to select the row by changing the background color to yellow. The remaining of the checkbox (to the right side) shall NOT enable to change the background color to yellow. The problem that I'm facing is that don't know how to solve it. If possible not to change the structure of the html because it is used today in production phase. http://jsfiddle.net/qabnx4ph/27/ http://jsfiddle.net/oc1n1c49/2/ Thank you!
Custom elements ('x-') and JQM
When a custom element is present in a 'paged' document, JQM enhancement copies the last (or the parent) element of 'x-container' to subsquent 'header', 'content' and 'footer' <div>s - <div data-role="page"> <div data-role="header">...</div> <div data-role="content">...</div> <div data-role="footer"> <x-container> <img src="../neither/here/nor/there/1.jpg"> <img src="../neither/here/nor/there/2.jpg"></img> <img src="../neither/here/nor/there/3.jpg"></img> <img src="../neither/here/nor/there/4.jpg"></img>
Jerky sliding animation and transition in JavaScript/jQuery
Im trying to animate or ease the incremental scroll left triggered as shown in the below fiddle, but struggling to find the issue with the smooth transition. Any help would be really appreciated, thank you function scrollRight() { i = (i + 1) % elements.length; jQuery(slider).parent().animate({ scrollLeft: (width) + 'px' }, options.hasOwnProperty('speed') ? options.speed : 1000, function() { obj.find('li:first-child').appendTo(jQuery(slider).parent().scrollLeft(0).find(slider)); if (!pause) timeout
Getting undefined with the below code..
Hi, This is my code, I am trying to get the attribute of previous td child from current td input, kindly see the below and suggest me the solution. HTML <html> <head><title>I am a beginner</title></head> <body> <table><thead/><tbody> <td><input name="1sttextbox" type="text" value="10/22/2015" id="1"/></td> <td><input name="2ndtextbox" type="text" value="10/23/2015" id="2"/></td> <td><input name="3rdtextbox" type="text" value="10/21/2015" id="3"/></td> </tr></tbody> </table> </body> </html> Jquery
Refresh after remove data-role
When I remove data-role, I am unable to refresh/create the styling. Using simple example below, <ul id="lv1" class="" data-role="listview" data-icon="false"> <li><a>item-1</a></li> <li><a>item-2</a></li> <li><a>item-3</a></li> </ul> <div onClick="$('#lv1').removeAttr('data-role'); $(#lv1').listview('refresh');">Remove class</div> I think the code $(#lv1').listview('refresh') should not apply as the data-role=listview already being removed. I also tried using $('#IdOfYourPage').page('destroy').page();
multiple instance of countdown
Hi, I am new on jQ and still have some problemes to make multiples instances. I have write a countdown in JS, long time ago. <script language="javascript"> date_today = new Date(); date1=date_today.getTime(); date_end_event = new Date(2015,12,20,11,40,00); //yyyy,mm,dd,hh,mm,ss date2=date_end_event.getTime(); remaining = (date2-date1)/1000; remaining_days = Math.floor(remaining/86400); remaining_hours = Math.floor((remaining-(remaining_days*86400))/3600); remaining_minutes = Math.floor(((remaining-(remaining_days*86400))-(remaining_hours*3600))/60);
JQM multiple links within TALL popups don't work on iOS
I know there are some issues currently with the history and back buttons on iOS devices and at first i thought this was part of that as my close buttons where being blocked but now i'm not so sure... on iOS devices (iphone 5s, iPad 4 both running on iOS 7/8) the default safari browser seems to have issues with links that are located with in a popup (with overlay theme or dialog type styling). if i have a short popup that will fit on the screen without having to scroll then ALL the buttons within
fill dropdown popup with theme
hi i want to fill dropdown popup with theme i use dropdown like this <asp:DropDownList ID="ddShipInstructService" runat="server" data-theme='<%= Session["ThemeValue"].ToString() %>' data-content-theme='<%= Session["ThemeValue"].ToString() %>' > </asp:DropDownList> i bind so many record so popup not fill theme so please help me Its Theme Problem
Pageinit doesn't fire/ jQuery Mobile Transitions
Hello, I have a problem with the transitions on my jQuery mobile web-app. wksinfo.peter.bplaced.de After Login I select an item in the listview and the page change from uebersicht.html to detail.html and then I press F5 -> then I press the button back/zurück (in detail.html) to come back to uebersicht.html. So, when I select an item in the listview which brings me back to detail.html pageinit doesn't fire. I changed pageinit to pageshow but it doesn't work.
Request with jquery and PHP running jquery function
Regards, I'm adapting a system that uses pure javascript to switch to jquery (jquery-2.1.1.js). I'm having trouble when making a request. In making the request ($ .post () or $ .getJSON ()) to a PHP file for success. But if PHP file has an IF and it has another function or javascript jquery I get an error message. Note: There are no errors in PHP and jquery function is included correctly. Attached is a flowchart of the problem. There is something to be done? I wait anxiously for answers to all!
Being new to GUI development, I m perplexed with this requirement. Kindly guide me
Need to develop a rich responsive GUI with following requirements. 1. Need to have a Metro look and feel. 2. Recent searches should be present [Id + value] 3. Database calls for any number as we type (autosuggestions) [Id + value] 4. “X” mark on the number once the user selects from a ‘Search’ 5. Graphical user experience on the selected parts. Technical frameworks: Spring MVC + Jquery + any_suggestions Kindly help me on this. Attached are screenshots of the requirements
JavaScript runtime error: Syntax error
I am using Jquery to delete a file but getting Unhandled exception at line 23, column 13751 in http://localhost/Scripts/jquery-1.10.2.min.js 0x800a03ea - JavaScript runtime error: Syntax error whenever this this line get hit $('#TestTable').html(data); Below is whole code $(document).ready(function () { $('.delete').attr('href', 'javascript://'); $('.delete').click(function () { $dialog.data('id', $(this).attr('id')).data('contId', $(this).attr('contId')).dialog("open");
Tabs beforeActivate: Using ajax result for return true/false fails
Hi, I try to use a ajax result for a true/false return in a function, but it doesn't work. I have read all about the stuff here so i built the following code: $( ".selector" ).tabs({ beforeActivate: function( event, ui ) { validateSession().done(function(r){ if (r.session) return true; else return false; }); }); function validateSession() { return $.ajax({ url: check.php, data: { session_check : true }, type: 'POST', dataType:
How to set dropdownlist selected index?
Dear All, I have load dropdownlist data using ajax and I want to set 1 item selected after an other button click. but what I try doesn't work, please help. the code I try using jquery: $('#IDName :selected').val() = 2; $("#IDName select").val("2"); Regards,
Important function missing from source code.
Was just going through the source of code datetimepicker HERE . the source code can be seen HERE . now there is this function Date.prototype.dateFormat = function( format ){ //you code for convert date object to format string //for example switch( format ){ case 'd': return this.getDate(); case 'H:i:s': return this.getHours()+':'+this.getMinutes()+':'+this.getSeconds(); /*case 'h:i a': return ((this.getHours() %12) ? this.getHours()
Trying to hide an element and having trouble
I'm trying to figure out what dumb mistake I'm making. I'm trying to hide the contact form name and contact information at the top of the page: http://www.schumacherliving.com/contact/ I installed jquery-1.11.3.min.js in my root folder and then added the below code into my header. I know I am doing something really dumb but can't figure out what it is :/ I would have used CSS to hide it but it uses the same div class as the form below it and I don't want to hide that form. <script src="http://www.schumacherliving.com/wp-content/jquery-1.11.3.min.js"></script>
Jquery date picker with dynamic fields
Hi, I am trying generate dynamic text boxes of Datepicker. The generation works fine, but i would like to customize the mindate for each from dates depending on what todate is selected previously. The best example of what i am trying to achieve is the multi leg journey and the from dates shouldn't overlap in each leg. I am using class to have datepickers for each of the dynamically generated text boxes. Say for example from date1:10/12/02015 To Date 1:12/12/2015 Below are the dynamically generated
jQuerys Ajax module.
Hey guys , i have never used much of jquerys ajax module , now i was just going through the documentation for $.ajax HERE . has alot of interesting features eg. statusCode (default: {}) Type: PlainObject An object of numeric HTTP codes and functions to be called when the response has the corresponding code. For example, the following will alert when the response status is a 404: $.ajax({ statusCode: { 404: function() { alert( "page not found" ); } } }); If the request is successful,
Next Page