how to put the animated spinning graphic for autocomplete
Hello friends, I am using autocomplete with remote data source, every thing works fine , but I am not able to put the spinning graphic inside the textbox, as seen in the demo of jqueryui autocomplete widget. Please help how can I put that graphic inside the textbox. Thanks for any help.....
Strange behaviour with jquery tab
In my application (running on IE8), Im using jquery ui (1.9.1) along with jquery ui closeable plugin. I have got a tab structure in one of my screens.Whenever I try to close the tab by clicking the close button link, everything works perfectly fine; tab closes and next tab get selected. But in case after perfroming some action on the tab and that action need to close the tab dynamically, I invoke the below function function removeSelectedTab() { var existTabs = $('#additionalTabs').tabs("length");
http://www.complitly.com/ plugin issue
Hey How to disallow plugin to act on your webpage? I made a website and I dont want thie plugin ( http://www.complitly.com/ ) to suggest users. I turned off the autocomplete but still the issue is there. Please help
Trouble using change() function with checkboxes
I'm having trouble getting this change function to work with checkboxes. What I'm trying to do is initially show "startTrendy" to all users, and then once they answer the question "personal_styles", "startTrendy" is hidden and "startClassic" is displayed unless they've picked either 'Trendy' or 'Modern'. A standard show/hide function isn't working here because they can select up to 3 values (there are 10 choices), and if any of their choices are 'Trendy' or 'Modern' then "startTrendy" needs to be
How can I simplify this
I am sure there is a easier or more pro way to write this. Would you let me know your suggestions? $("#rollovers li, #pro-desc div").each(function(){ var ListPos = $(this).index(); $(this).addClass('pos' + ListPos ) }); $(window).bind('resize', function(){ if ($(window).width() < 601) { $("#pro-desc div.pos0").insertAfter("#rollover-imgs
Disabling Copy Past in Webbrowser on Iphone
I have a button that should act like a momentary switch. Without any additional code it works fine in Chrome and Safari on my Ipad, in Chrome and Safari on my IMAC, but it does not work in Safari and Chrome on my Iphone. If I press the button for longer than one second or so, it says: Copy | Define So I need to disable the select & copy. I have added the code below in my .html file. In the header: <style type="text/css"> { -webkit-user-select: none; /* Disable selection/Copy of UIWebView */ } </style>
JQM 1.3b1 input causes fixed toolbars to break iOS 5.1.1
When bluring an input (typing something and then clicking away or "done" in the keyboard, fixed header and footer go to the top and bottom of the page, rather than coming back to a fixed position. This didn't happen in iOS before. It happened only in android. The problems appear to be in line 10610 where the show() method of the toolbars will only execute if self._visible, which is false (shouldn't it execute if the toolbar is invisible?)
Make horizontal sliding menu 'smarter'
Hi, im working on a menu which is a 'bar' sliding from the left. The menu have 3 levels. I found myself within lack of knowledge when it comes to making the menu smarter. I could continue doing what i am, but then the function would contain a unnecessary amount of lines ( I think!?) and be clumsy!?. , is it posible write a smart function instead of making one function for each 'link'. I made a jsFiddle. Press the yellow bar. then 'food' then 'om'. Link to jsfiddle All the best
Positioning Elements. [SOLVED]
Learning jquery and created a menu: http://gmjones.org/jqmenu/test.html But as you can see, the drop-downs are moving behind the text below. How do I place the drop-down menu on top of the text? I've experimented with z-index but no luck. Hope someone can help Thanks.
Div show and fixed menu
Hi guys, I hope you're good ! I have a little question about how to make something similar like this website:http://www.brianhoffdesign.com/index.html I searched everywhere but I can't find the solution. I know it's not hard to do. Basically it's a one page. We show only a div parts then we hide this div and we scroll to the other div, then we fix the menu on top. But I tried to do that without working! Anyone may help? Thanks !
Question on Statement Chaining
Could someone please help: I am taking the Lynda.com class 'JQuery - Essential Training' and I'm having trouble getting one of the exercises to work from chp 2. I am using the JQuery library 'jquery-1.8.3.js' and my file structur is as follows. C:\JQuery\Excercises\images\small_pdf_icon.gif and C:\JQuery\Excercises\Sample.htm Full code of Sample.htm = http://pastebin.com/WViQRET5 The line I'm having trouble getting to work is: $("li a[href$=.pdf]").after("<img src='images/small_pdf_icon.gif' align='absbottom' />");
Links are broken
Hi, I have an emergency. I was using following links form jQuery UI site: <script type="text/javascript" src="http://ui.jquery.com/latest/ui/jquery.effects.core.js"></script> <script type="text/javascript" src="http://ui.jquery.com/latest/ui/jquery.effects.slide.js"></script> They stop working yesterday. Do you have another links to use for those files. separte download of those scripts do not work. Thanks
Highlight the equivalent of the selected element
Guys I'm trying to get the function below to highlight the equivalent in position of a selected element from ".intro-nav li" as shown below. Any Ideas on how I can achieve that. Thanks <script> $(function(){ if ( $(".faces:nth-of-type(1)").is("selected") $('.intro-nav li:nth-of-type(1)').addClass("selected"); } }); }); </script>
base ref causing problem with current version of UI for tabs
I have previously used jquery UI on two websites without issue. On the latest use of the customised download, the tabs were not working. I have finally boiled the issue down to the base href statement in my <head> section. Once removed, then the tabs work OK. However, this is required acorss the site for it to work. Is there a work around? Mark
jQuery VSDoc not working
I have a master page where we reference jquery 1.8, in the following way <script src='<% =ResolveUrl("~/JavaScript/jquery-1.8.0.js")%>' type="text/javascript"></script> <script type="text/javascript"> var baseUrl = '<%= ResolveUrl("~/") %>'; function ResolveUrl(url) { if (url.indexOf("~/") == 0) { url = baseUrl + url.substring(2); } return url; } </script> the JQuery is working fine. After downloading jQuery VSDoc
Help menu in jquery
Hello friends. I need help to do this effect in jquery, please: jsfiddle: http://jsfiddle.net/LDntf/2/ charl28.-
Cannot append to unordered list in select's change function??
$("#version_select").change( function() { $('#listval').append('<li>'+ $(this).val() +'</li>'); }); Very simply: I have an unordered list on my page with the id of "listval" and a dropdown menu with the id of "version_select". I know that I am getting the value in the change function because I can alert it out and see it using " alert $(this).val(); ", but I can not append it to my list. Why not? How? Thanks, Mark
Some additional features for the new panel widget
Hello I downloaded today the new beta Jqm 1.3.0 and tested the new features. The panel widget is a really interesting feature, so here are some feature requests for it ( I don't know it some of them might be already on the todolist): - An Option to set the width of the panel. Atm it's always 17em, but for some cases this is too/less wide - A display setting to show the panel and shrink the main content instead of slide a part of it out of the window. - Make it scroll on its own, so if the content
how can i creat class using Jquery
Im new at jquery script im trying to create a simple modal popup window this is my script can somebody help me? var box = function(h, w, content) { this.h = h; this.w = w; this.content = content; } $.extend(box.prototype, { showmybox: function() { if(popupStatus == 0){ $("#win").css({ display: 'block', width: w, height: h, left: ($(window).width()/2 - w /2), top: ($(window).height()/2 - h /2) }); $('#bb').addClass('modalOverlay'); $("#win").append(content).show(200); popupStatus
Change page links on the fly (jQuery Mobile)
Hello all, I am an absolute jQuery Mobile beginner. I have a multi-page with several internal pages. I understand how buttons and anchors on one page can point a a different page. However, in my situation when a user presses a button on, say, page1 I want to dynamically decide if he should go to page2, page3 or page4, based on whatever other input the user has provided on page1. How can I achieve this? Cheers, Silvio
code.jquery.com/jquery-latest.min.js upgraded to 1.9?
It seems code.jquery.com/jquery-latest.min.js has been upgraded to 1.9 which had broken my site. I can't see any confirmation of this on the blog, or anywhere else. I have changed my site to use 1.8.3 now, but can anyone confirm 1.9 has been released?
JQM hide "Back button"
Hi, I show "back button" with following code <div data-role="page" id="itemDetailPage" data-add-back-btn="true" data-back-btn-text="Back" data-back-btn-theme="b"> ... </page> but I need hide the button in some condition. May I use code to hide the button. Please give me a idea. Thanks for your help Mark
URGENT!! function .live() dont' work
hello, i'm french sorry for my english to load the jquery plugin, i use this insruction :<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>. this instruction is use on thousand siteweb. since today, all my site bugs on the function .live(). why?? thank you very much
newbie getting onchange in an ajax to fire from a SELECT statement
I have a web page with multiple dropdown lists. The dropdown list ( in real example will be coming from database) in this example comes from ajax. How can I get the the ONCHANGE to fire from a select statement from a drop down list? And How do I get the value of what was selected? I have spent hours on this.I want the onchange to fire checkCity and get value in checkCity function. <% ''' testGetCity.asp strcc=request.querystring("cc") If Len(trim(strcc))=0 THEN strcc="1" If strcc="1" THEN
Multiple slide out menu
Hi, I am new to jquery, so already excuse me for asking basic questions. I did search the forum but do not really find what I am looking for, although I am sure it must exists somewhere already. I would like to make a menu with large buttons horizontally positioned next to each other. When one of the buttons in clicked that button should color (as being active) and a slide out should appear undernead the menu with a more detailed submenu and some images. The slide should remain open until another
Make jquery cycle show 3 items, but jump 1 at a time at next/prev
Hi! I'm using jquery.cycle to make my slideshow that shows 3 items at a time. At the moment, when I press "Next"/"Prev", it jumps to the next 3 items. What I want it to do is to jump just 1 item at a time. Is this possible? Best regards, Daniel
Fetching vBulletin Pages using jQuery
Hello everyone! We are currently working on redesigning our website and in this process we need to solve one problem with Google and vBulletin in combination with comments. We are using vBulletin Forum-Posts for Comments, which then get fetched and displayed on the frontpage. Due to caching, the content has to be replaced and kept fresh. What we were thinking of is to load the vBulletin content page from a separate clean website that is using the vBulletin Cookies and let's registered users reply
jQueryUI databinding
The ASP.NET standard toolbox server controls have convenient features, data binding for one. Can I get those same convenience features with controls in the jQueryUI?
Understanding JavaScript and Page Transitions
Hi, I have been scratching my head for while trying to figure out how to get my pages to call the JavaScript initialisation just once and not repeatedly throughout the page transitions as pages are loaded and reloaded. Initially I tried adding script section to my div data-role="content" section. Then I tried adding it to a section below and outside the div data-role="page" section. Then I tried adding to an external JS file. I'm tempted to remove the Ajax page loading, as some people have suggested,
Cyrillic and search filter
Hi everybody! I have problem with cyrillic. For example, search filter for list view doesn't work for cyrillic on webkit-brauser under Android. And keyboard-events doesn't work for cyrillic :( How we can solve this problem? UPD: This phenomenon show itself under Android 2.3.5. For Android 4 all is ok.
Dashboard
How to create dashborad tool to use jquery
using an autocomplete in text to fill parameters
Hi all, I'm looking for an autocomplete plugin which can handle a format like this: * + x.thisWillBeFilledByAutoComplete + * So the users of my application will be able to type * + x.A + x.B + # + * ..... and only after typing "x." the autocomplete list will open. A little bit like having a variable with properties, and those properties will be shown as an autocomplete. Does anyone know which plugin is able to handle this? thanks in advance!
problems with my project's structure
hi, I want to create an object for the following situation: The object can include one or more stations. Every station can include one or more types. Every type can include one or more diagrams. This elements also should be objects. When I create the "master" object I want to define the following structure (example): 3 stations with the nams "Station1", "Station2" and "Station3" - Station1 should include 2 types -> "Typ1" and "Typ2" - Typ1 should include 3 diagramms - Typ2 should include 1 diagramm
Please help modify script that scrolls through a directory.
using PHP im reading directories and then displaying all the .pdf files within that directory. On the page being displayed is multiple directories shown at once. I have a script i borrowed then modified that allows scrolling through each directory. The issue is that it scrolls all the displayed folders. (i can see why it does it) and the counter counts all the elements. I need to modify so that the script is assigned to each directory element and calls only itself. I just dont know how to do
Can I use jQuery UI Tabs with <div> instead of <ul>?
Hi, I'm creating a content slider using UI Tabs. Is it possible to do this without the <ul>? e.g. <div id="tabs"> <div class="slides"> <div id="slide-1"> <p>Content</p> </div> <div id="slide-2"> <p>Content</p> </div> <div id="slide-3"> <p>Content</p> </div> </div> <div class="slide-nav"> <div><a
Why does i18n.parseDate() throw exception?
Hi, I use jQuery.i18n.js (according to this this link) for parsing date and here's my code: var d = $.i18n.parseDate("19-10-2004", "dd-MM-yyyy"); Instead of parsed date I get the following exception Microsoft JScript runtime error: Object doesn't support property or method 'parseDate' I wonder what's wrong with my code and how to rewrite it in a correct way.
Prevent reloading page in DOM on changePage...
Hi, I am making a web application using jQuery Mobile. There is a two steps login process. Both steps are on a different pages. If information provided on both the steps are valid then only he will be redirected to other site pages else he will be redirected to first page and error message is displayed. The issue is when user transits from second page to first page, div with data-role="page" is loaded twice in DOM but not the page level Javascript. The Javascript file is included in the same div
Structure of Jquery mobile
Hi i am new to Jquery Mobile and need to code for creation of a particular app due to which i need to know about how to go about it, i have gone through the design and theming part and have successfully completed the design.Just started coding: <script type="text/javascript> $(document).bind("mobileinit", function () { $.mobile.autoInitializePage = false; $.mobile.defaultPageTransition = "fade"; $.mobile.loadingMessage = "Please wait"; } ); </script>
problem to call WCF service multiple times
Hi Guys, I need to get data thru WCF service, and it should happens in a cycle. Without cycle all good.. In the cycle, method ServiceSucceeded(msg, index); get executted twice which is perfect, BUT index always = 2 for (index = 0; index < 2; index++) { $.ajax({ type: "POST", url: webMethod, data: JSON.stringify(parameter), contentType: "application/json; charset=utf-8", dataType: "json", ProcessData: true, success: function (msg) {//On Successfull service call ServiceSucceeded(msg, index);
How to highlight a element when clicked.
How can I get a highlight effect on the element that is clicked to show the user selected this entity? I was thinking a right click effect. So when you right click an element 2 things will happen highlight the element and display a custom context menu. I already have the custom context menu and it works but I currently have it setup that when you right click an element it will generate a new div right over the element in question and will use the same width and height and location. So this div will
Next Page