Issue with tab links inside tabs
Hi all, I am very new to jquery and it is the first time posting on here. I have an issue with links that are within one tab not opening the other tabs when they are clicked, the href changes but the content does not open. I have tried reloading the page and replacing the href but to no avail and I have tried to write code that makes the relevant li class="active" to make the content show using parent(), closest() but I dont have the know how to get it right. Example html below: <div class="fusion-one-full
Jquery Slider - Left to Right
Hi All, We have a jquery slider on this page It currently slides from right to left, but we need it to swipe from left to right. Any ideas how to make this happen? Cheers Jake
Discover !important attribute in a ruleset
Need to know whether or not a dom element has a rule set with important priority. Example: a div with a class of class1: I need to dicover the important attributes for both cases. .class1 { width: 50px !important; padding-left: 10px !important; } Thx I. Sher
jquery mobile data icons not showing (grey circles only)
i have tried placing the image folder in to a server to no avail pliz help the link are okay <link href="../../Third Party Source Code/jquery-mobile1/jquery.mobile-1.4.2.min.css" rel="stylesheet" type="text/css"/> <link href="../../Third Party Source Code/jquery-mobile1/jquery.mobile.theme-1.4.2.min.css" rel="stylesheet" type="text/css"/> <link href="../../Third Party Source Code/jquery-mobile1/jquery.mobile.structure-1.4.2.min.css" rel="stylesheet" type="text/css"/> <script src="../../Third Party
Call to ".show()" in menu.js
The bugtracker seems to be down, so i'll try to get some information here. While performance profiling my application i came across a thing in the destroy() method of menu.js. .find( ".ui-menu" ).addBack() .removeAttr( "role aria-labelledby aria-expanded aria-hidden aria-disabled " + "tabIndex" ) .removeUniqueId() .show(); I'm constantly adding / removing selectmenus in my application when pages change for example. The call to `show()` here takes lots
I have no idea what I'm doing, but I've almost made a nice multi-level horizontal menu.
fter using pre-rolled scripts and simple jQuery commands for several years, I decided to design and build a custom jQuery powered navigation bar. I'm quite sure my attempt could be improved upon considerably, but as far as I can tell, my humble attempt almost works. Here's a Fiddle of my creation so far: https://jsfiddle.net/8boqt6n9/ Opening the hamburger menu works as intended, exposing the main navigation Clicking the second or third menu item works as intended (exposing the sub-navigation) Closing
Cookies auto-incremented cookiesID
Hi, I am storing cookies data using Jquery in asp.net Code. My requirement is to increment the Cookie Id by 1 As I store another cookies. So that I can use this next cookies to find out the record on this behalf. E.g. <script> function SetEhsCookies(serviceID,cityID,vendorID) { var cookieValue ="" + serviceID + "," + cityID + "," + vendorID + ""; $.cookie(' ehsCookie0001 ', cookieValue, { expires:7, path: '/' }); alert(cookieValue);
inserting into text elements
hello guys and ladies, I am completly new to the topic, learning about dom right now and I think I don´t get somethink... Suppose I have this form: <body> <form action="index.php" method="POST"> <input type="text" name="string"> </form> </body> and I have a function which does something and in the end of the function I just want to insert a value which is counted by the function into the text... I am trying something like: $('#string').val($vysledny_text); $("#string").append($vysledny_text);
dialog size as percent
Perhaps I'm missing it, but is there a way to set the dialog size as a percentage instead of as a fixed pixel dimension? Thanks for any help!
Having Issue on Validating Sub Validation (Nested If)
Can you please take a look at This Demo and let me know why I am not able to validate the query properly? As you can see I have 3 groups of selections and in the top level of validation I am able to validate the `isValidQuery` but int the `Selection Group #3 ` where user has options to select `Not Sure ` or `Luxury ` or `Economics ` WHERE the the `#selected-luxury-Items ` must be validate if the `Luxury ` been selected or `#selected-econo-Items ` must be validate if the `Economics ` has been selected
Coil and uncoil svg image
I want to coil up a svg graphic and uncoil it, any suggestions or methods ?
When I use "slide" back to the former page ,Chrome displays blank.
I am developing a mobile web app .To imitate the native app swipe effect，I used the "slide" of transitions to change the page, but I have found when the program runs in Chrome , it will display blank after the page2 swipe to the page1 , this issue only appears in Chrome, and the other transition effects are normal . My code is following, and my English is poor, I don't know whether I express myself clearly. <!doctype html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,
Dialog error when loading page twice
I have a master page that open a page with links in it to open a dialog . It works fine when the page is loaded the first time, but when I reload the page - it gives me this error: Uncaught Error: cannot call methods on dialog prior to initialization; attempted to call method 'open'. This seems simple but I'm stumped, it seems even though I reload the page that the dialog may be stored in DOM of the parent page???? this is all there is: $(document).ready(function(){ $(function() { $( "#dialogMgrTERM"
Why is my change handler never being fired?
I've got this jQuery: /* Whenever boxGrandTotal changes (which it does when any amount is entered in any of the "amount" input text elements), disable the save button if there is a discrepancy between the totals */ $(document).on("change", '[id$=boxGrandTotal]', function () { //var savebutton = $("[id$=btnSave]"); alert('entered the change handler for boxGrandTotal'); var savebutton = document.getElementById('[id$=btnSave]'); var payment = parseFloat(document.getElementById('[id$=boxPaymentAmount]').value).toFixed(2);
jQuery pop up plugin does not work for all elements
The pop-up plugin works fine if it is called on a single element. But stops working when i call it on multiple items - via classes. I have also enclosed the "plugin function" within a "return this.each(function() {})" But it is not worken. Can some one please help me figure out what's going wrong. Thanks http://codepen.io/TheEnd/pen/BNGmbx
Page navigation goes back to first page then desired page
I am developing a simple application in JQuery Mobile for use by messengers as they complete orders or update order notes. This is a single page with 5 separate data-role="page" divs. Operation is like a wizard. User logs in, enters the order number being worked and either updates the order notes if not completed or select complete to enter that data. Each page makes an Ajax call to to the server to pull back specific data. The issue I am having is that when moving to the Complete Order page the
How can I change the class with addClass() of an html() method?
I have a guessing game and I am adding text to a <div id="message"></div> above an input field. I want to dynamically add a class using a function to the html text that I have already added to the div#message. How can I achieve this with a function? var numberGuesses = 3; var randomNumber = Math.floor(Math.random() * 10) + 1; var numberGuesses = 3; var randomNumber = Math.floor(Math.random() * 10) + 1; function isValid() { var number = document.getElementById("guess").value; if(number
Draggable div inside a rotated parend div !!!
Hey, i want to drag items around inside a div that is rotatable, but it doesnt work correctly anyone knows how to fix that? Here is the code https://jsfiddle.net/27ey90xw/
having a problem with ajax content load event
Hello i am having trouble with a load event, this is my first attempt at jquery so please bare with me, so the purpose of this code is to load content into a div with the id of "documentation_content" div the html for this div resides in a folder called content, when the link "Filey 1" is clicked it is supposed to load the html stored inside the content folder into the div with the id of "documentation_content" instead it takes you to this rl http://mickabooh.com/document-libray/contact/about.html
JavaScript for Web Developers: onClick and onMouseOver
Is this valid code: <li onClick="$('#header_global_search_content').show();" onMouseOut="$('#header_global_search_content').hide();"></li> ------------------------------------------------------------------------------------------------------------------------------------------------------- onClick and onMouseOut ?
jQuery truncate plugin not working
For "min_StrLength", my plugin is supposed to truncate and replace the string with a substr till the min_StrLength. But the returned value seems to be less than what is specified in the plugin settings. Can some one please guide me as to what is going wrong? http://jsfiddle.net/cmgroh3h/2/ Thanks
jquery function to remove a particular tr
please, can somebody help me with a jquery code that I can use to remove a particular table row from the list of rows
how to unbind mouseout before get fire after mouse over
Hello i have a vertical menu which when you hover on each item of this list another list will show out . what i want to do is when the user hover on the second list which is the result of the first list hovering i want to stop collapsed and stay expand . i used this $parent_ul .find("li") .unbind("mouseout"); but this will show the effect on the second hovering . but what i want is to unbind the mouseout immediately . ul_parent_mouseover:function(event){ vertical_menu.defaults.$wrapped_child_ul.animate({left:
JS Function, cant figure out why
I may have one of the weirdest problems I have ever had. I have a portion of script (included below), which gets executed when the page loads. As far as I can tell, this function only gets called once, the weird part though, is the entire function executes twice.... I debugged it as much as I can. When I comment out the line where I call it (once), it doesnt get executed at all, when I uncomment it, it gets executed twice... I dont see anywhere in the function where it executes itself, and if it
Issue with checkbox listener in multifield
I have a multifield component with a 1 checkbox in each item. I am adding a listener so that if one check box is checked all others should be unchecked automatically. I am writing the listener with jquery. When I check the next item in multifield, the functionality works fine, however, it doesn't work when I check a previous checkbox in the multifield item. whats around with this code: Check = function(e) { $("input[name='./isActive']").each(function () { if($(this).attr('id') !== e.id &&
Jquery Tabs - Using Inernal URL links
I'm using Jquery mobile in my website and tabs navigating didn't work well when adding URL in tab instead a #div tag. I need to change the tab on swipe event. <div data-role="tabs" id="tabs"> <div data-role="navbar"> <ul> <li> <a href="#one" class="ui-btn-active" data-ajax="false" data-href="#">ONLINE</a> </li> <li> <a href="#two" data-ajax="false" data-href="#">SPECS</a> </li> <li> <a href="another-page.html" data-ajax="false" data-href="#">LOCAL</a> </li> </ul> </div> <div id="one"></div> <div
Bootstrap Switch (Toggle Button) Animation Speed
I'm trying to modify the animation speed in the Bootstrap Switch toggle buttons but to no avail, there appears to be no parameter to let me change it? — http://www.bootstrap-switch.org/options.html Is it possible to achieve this by modifying the core code? It looks very complex though and way beyond my Js abilities to figure out! https://github.com/nostalgiaz/bootstrap-switch/archive/master.zip
how to validate autocomplete validations while submitting the form.
how to validate autocomplete validations while submitting the form in webapplication.
form input values in jquery dialog box are not sending onsubmit
please I need help. I have a form with file input type on jquery dialog box which I want to send all the file data while I click on the submit button to a php file using formData, but the form data are not sending while I click on the submit button
Basic jQuery Slider to stop after 1 loop
How to make Basic jquery Slider to stop after 1 loop I'm using this basic jQuery slider, but like it to stop after 1 cycle and not loop. I don't see that as one of the options for customization. Any idea how to customize on top of it? I want to edit this slider : http://www.basic-slider.com/ This is “Basic jQuery Slider”. I want, when I click right arrow (not automatic) after last slide, it did not scroll. It will again scroll when I click Left arrow. Thanks
live scroll event?
hello, please see this demo: http://jsfiddle.net/sabeti05/gak1j2ac/ The event for class "inside" occur when scroll stops, how can i make it move the same time with scroll? Thanks,
changePage “jumps” back to old page on android
I've a big problem with a jQuery Mobile Application: I'm using custom functions (they are triggered by onClick) to switch the page with currentPage. It only happens on Android-Devices with the integrated browser (not Google Chrome). iOS and Chrome works nice. After clicking on an element, the animation started but just before it ends, it switches back to the old page. After a half second, it switches back to the new. I made a movie of the bug here: http://www.youtube.com/watch?v=sXxvVUxniNg Thank
Passing AJAX data - Result is missing formal parameter
Hi, Trying to pass two data entities in AJAX; See below CODE and ERROR. Am I trying to do something you can't do here? Help appreciated. R $('button[name="create"]').click( function() { successMsgShow(); $.ajax({ type: "POST", url: "AccountAdd.php", data: {"mykey":mykey, $('form#acctForm').serialize()}, success: storeData }); // ajax mykey
Cycle plugin: Hide Prev/Next
Hi there, I have cycle working on a CMS setup. In some instances, the slider content area only has one image and am wondering if there is a way to hide the prev/next controls if this occurs? My code is below: $(document).ready(function() { $('.scrollable').cycle({ fx: 'scrollHorz', timeout: 0, next: '#next2', prev: '#prev2' // choose your transition type, ex: fade, scrollUp, shuffle, etc... }); });Any help would be great, Thanks
Unexpected map method behavior
After working with filtering functions and going between libraries and native code, I found that jQuery is the only library that has unexpected behavior when mapping over an array. I also want to apologize if this has already been discussed, but I could not find the topic. The following is an example of the issue: // create a basic array of arrays var arr = [[1,2],[3,4],[5,6],["a","b"]]; >> [Array[2], Array[2], Array[2], Array[2]] // using native Array.prototype.map gives us the desired result arr.map(function(value,
websocket
hey guys i've just set up a web socket on my server...but does anyone have a good tutorial on how to connect and how to execute SQL queries to my database so i'm able to gather rows please? thank you
Jquery $ajax onerror callback gives statustext:success & status as parsererror
function LoadLISSearch() { // //var call = $.ajax({ async: false, url: "url" + "/_api/Web/Lists/GetByTitle('SearchWidget')/items" + "?$select=*" // + "&$expand=ows_Name1" + "&$top=5000" +"&callback=?" , type: TYPE, //"GET", dataType: "jsonp", contentType:CONTENTTYPE, //'application/json; charset=utf-8', //cache: false, crossDomain: true, //xhrFields:
Unresponsive Script Warning
Hi, We are getting "Unresposive Script Warning" in our Product after some time of usage. We are using Jquery-2.0.3. Is there any solution?
how to select child of siblings?
Hello, My html is like this: <div class="container"> <div class="image"> <img src=""> </div> <div class="button"> <button>Button</button> </div> </div> <div class="container"> <div class="image"> <img src=""> </div> <div class="button"> <button>Button</button> </div> </div> how to select img when button is clicked? I tried this but doesent work: $('button').click(function(){ $(this).parent().siblings().find('img').css({
Place tables next to each other that are created w.r.t to position absolute
Hi, Plz find the fiddle http://jsfiddle.net/raving/3Lvth1dn/24/ I am creating multiple tables with number of columns and rows respectively. i have defined my css as div.innerdiv{ float: left; position:absolute; } , i know if i remove position:absolute or make position as relative will make the tables to place next to each other as desired. But i have a scenario where the position is forced to make as absolute and make the tables to place next to each other. I have an idea of placing the second
Next Page