i need to load the json dynamically without knowing the fields name..
i need to load the json dynamically without knowing the fields name.. how can i do it? as well: i could get the fields name from the server.. but than how to make the call so instead of j[ind].ID i will call var fieldName = j[ind][0].key, fieldVal = j[ind][0].val; or ver val = j[ind]["theKay"]
jQuery Tabs with links instead of tabs
Hello, is it possible to use the function of jQuery tabs with links instead of the tabs? I have a lightbox and inside of it I want to switch the window while clikcing on a link anywhere in the box. I don't want to use or display the tabs ... only a normal a href. Could you give me a hint please? Maybe it is also possible with the accordion effect?
JQuery Slider Custom Handle Image - Scrolls out of Range
Hi guys, I would like to use a custom handle for my Slider as shown in this fiddle . t seems to me like JQuery is hard coded with the size of the original slide handle's height. How do I get around this so my custom height handle works like the default one i.e. stays within the scroll bar? I have tried setting margins on the div. Thanks.
Tabs: No close button on last tab?
Hey folks, I've created a tab group where the user can add and close tabs, by following the example here: http://jqueryui.com/tabs/#manipulation It works fine, but what I need is to make it so that if there is only one tab, you can't close it. Basically the same functionality as tabs in Safari. The first tab only has a close button when you add a second one, and it goes away when you delete all the other tabs. How do I do that? I figure it's something along the lines of this: if (tabNumber < 2)
1.1.4 is duplicating page containers
I have a production site that I have been converting from 1.3.2 to 1.4.4 and have just hit a problem with chagnePage() and pagecontainer('change") duplicating a page container in the DOM. I have a list of items that I can edit and when I click on an item's button and this code runs. $("body").pagecontainer("change","/maintainPromo/",{'type':'post','reloadPage':true,'data':{'marketcampaignpk':mrkid}});The next page works fine. I click on back button and then click on another item and it
Need help with my code
$(document).ready(function(){ var x = true; $("#Menubutton").click(function(){ if (x == true) { $(".DropDown").slideUp(1000); $("#drop2").slideUp(1000); alert("true"); x = false; } if( x == false) { $(".DropDown").slideDown(1000); $("#drop2").slideDown(1000); alert("false"); x = true; } }); }); To my Problem I want to click on a button (div) and want to slideUp a div. And when i click it on the second time i want that it slide down. Have anybody an idea how i can solve my problem? Thank you
Wondering bout this functionality.
Ok, essentially what I'd like to do is this. I want to take data that, at some point will be "aggregate" data in an XML file (think a score in baseball. You score 1 run in the first inning, and 1 run in the 3rd, you now have two runs). I'm working on a play-by-play system, just for fun, but I just want to get the LATEST score from the XML, along with ALL relevant plays up to that point. So if a baseball game is in the 5th inning, And Team A has 4, Team B has 3, I ONLY want to get the score total,
selectmenu not usable in dialog?
Using a form in a jquery-ui dialog box, setting a select to a selectmenu results in the options being shown outside of the dialog. Is there a way around this, or is this a bug?
Need help with Tabs
Hello, Can someone please tell me how to make this tabs work, > http://jqueryui.com/tabs/ < I copied the code but it isnt working and i dont know what to do now, i normaly work only with html and trying to learn css. what do i need to do to make the tabs work. thank you
Overflow scroll (or) auto - Android Issue
Added "overflow:scroll (or) auto" to jquery mobile accordion.while scrolling up and down,layout style(content inside accordion) getting affected in ANDROID device. Please help on this. Regards, Srividya.
Superfish Last Child Menu Item Does Not Work in IE or Firefox
Hello, My church's web site (http://www.peacewelssp.org) is using the Superfish menu. All of the child menu items work fine in Chrome. In Internet Explorer and Firefox, though, the last menu item for each child menu does not work at all. Has anyone seen this happen before? I'm happy to share code as needed.
question chart
do you have a reference on an interactive chart with jquery free
Extra parentheses in the syntax for a Panel
Hi, I'm currently making my way through a jQuery text book and unfamiliar with some of the code. Specifically, I'm seeking to understand why $panel is assigned $($link.attr('href')) instead of just $link.attr('href'). What is the $()for? Also, when I log the value in the Firefox Console, it holds the value as div#tab-1.tab-panel.active when I only expected #tab-1. Thanks. HTML: <ul class="tab-list"> <li class="active"><a class="tab-control" href="#tab-1"><h3>Desc</h3></a></li> .....
removeClass not working
Hi, i am trying to reverse an animation using removeclass and it does not work. As I'm quite new to jquery I suppose I am missing something obvious - maybe someone can help. There is this small window <div class="fenster f15"> <div class="flap"> </div> <a href="http://whatever..."><img class="button" src="button.jpg"/></a> </div> which is opend by $('.fenster').click(function(){ $(this).addClass("opend"); $(this).children(".flap").addClass("flap_open"
UI slider; range with min and max
I've a UI slider which includes a range. It's like: http://jsfiddle.net/5nc60d7p/ But I want to include a startvalue to max so that it's clear that it's a range. I can't add a max at this moment because of the max: sliderAmountMap.length-1, How can I do this?
trying to make jquery validate plugin to work
I am trying to make the jquery validate plugin to work in jsfiddle environment. Despite I have set it correctly on localhost....in the web app I am making,I cannot understand why it does not work in jsfiddle. Here is the fiddle.
JQuery Autocomplete issue
Hi everone Is it possible to change the value of minLenght dynamically, depending on the a value that is returned from a request? Tha docs state that any option can be changed via the 'option'-method example: $( ".selector" ).autocomplete( "option", "minLenght", 10 ); but when i try this with a request result i get an error: Error: cannot call methods on autocomplete prior to initialization; attempted to call method 'option' is there a way to change minLength depending on same variable value? thx
Why should I use jQuery Mobile instead of some other framework?
I'm not a super-experienced developer but I've been now doing some mobile app development with jQuery Mobile. However, I have recently discovered the Ionic framework which looks very interesting, and now I'm wondering if I should switch to using that... Any opinions on this? Which one is "better" and why? Why should I stick with jQuery Mobile? Thanks for your views!
whatsapp link from Phonegap/JQM
I'm building an app with phonegap/JQuery mobile. I had button to share some stuff on Whatsapp but since I've updated my phone to kitkat, this doesn't work anymore. The button gets a click event, but nothing happens. I use this code from the whatsapp site : <div data-role="controlgroup" data-type="horizontal"> <a data-role="button" id="joinButton">Join</a> <a data-role="button" id="showComments">Comments</a> <a href="whatsapp://send?text=Hello World!" data-role="button" target="_blank"
flexsider doesn't work(flexsider is not a function)
Hi. I need a help with flexsider.I was following instructions step by step on woothemes.com/flexsider/. I am sure that all the paths are right, but the console says that flexsider is not a function. Does anyone know where's the problem? Thanks.
Modify simple photo slider
I have been trying to modify a photo slider so that the arrows that move the images are situated outside the slider div http://imgur.com/89pByIa rather than superimposed on the left and right edges of the images as they currently are. I tried placing the arrows into a separate “direction” div but once I moved them outside the slider div and changed the JS accordingly they did not work. Here is what I currently have http://jsfiddle.net/03jhpbyo/5/ Any clues would as usual be greatly appreciated, thanks
Jquery animation in Firefox only displayed after window resize
(I hope it is ok to post the whole page..) Ok I deleted the website url in this post. Here is my code more simple: JSFiddle The problem only appears in Firefox (Firefox 33.0.1, OS X Yosemite 10.10), Google Chrome and Safari are working fine! So if you click on the navigation icon in the top right corner, you can see in Firebug that the animation is executed and the div (#navWrapper) is animated from -70px to 0px. But it is not displayed in Firefox. Only if you resize the browser. I really don't understand
I need jqgrid to refresh the entire page, not just the grid
I need jqgrid to refresh the entire page, not just the grid I have a jqgrid that displays the job details of auto repairs. Right now, I have the grid reloading using the following script and I need to change it so that it refreshes the entire page so that the subtotal and total fields (that sit outside of the grid) update. Here is my relevant code, any help would be greatly appreciated: var editOptions = { keys: true, successfunc: function () { var $self = $(this);
Previous handlers are not called - why?
Here's my JS fiddle where I tried to add my own handler in already existing chain. It's called but forgets totally about the ones that were defined earlier. I need to call these predecessors no matter whether they're defined in a static HTML or by DOM manipulation. How can I do this?
How do I prevent caching?
I have a web page I'm working on that works ok on pc's but takes forever to load on mobile devices. Is there a javascript command I can add that would make it so the only files cached were the individual files I click on? Now that I'm writing this I'm thinking maybe I need to use PHP.
problem geolocation map
bueno anteriormente solucione el problema de la carga de los mapas, ahora surgió un problemilla en un mapa que uso geolocation me carga el mapa pero la geolocation no me funciona si pueden hacer una sugerencia al código que les dejo seria de una gran ayuda. también estoy utilizando intel xdk para convertirla a una apk tal vez habrá que agregar un permiso pero creo que pasa por el código por que antes cuando no tenia la carga del mapa entero salia mi ubicación. http://jsfiddle.net/ynnugr0w/
DateRangeSlider, format date output
Hi, How can I format the date output from this slider? Min and Max values from the slider is used to query reservations in a mysql database (PHP). I thought everything was OK until trying the slider on a friends computer. It seems like the date format follows the locale settings for the cumputer used. For instance, on my friends computer the output is formatted: 10/23/2014, 8:00:54 PM (m/d/Y, g:i:s A) On my computer the format is: 25.10.2014, 17.30.43 (d.m.Y, H:i:s) If possible I would prefer to
Change style on change of 'left' value
I am working on slider where an image moved with 'left' value by the difference of 1170px. Where i want opacity 1 on main image and the opacity of others will be low. My html is the following: <div style="width: 1170px;"> <ul style="width: 4680px; height: 450px; left: -1170px;" class="imageList"> <li height="450px" width="1170px" class="image"> <img width="1170px" height="450px" title="" alt="" src="http://ecx.images-amazon.com/images/I/52Ra33zPxhL.jpg"> </li>
a problem about 'alert' in jquery mobile
hi,all, I am a new guy who is intrested in jquery mobile which I built a new web using it. However,there is a problem, I want to alert something when controller jumps a new web,but it doesn't work,the 'msg' can be shown on the web,but alert not. If I delete this '<script src="<%=path%>/js/jquery.mobile-1.4.4.min.js"></script> ' in the web, it can work normally,is this a bug or I used it in a wrong way? buy the way,it also did not work like this: jQuery(window).on( "pagecreate", function() { alert("565656---");
alert not working in page two
i'm making jquery mobile tabs with login in android app with cordova phonegap In my index i have page create. Here i do validation and check id and password is correct. with id=index for data-role=page $(document).on("pagecreate", "#index", function() {..}); If validation pass I change page my current to login.html with $.mobile.changePage( "login.html" ); Now In my login.html if i use $(document).on("pagecreate", "#login", function() {..}); ajax is not working I have 3 tabs in login.html
Drag-n-drop
Hi, I am using a drag-n-drop method for file upload and insert into database. The images are uploading successfully and also insert into database. But when I add an input field to that form , the input field is not sending the data. The column st_name in the database table is blank. Please help me. My full codes: index.php- <!DOCTYPE> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Image upload</title> <link href='http://fonts.googleapis.com/css?family=Boogaloo'
modern repeater pattern for ui elements?
Hello, 10 years ago, the standard repeater pattern for UI elements, at least in the .NET world, was to use a unique id for each element. For example, a repeating list of myfield inputs, by default, would have unique id's like myfield_1, myfield_2, myfield_3, etc. A coworker who specializes more in front end js implementations suggested that a more standard approach these days is to use html5 data attributes. So instead of accessing the repeater fields by unique ids, it would be better to access
Need help with Drag and Drop Function and Button
I am not sure this is the right spot but im a newb at Jquery and this is Mobile. I had to build a small functioning page to drag and drop items for class to demonstrate an idea on my Thesis. Here is my problem. When on mobile click on the test page below. you will see you can drag and drop the cats anywhere. Then there is a button at the bottom of the screen. Here is what I want and cant figure out. When the Button is tapped it will turn Green or Gray. On Green you can Drag the cats. On Gray I would
Magento Static Block and jQuery Accordion Not Working Together
I'm using Responsive Banner Slider extension for Magento to view on my homepage above the jQuery Accordion--however the script seems to be competing with each other. The first tab expands the length of where the first slide in the banner would be. Below is my code: <!doctype html> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.1/themes/start/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script>jQuery.noConflict();</script>
How does this work?
I don't understand how jQuery Mobile work? For example: Lets say I develop an App using it, how do I load it to my phone? What you develop using jQuery Mobile is it an actual app or a webpage? What makes it an app or a webpage, a setting, a configuration? Thank you. Neil
Latest JQuery UI not compatible with latest JQuery
I placed the latest versions of JQuery and JQueryUI on my project JQuery 1.11.1 and JQueryUI 1.11.2 This works fine when running debug from the development project. However after publishing and deploying to a test machine, I get the error Message: 'n.browser.msie' is null or not an object Line: 1 Char: 156483 Code: 0 URI: http://localhost:51718/VFS_ProcurementTracking/bundles/jqueryui?v=LS1M8112rBmvC7RxROD4OvHio6oFqpF4ojXrABzhBfg1 Which is telling me that the latest version of JQuerr UI is stil
Looking for a simple Pop menu to code up
Hi, I just started pocking around Google looking for examples of a simple jQuery popup menu to code up for my website rather than call a webpage to provide the menu which would be slower for the user. If I go the jQuery route, it would need to pop up when I click a button. The button being clicked to kick it off is in a table so the popup list needs to be more or less centered on the page. It would have 2 to 5 text items max in alpha order (build by the PHP code when creating the web page) and when
Jquery sticky navigation stopping front end images from displaying in Joomla
Hello, I have tried several forums regarding this issue, including joomla's but no one seems to have an answer. Here is my problem. I have a Joomla site with some custom Jquery which sticks the navigation to the top of the screen and keeps it there when I scroll down the screen. This script originally reduced the logo and navigation as I scrolled down the site, however I changed the script to remain a static size as I scrolled, now it is conflicting with all my images on the front end of my site
Writing to an input field
Hi everyone, I am trying to clear an input field, but it doesn't seem to working? This is what I am doing: <!DOCTYPE html> <html> <body> <p> Test 1: <input id="Test1" name="Test1" type="text" size="3" maxlength="3" value="3"></p> </form> <p id="demo"></p> <script> $('id#"Test1").value(" "); } </script> </body> </html> I also tried this: $('id#'Test1").text(" "); it didn't work.
Set an input with a wordpress php value
Hello everyone, First of all I am not a Jquery or JS expert so I don't really know if my code is wrong or if that's just a calling issue... I have to set an input value depending on the element clicked on my page, using the_title(); wordpress function. I wonder if someone already had the same kind of issue. Here is my script called in my template page where the link is written and the form shortcode is called too : function postuler_js(){ sujetpostuler = the_title(); $("#postulerBouton").click(function
Next Page