How to translate jQuery UI
I’m a total beginner. I still hope that somebody will help me. On my site ( http://www.zelenoomrezje.si/novice.html ) jQuery UI - v1.9.0 is used. It is included in 3rd party extension for Joomla. I have changed a string 'Keyword' in file jquery.multiselect.filter.js and it worked. The change is visible on site. options: { label: 'Filter:', width: null, /* override default width set in css file (px). null will inherit */ placeholder: 'Keyword', autoReset: false }, I
How add Prefix to the entered value in SharePoint column using JQuery?
HI All, In SharePoint having fied with name no,i have to enter only 4 digits only in that column,once i tab out to another column the output have to come like extn:9876 can any one help on this,how can i get this functionality using JQuery.
SlideToggle return to initial click
Hey - how's it going? I'm using multiple slidetoggles on a page where the hidden content is quite long. I also have my slide toggle button beneath the hidden content, so when you get to the bottom you can close it. I've made up some code and got pretty close to what I want, very close in fact - but the problem is when the Close (2nd click) of the Toggle is made to hide the content again it always stays at the bottom of the page. What I want to do is return to the initial click event position, or
JQuery UI Dialog content overflowing width of dialog
I created a dialog using the following code: $(document).ready(function () { $( "#sourcesDialog" ).dialog({ autoOpen: false, modal: true, width: 800, height: 600, resizable: false, show: { duration: 500 }, hide: { duration: 500 }, }); }); The code to open the dialog: $("#SomeElement").on("click", "button[data-nj='sourcesButton']", function () { $("#sourcesDialog").dialog("open"); }); The dialog html: <div
Filter with an dropdown function, how?
Hi! I have try to change the code in the link below. It is an filter with buttons in Jquery. I want to use an dropdown function with options, not buttons. I try to change the HTML code, but it doesn't work. Who can help me to change the code? I'm totally new with Jquery. Thank you! Huib Link: http://codepen.io/terf/post/jquery-filter-divs
dependent drop down list remove/add selections
Hello, the code below has worked for me but unfortunately I am not an advanced enough coder to enhance the code the way I need it to be. What I need is the value of each options, to add |~|value_name. For example, if the first option is selected Cohort A, I need the value to be Cohort A|~| Cohort A. Any tips to point me in the right direction would be greatly appreciated. I know I need to improve my coding skills! Oh I forgot to mention, the purpose of the drop down menu is that I have 5 of them.
date sensitive hyperlinks
Hi. Is it possible to create a hyperlink that only works after a certain date? Thanks
body tag class applying later
I have a special class for header and it is properly applied, which has a specific font-type (let's say header-font-type). I have another font type in a class applied to body tag (let's say body-font-type). I need both, and i want to avoid commenting body class and apply another class to each and every controls in the pages (s), it's to much task and will take time. surprisingly header font is overridden by body font. ideally header tag comes after body tag, hence header should be header font and
using animate scrollleft on a div that has css scaling is not working properly
Hi, I got a div with multiple element stacked horizontally with a scrollbar (overflow-x:auto;overflow-y:none) if I don't apply a scale to the div it works find to position an element center but when the div is scaled, the scrollLeft isn't centering my element so I assume that it doesn't take into accound the scale. Any good idea or easy workaround for that ? $("#CalendarId").animate({ scrollLeft: $("#CalendarId").position().left }, 0); // This is necessary to go at the first element in the collection
iPhone 4 Safari - Accordion not scrolling
I have an accordion up at http://mobi.witsstaging.grovegroup.info/contacts On the iPhone 4 using Safari or Chrome, expanding the bottom accordion element will render it's content up to the bottom of the viewport, but after that scrolling on the expanded accordion section is not possible. The user has to scroll using the thin strip of the background element which is visible on either side of the accordion. In my $( "#accordion" ).accordion({}); function I've tried various arguments on various properties,
Get Width of element and Increment
Hi, i need help with getting the width of an element and displaying a value. Basically i have a customer who is building a sign making websites. The sign is just text based but the pricing side is based on the width of the sign. So far i have worked out that every 32px is 5cm. The input field auto resizes based on the text within it. but i need to display on the site the size i.e if its 32px it shows 5cm then every 32pixels it updates in 5cm increments. 5cm (32px), 10cm (64px), 15cm(96px) etc...
Drag and drop prob !!!
My Script i want to move tools between "Part"s after i drag a tool from "Tools" and at the same time they be sortable in each part can any one edit My Script ???
Is there anybody to explain how this code works?
Hello everyone, I am new to Jquery and I need some helps in understanding below codes.(Below codes are part of mind map codes developed by Kenneth Kufluk.) var root = $('body>ul>li').get(0).mynode = $('body').addRootNode($('body>ul>li>a').text(), { href:'/', url:'/', onclick:function(node) { //onclick is a function $(node.obj.activeNode.content).each(function() { this.hide(); }); } } ); So, basically I have three questions regarding the codes. 1.
jQuery hover/click on desktop and mobile devices
I have a menu with two categories: weather and snow. A visible icon and hidden popup menu. After hovering or clicking on the icon from the first div, it shows the second div popup. Hovering reacts on desktop devices, and click it's on mobile devices. Here's a part of my jQuery code: if ($(window).width() > 1025) { $('.weather').hover(function(){ $('.weather-popup').addClass('side-open'); },function(){ $('.weather-popup').removeClass('side-open'); }); $('.snow').hover(function(){ $('.snow-popup').addClass('side-open');
How to avoid this attitude?!
Hi, I have a sign in form wit ajax as per below code but sometimes it doesn't work and it just goes to this URL: http://www.mybluefile.com/m/policies?txtUserID=731004167&txtPassword=xxxxxxx&btnSignin=Sign+in It is is not frequently happening, maybe once or twice a week only... I am not sure why and when exactly it occurs.but I want to avoid it. here is the code: $("#frmSignin").validate({ rules: { txtUserID: { required: true }, txtPassword: { required: true } }, submitHandler: function (form) { $.ajax({
How to get folder path by using jquery
Dear Friends, How to get the folder path by using jquery? I have created tree view structure by using html tag <ul> and <li>. Example : <root folder> <parent Folder 1> <childer Folder> <child 1 folder> <parent> <parent folder 2> <childer Folder 2> <child 1 folder> <child 2 folder> </parent> if i click child 1 folder then the Folder Path should like : root folder/ parent Folder 1/child folder/child 1 folder how to achieve this?
JQuery 1.9.1 dialog pop up not working in 2.1.4 version
HI, I modified from 1.9.1 to 2.1.4 JQuery version. But after modified alert dialog pop up not working ? will 2.1.4 support backward compatibility ? I'm using IE 11 browser. Please help me to resolve. Thanks in advance. Newer: <script src="jquery/jquery-2.1.4.js"></script> Older: <script src="jquery/jquery-1.9.1.js"></script> <script src="jquery/ui/jquery.ui.core.js"></script> <script src="jquery/ui/jquery.ui.widget.js"></script> <script src="jquery/ui/jquery.ui.mouse.js"></script> <script src="jquery/ui/jquery.ui.draggable.js"></script>
Updates/cached files
I'm using jQuery Mobile 1.4.5 and using its pagecontainer("change", "SomePage.html") to navigate the app. At the bottom of each page, like SomePage.html, I have a script tag whose src is SomePage.js. When I update specific pages within my app, how will I ensure that the updated pages are loaded, not a browser cached version? Is it necessary to change the name of these files, like SomePage-1.2.0 when it is updated? Thanks, Tony
Link a JS to a column in a list?
I am trying to I get the ID to attach(link) a JS file to the column. I first need to get the column value (a Date). Is my approach correct? $(document).ready(function () { var myValue = $( 'th:contains:"Title of column' ).val(); // Is this the right approach? function MyCustomFunction(myValue) { // my process to update the date } }
Wait for async call completion in QUnit.testStart() callback
Previously I used start()/ stop() to implement waiting Async callback inside QUnit.testStart() callback. Now start() is partially deprecated and stop() is deprecated. I'm wondering what is the proper way to wait for the async call completion. I tried assert.async() inside QUnit.testStart() callback but It throws error. Uncaught ReferenceError: assert is not defined And document stated that asset.async() should be used inside 'test'. So i'm wondering whether we can use asset.async() inside QUnit.testStart()
POST or GET for Sign in form?
Hi, I wanted to ask what would you use for a jquery ajax sign in form? POST or GET? Thanks, Jassim
Hours drop down loaded with blank on configuring hours step interval as 3
Here is the code: function setMinMaxTime(min, max){ $('#rest_example_1').datetimepicker({ controlType:'select', stepHour:3, hourMin: 1, hourMax: 20, timeFormat: 'hh:mm tt' }).datetimepicker(); } <input type="text" name="rest_example_1" id="rest_example_1" value="" onclick="setMinMaxTime(8,16);"/> if "stepHour:1" then selected hour is populating in hours drop down list and if we change it to "stepHour:3" then selected hour is not selected and showing blank in hours drop down list.
Changing the colour of a div using click, toggle and fade in
Hi folks, I can't quite get this work, I've got the colour change working fine but get the fade in (with about 3000) to work. This what I've have so far. Thanks for help, cheers function toggleClass(el) { if(el.className == "class1"){ el.className = "class2"; } else { el.className = "class1"; } } ---------------------------------------------------------------------------------- <div class="class1" onclick="toggleClass (this)"> jQuery Click to Toggle</div> ------------------------------------------------------------------------------------
How can I use only forms UI?
I'd think you have some neat forms UI, but I don't have any use for the rest of the framework. I used the download builder and selected the Forms group, but I cant get it to work using the same markup as in the demo pages. I found a random instruction about needing to $("#container").trigger("create"); and that does give my select a layout, but it has no functionality and is not working. What are the steps and required resources to use the forms components of JQuery Mobile?
datepicker not showing year scroll bar
Good day. Here is simple code: $("#datepicker").datepicker({ changeMonth: true, changeYear: true, dateFormat: "yy-mm-dd", minDate: '2003-01-01', maxDate: '2016-01-01' }); <input type="text" id="datepicker"> If click the year combo-box, the scrollbar is not shown. Why? How can I fix it? http://jsfiddle.net/s0u9tahx/
How to show new elements one by one?
Hello, I have 10 elements on a single page, on page load only want to show one, but at the top of the page I owuld like to have a little + or - that either add or show the elements in sequence, any idea how to to this please? Let's say I have: <div id="element1"></div> <div id="element2"></div> <div id="element3"></div> <div id="element4"></div> <div id="element5"></div> When I load the page I would like to see only: <div id="element1"></div> When I click + each element below show one by one but
Authenticating all jquery tabs with google oauth
I have #href tabs and when we click on tab, there is a "GET" call to the file to be shown in that tab. I shifted to Google authentication but now load time has increased significantly. If we click on other tabs, it takes long time (mainly due to ssl and TTFB time), basically these tab contents should not take time (and should not take authentication time) since the user is already authenticated. In simple words After google sign-in (1st page loads fine) Rest all tabs take longer time due to google
Keeping focus when clicked outside of DIV
Hi, So I've made 2 buttons. http://jsfiddle.net/0y940r11/2/ I really can't figure out how I can keep the focus on the clicked button after I have clicked somewhere outside the buttons.
Change values in chart from row table
I need to create one table and one chart. When I click on row from table, the values from this row will be displayed in chart. It´s possible to create something like this ? I appreciate each link, tutorial or advice about this.
Can't select and hide any previous element in any shape or form
I'm about lose my mind with this problem. No form of jQuery selector seems to work in dynamically finding any elements above the link. I'm trying to access an element above the link and hide it. Using things like parent(), prev(), before(), closest(), ect. will show a non-null object but it won't respond to the hide() method. I don't get any errors, but nothing responds. [code] <div class="row"> <div class="col-xs-5"> <div id="test_fields"> <li id="test_input" class="string input optional stringish">
Basic question about jQuery OOP
I just decided to use OOP in a project I'm working on. And I had a basic question about reaching properties in the root of the prototype from functions that lie within objects. Heres a JSFiddle: http://jsfiddle.net/454onwr3/1/ (Open console) Heres the jQuery: var Person = function(first, last){ this._first = first; this._last = last; }; Person.prototype = { full: function(){ return this._first +' '+this._last; }, first: function( ){ return this._first; }, last:
datepickert onSelect not working in JQuery Mobile
Hi, I am trying to add a dateFrom and dateTo datepickers to my jquery mobile page but the onSelect is not firing for some reason! although the same page is working perfectly on my normal jquery web! The link is here : http://www.mybluefile.com/m user : 731004167 Password : 123456 and Go to Apply For a Leave Thanks, Jassim
Uncaught TypeError: Cannot read property 'not' of undefined
Hi, I am using a working file but when I just copied and pasted the file into a new file and added a PHP query I started getting: Uncaught TypeError: Cannot read property 'not' of undefined the URL is here: http://www.mybluefile.com/m User ID : 731004167 Password : 123456 and this file throwing the error is: http://www.mybluefile.com/m/myfile
Query CSS Selector Problem
Hello, This is my first post in the forum. I want to select all Product Reviews in the page: http://advancedledlights.com/3w-led-grow-lights/new-diamond-series-xml-10w-cree-xml/ I am using this selector: $("body>div#Container>div#Outer>div#Wrapper>div#LayoutColumn2>div#ProductReviews>div.BlockContent>ol.ProductReviewList>li>p:eq(1)") But it selects only 1 item. Thanks for your help, Best regards
How To Store HTML Markup Inside a Table Into an Array Using jQuery
Can you please take a look at This Demo and let me know how I can store html markup from a table td into an array as an item of array? I need to store the selected value of a row in an array and store in in database and eventually present it on the front end with button again. var arr = []; var d = new Date(); var month = d.getMonth()+1; var day = d.getDate(); var today = d.getFullYear() + '/' + ((''+month).length<2 ? '0' : '') + month + '/' + ((''+day).length<2 ? '0' : '') + day; var user = "foo";
load() is unnesting nested UL / LI elements
Hi, Version: jquery-2.1.4.min.js Browser: Chrome 46.0.2490.86 (64-bit), Firefox 38.4.0 I could not demonstrate this with jsfiddle as you need more than one HTML file to demonstrate the issue. Furthermore, I could not report this in http://bugs.jqueryui.com/newticket as the drop down does not show version 2.1.4. Only shows up to version 1.11.4. Name this as loadTest.html: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>jquery load test</title> <script src="//code.jquery.com/jquery-2.1.4.min.js"></script>
Display Issues - Responsive Image Grid in a Hidden Div
I have been working on and researching this all day and cannot figure out a solution... I am working on a one-page site that uses accordion-style reveals to show content. Within one of the hidden divs, I have a responsive image grid that with buttons to filter which images show. When I click on the tab to reveal the div with the images, only the top part of the first image shows. if you adjust the width of the browser, then the window.resize displays everything correctly I assume it is doing that
Too many requests to server with jQuery, how to reduce?
Hi, I am very new to Javascript & jQuery, but I have managed to put the following script together which works, <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script> $( "button" ).click(function() { var pn = $(".pn").text(); $( "td.pn" ).each(function() { $(this).next().load("data.asp?prodref="+($(this).text())) }); }); </script> My issue is that the above script will make several requests to the server (repeating table so number will vary),
AJAX giving out of memory error
Hi, I don't know what is wrong here, the PHP or the call to AJAX. error is: uncaught exception: out of memory I suspect AJAX because the .php file populates the database properly. Here is my code with pertinent notes in bold. Thanks in advance for help in solving this. R. HTML CODE: <!DOCTYPE html> <!-- Comments about the program --> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <title> GPS Information from Garman GPSmap76CSx </title> <!-- ==============
How to connect to database for autocomplete when we need to choose previously selected values. Comma separated values.
I am facing issue to connect to database to get the autocomplete values. And i need to chose the previously selected values which will be comma separated. Any help will be appreciated. Thanks.
Next Page