reinitilialize Jquery UI tabs, when changing tab area contents
I am using TABS to show vehicle data for different models, ie, basically one tab for each model. The basic data set is loaded with the web page. jqueryUI is working fine with data initial load. Now, prior to jqueryUI, I was applying filters to the content of this area, to narrow the choice based upon certain vehicle specifications. This is done with a Ajax call that brings in the new data set. The problem is that it throws off the styles set by UI, as the quantities of tabs and their contents vary.
[Solved] Bassistance Validation - SubmitHandler code not running
Hi, I've just downloaded this plugin and was trying to integrate in my scripts. the validation worked as charm on the spot as soon as I've added the code, however the submitHandler seems not to work correctly. I have been through the forum and have seen other people having similar issues but haven't been able to identify a solution. what happened before I've implemented the validation plugin is that my form didn't have a submit button but only two normal buttons one to reset the form and the other
JQuery Modal Dialog close icon
Dear Sirs, I am trying to have Modal Dialog Box that does no have close icon. Any help is very much appreciated. Thank you
Jquery update meta tag?
Hello, i heve some problem. I need update my meta tag ="description". My website he is changing div [ajax] and i need change meta tag for info, home, contact, offers itp. but this code doesn't working : $('meta[name=description]').attr('description', new tags blablalba);
Animate Jquery effect problem.
Hi, I am using jquery animate effect within Jquery booklet. There are add buttons in jquery booklet and If I click on that add button image get animate into Cart ,but Cart is out of that booklet. I am making clone of that image and appending clone to image TD and animating the clone. Now the problem occurs that If I animate the image ,it is animated only in that booklet . I have increase the z-index and also opacity but It was in vain. Please help me. Thanks in advance.
Align 2 Elements
Hello, I have the following HTML: <a href="#">Link</a> <div>Some Text</div>How can I align div with A tag on the following positions: top center, bottom center, right middle and left middle? Thank You, Miguel
JQuery Plugin with 2 Selectors
Hello, I created a JQuery tooltip plugin which can be used in two ways: The tooltip content is the title of the HTML anchor; The tooltip content is passed as an option;I would like to have another option: The entire tooltip markup would be an element in the page. Let me give an example of what I am looking for: $("table td.Task a.Menu", "li div.Menu").Tooltip(); So every link Menu under "table td.Task" would fire a tooltip. The tooltip markup would be the div.Menu
Enable a radio button by selecting another radio button?
I have these three sets of radio buttons: <div class="radio"> <input class="radio gateway" type="radio" id="gateway1" name="radio" value="Gateway: YES" /><label for="gateway1">Yes</label> <input class="radio gateway" type="radio" id="gateway2" name="radio" value="Gateway: NO" /><label for="gateway2">No</label> </div> <div class="radio Gatewayadd">
static button
I've got problem with moving "more" button. I wish it to be stable but it moves when I click on it. Additionally it must be in one box with the rest of content... How can I do it? thanks for help! http://jsfiddle.net/Q892s/8/
Make JQuery UI tabs look like buttons
I would like to have a tab-like interface (like this ones on this page: http://jqueryui.com/tabs/#default) Except that I would like the tabs to look more like buttons on this page: http://jqueryui.com/button/#radio Where each "tab" would basically be a button. Is there a way I can change the way the tabs look so they look more like the "radio" buttons on the second link? Or is there another approach you'd recommend to make the tabs look like buttons? Thanks!
Display Accordian as Vertical tabs
Is there an option to rotate the jQueryUI Accordion 90 degrees? ie: By default the accordion tabs display Horizontally (as rows) & expand up or down (vertically). I'd like to display the Accordion tabs vertically (as a set of columns). And expand them left or right (horizontally) to show the contents of 1 column at a time. Thus I can fit really wide information onto the screen & look at one subject area at a time. Similar to expanding column groups in Excel Is this possible? Thanks
modifying nested collapsible content after return from dialog in jqm-1.3.0
Hi, I've got a page containing nested collapsible content that's dynamically generated through an ajax call to another page. Each element has an edit icon that allows the user to edit the content of what's in the <h3> header. The editing is done via a call to a dialog using the new 1.3.0 capabilities of data-rel="dialog" called from within an <a href=[page] dat-rel="dialog" ...etc. > link. All is well with saving the edit to a database behind the scenes. My problem is that after the user closes
Catching error when .css fails
Is it possible to set up an error handler that is called when a .css fails due to, say, a non-existent URL? E.g. $("#blahblah").css("background-image","url(thisiswrong.png)"); I've tried this but haven't gotten it to work. http://jsfiddle.net/ajb568/xWmn4/2/ Thanks.
Custom Theme
I have put together the first test page of a project. I created and added a custom theme. I have referenced the CDN CSS for in the document as well as the custom theme I created. Everything works great on my desktop server environment, but when I push it out to my production server and navigate there over the web from the same browsers, the themes revert back and drop all of my custom CSS. Any thoughts?
Authentication using jQuery in Worklight
Hello every one is there any one who had develloped a mobile application in Worklight with jQuery mobile ? I need a authentication part Thank's in advance
What type of item should I add to canvas if I have to show and hide it frequently?
I'm a newbie who has to add some text to five areas of a canvas that I will need to show and hide frequently. Was curious what type of tag should I use? I was thinking of using the .append method to add a dynamic DIV or is there a different type of tag that I should use in HTML 5. And is it easy to hide and show. Please help..
[jQuery] Problems w. IE7
Im trying to use the minimized version on a site im developing. It works like a charm in FF/Chrom/IE8+ but when i try to run it in IE7 it gives me: Error: Invalid argument. If i run the debugger it breaks on if((!r||-1===b.inArray(o,r))&&a=b.contains(o.ownerDocument,o),s=Ot(f.appendChild(o),"script"),a&&Mt(s),n)) With the message: htmlfile: Invalid argument. Does this make sense to anyone? Anyone have an idea if how to fix it? Regards -- urnmog
Selected Drop down text disappears in .Net MVC4 jquery mobile application after jquery validation.
Hey, I am using jquery mobile for ASP.NET MVC4 application. Validations are performed using jquery validate and unobtrusive js. During client side validation the selected value displayed in the drop down disappears in the following scenario.Attached screen shot for reference. ScreenShot1: Validation without entering data. ScreenShot2: Validation after selecting a value in drop down. Problem is Drop down text is invisible. Following is the html the class="input-validation-error" style="display:
How to access data-code attribute and redirect to some address on click
Hi, I've this HTML code: <ul role="menu" class="dropdown-menu language"> <li><a title="English" data-code="en" class="link" href="#"><img title="English" alt="English" src="image/flags/gb.png"> English</a></li> <li><a title="Español" data-code="es" class="link" href="#"><img title="Español" alt="Español" src="image/flags/es.png"> Español</a></li> </ul> And then I wrote this code: $('.language > li').click(function(){ alert($('.link').attr('data-code')); }); When I click in first LI all
SetInterval with short time in IE9 not update the SRC, only longer time.
Hi all. I use this code for change the src attribute from img tag in short intervals. So i create an animated sequence images as a movie showed in a div. This code function perfect in Chrome but in IE9 it function only I change the time loop in SetInterval for 150 or longer times... Any sugestion? thanks. <!doctype html> <html> <head> <meta charset="utf-8"> <title>Untitled Document</title> <script src="http://code.jquery.com/jquery-latest.js"></script> </head> <script> function teste1(){ var i =
Non-ajax form not posting
I'm trying to add a hidden form that will be triggered to submit to a page on a desktop version of my mobile site, but even stripped down to the basics, the submit doesn't do anything, even just using the button, with the form visible. I've tried everything I can think of, including disabling jQM enhancements, but no luck. Anyone have ideas what I might be doing wrong? Thanks <form method="post" data-ajax="false" id="fullSiteForm" action="http://localhost/myapp/logon.do?site_preference=normal" target="_blank">
Issue in demo page of autocomplete#combobox
Hello, There is a JS error on this page with Chrome 26.0.1410.43m on Windows. Page : http://jqueryui.com/autocomplete/#combobox Error : When click on "Show all item" arrow a JS error trigg : "Uncaught ReferenceError: input is not defined ". Append alltime. Regards, Cyril
addClass to element based on drop down menu select
Hello, I think I'm missing basic terminology again. I have addClass/removeClass code working for child elements when a radio button or check box is clicked. What I haven't figured out yet, is to addClass to a child element when a particular drop down menu value is selected. so in the code below, if "1" is selected then I want to addClass required to phone1, otherwise no class is added to phone1 <select name="date3" id="date3" tabindex="13"> <option value="1">1</option> <option value="2">2</option>
Loop through only five times on XML Success
I have my code written that returns a list of all the items from my XML list. I want to just show the most recent five items based on the <pubDate> which looks like this: <pubDate>Mon, 08 Apr 2013 15:21:26 GMT</pubDate> The code that I have that works is this but I don't know how to read the pubDate and only show the 5 most recent items. <script type="text/javascript"> $(document).ready(function(){ $.ajax({ type: "GET", url: "/feeds/rss/news-feed-2/",
Another Cycle pause/resume not working issue (detailed homework done)
I've successfully implemented Cycle along with some additional code which uses the youtube JS API to communicate video pause and play events. I have disabled pause on hover and created my own mouse events for pausing and starting the slideshow. I have gone as far as to add a console log line to the pause event in jquery.all.js to trace the pause event as I felt passing the command to Cycle wasn't making it to the slider. case 'pause': cont.cyclePause = 1; triggerPause(cont);
Question: What would be the best solution to do this?
Basically, a customer views the page and is presented with a starting base price, they can then drag and drop extras onto the base product and it increases the price, I have thought of many ways to do this such as multiple html pages when a user selects a new product but that way is quite extensive and unnecessary when I could do it using jQuery. So my question is, is there a plugin that can provide this type of functionality? Or could someone quickly write me up some psuedo code? Thanks a lot for
How do I do stacking/shuffling effect for a webpage? Please help. Urgent! Can pay MONEY.
So, basically I want to imitate a deck of card effect for a website I'm creating. http://tinyurl.com/bqobc7s If you go to the above URL, basically I'm trying to create a similar effect but if you look at the design aspect below, I need to have the previous pages shown behind the current page and when you click on the text--- it should appear in front with the same effect.... I hope I explained it correctly. Right now, on my current website (above link), you won't see the content behind "OUR SERVICES",
Dialog position restricted only to frame boundary
Hi Friends, I have frames on my home page, when I open a dialog from my body frame the dialog position is restricted only to the frame border, ie I am not able to position out of boundary of body frame. Please help.
Documentation Update
Please vote to include in documentation in all functions the return value Just a small line: function ... bla bla returns : jQuery object, or previous values There is no reason for manu functions like width when setting a value actual = $(target).width(500); the same for many other functions Or is somewhere any information about the return values? Thanks
Reading XML issue
Hi, I am facing problem while reading following XML data: XML DATA (saved in test.xml): <sites> <site id="0"> <url loc="http://www.abc.com" /> //Error <title>ABC</title> <desc> <brief>this is the brief description.</brief> <long>...and this is the long description. See how long it is :)</long> </desc> </site> </sites> JQuery CODE: $.ajax({ type: "GET", url: "test.xml", dataType: "xml", success: function(xml) {
Open panel on swipe
New to jQuerymobile and have to say I love it! Working on my first app and really like the Open Panel on Swipe feature. I was able to get it working by placing the script in my document head tag. I changed the pagename from #demp-page to #mypage and it works like a charm for that page only. I've been looking for a way to have this work on all my pages, not just one. $( document ).on( "pageinit", "#demo-page", function() { $( document ).on( "swipeleft swiperight", "#demo-page",
jquery dialog with dynamic data
Hello, First I want to thank everyone who has helped me in previous posts (kbwood and jakecigar to name a few). I'm not sure if my question is more php than jquery but it can't hurt to ask. I"ve had success calling a jquery dialog with a hyperlink using href="#". Where I"m running into problems, is linking to multiple dialogs on one page. I'm hoping to call the dialog with an href="#{contentVariable}" I"m using ExpressionEngine CMS, so once in the dialog I can call the correct data. I"m just
loading effect
hello am trying to use loading effect(transition) on click of my form button, please how do i go about it, thanks
How do I cascade jQuery modal dialogs during a data retrieval in my MVC4 site?
You can also follow my post here. Looking for a bit of jQuery elegance here. I have a simple "Please Wait" modal jQuery dialog I show during a retrieval of "master" data in a WebGrid on my main View. However, the data shown the user has a "Detail" link on each record that spawns another modal jQuery dialog containing a separate WebGrid with "detail" of the selected master record. When the user clicks the Detail link, I'd like to spawn that "Please Wait" modal dialog again while the postback runs
data-enhance="false" not escaping dynamic divs
Hi I am using a jquery library to create a flipbook animation, however when I try to escape the flipbook I have some issues, the dynamic content is still styled even though it is inside a data-enhance="false" div, here is the jsfiddle: http://jsfiddle.net/adamsurfari/DpQQV/ the issue is that inside my div: <div class="turn-page-wrapper ui-page ui-body-c" tabindex="0" style="position: absolute; overflow: hidden; width: 200px; height: 300px; top: 0px; right: 0px; left: auto; bottom: auto;
Automating JQuery content switcher
Guys I'm trying to automate the JQuery content switcher on this fiddle URL but it doesn't seem to be working. I'm trying to get it to start rotating every 6 seconds on it's own but to no avail. The code looks as shown below $.fn.slideFadeToggle = function(speed, easing, callback) { return this.animate({opacity: 'toggle', height: 'toggle'}, speed, easing, callback); }; var max = $('div.faces').size(); $("div.faces:not(:first)").hide(); $("ul.intro-nav li:first").addClass("currFace");
making on indeterminate progress bar?
There is a nice animated progress bar here in the demos:http://jqueryui.com/progressbar/#animated How do I get such a nice animated gif from themeroller? Where did that graphic come from? I want it so that I can make an indeterminate progressbar. The links about an indeterminate progressbar are all pretty stale. However, it is mentioned in the API "if the actual status cannot be calculated, an indeterminate progress bar or spinner animation is a better way to provide user feedback." What is the
JQuery recalculate css on window resize
On this site: http://houston.aiga.org/ Although the slider is full width / variable on browser window size, the Title of each slider item is always indented to line up with the content. I've tried setting this up: http://jsfiddle.net/topiman/xS7vn/5/ $(window).resize(function() { $('#item').css("padding-left",$(window).width()/2); }); The function is working but the calculation pushes the item too far in on decreasing window size and too far out on increase. The line in the working slider example
Simple button not working, unless I hit F5
I have a strange bug http://goo.gl/GhVzL When I click on 'Planificador de viaje', I get taken to this page http://goo.gl/CZaaQ This is as expected, but when I click on 'OK, entiendo', the button doesn't work UNLESS I refresh the page. Any clues? There are no alerts in my Javascript console in Chrome. However, when I look at the Error Console in Firefox, I see that this warning initially appears "Error in parsing value for 'pointer-events'", but then vanishes when I hit F5. I've searched, but
$.ajax success and error
Hi. I'm relatively new to jquery. I was trying to do the authentication using JSON API's and if its a success it should start holding the session. If the JSON api doesn't retrieve any results, it should pop an alert showing "Not a User Here is the script. I'm not sure what is missing. Its able to display "success loop" message but not the error alert $.ajax ({ type: 'GET', url: link, dataType: "jsonp", success: function (data) {
Next Page