How to Clone Existing Items Into Circular Slider On Beginning and End
Can you please take a look at This Demo let me know how I can clone items into the ul to make a Circular Slider list. as you can see I have this list as following code but I need to clone first item (left slide) or last item (right slide) at beginning and end of the list. var item = $(".thumbnail").width(); var paddT = $(".thumbnail").css('margin-left'); item = item + 20; $(".leftslide").on("click", function () { $(".list-inline").animate({ left: '-=' + item + 'px' }, 300);
Issue on Using complte and done Events on loading Content After Loading Indicator
Can you please take a look at This Demo and let me know why I am not able to load new content to the #result on .done() event. Basically what I want to do is 1- Send a Request to server to load Some data 2- Load loading indicator Until getting all Data (which I used beforeSend and complete here) 3- Apply data processing in .done() but for what ever reason which I cant figure it out the .done() is not functioning! $("#change").on("click", function () { var req = $.ajax({ type:
PopUp Style
Hi! In each pop-up that I've added to my website, the closure of X is not centered in the square? Why ? Is a CSS issue? how can I fix it? Thank you!
Apple-like dashboard?
Hi JQuery people This is more of a IU related question but I was wondering if you know of any JQuery component/widget that looks a little bit like the Apple system availability page https://www.apple.com/support/systemstatus/ ? Just the front end, I already have the back-end logic to plug it into. thanks a million for any tip Juan
Class firing Improperly on drag
I have a bit of code that I've been working on for a while now and I feel like I'm getting closer, but I'm having an issue when I drag elements from one column to another. The way it works is I have a left and right column. When you drop an item from the left to the right it's supposed to fire an animated class. When I drag my item on the left to the right the image I want is showing up, but when I let go of the mouse button it goes away and animates the original button from the left. What I'm looking
jQuery run other javascript... remakerting code
Hi, i have code generate bij google adwords.. remarketing code.. what i wanna do.. let's say a button is clicked .. then the code should run .. not before it.. so how can jQuery run other javascript ? var codetorun= " <script type="text/javascript"> /* <![CDATA[ */ var google_conversion_id = xxxxxx; var google_custom_params = window.google_tag_params; var google_remarketing_only = true; /* ]]> */ </script> <script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js"> </script>
Cookie default expire time?
Hello I use cookies with jquery: $.cookie("DataLength", valLength); How long does this cookie life? How long is the expire date without setting a specific value for expire day? best regards Hawk
How to maintain stickys information into database?
Hello Everyone, Please checkout this fiddle once & suggest. http://jsfiddle.net/Satish_Chandragiri/bk1ny4j2/2/ here whenever user login to my site, he can get the notifications in marquee format. if he clicks on particular notification it'll added as sticky on the webpage. here i can apply only single color for every sticky. my requirement is i want to apply multiple colors for every sticky & store them into database table. user can remove unwanted stickys. And whenever he came back to the
Any ideas how to add more data to to the top of the table?
Greetings experts, I received great help from Godsbest in getting the code below working: $("#details").on("click", "a[target='tab']", function(){ var me = $(this); var url = me.attr("href"); var tabName = me.data("tabName"); var tabIndex = parseInt(me.data("tabIndex"), 10); $.get(url, function(data) { var table = $( '<table id="details" class="details" style="font-weight:bold;font-size:10pt;" cellpadding="4" width="100%" cellspacing="0" />'), tr = $('<tr clss="d0"/>'), td = $('<td/>'),
function(){} breaks my code entirely when using $.Deferred()
I've spent a day on this problem, and I've generated a totally custom JSFiddle so you can regenerate the bug yourself. I really think this is a bug, otherwise, please let me know what I'm doing wrong. Here is the JSFiddle: http://jsfiddle.net/qwb0de9v/ I've also included instructions: Please uncomment rule number 14 and number 16, and see the result change entirely. This is one of the strangest bugs I've ever encountered.
jquery-validate with custom methods and messages: radio button
I have a form that uses the 'tricks' for custom methods and messages found here: (see link below): http://jqueryvalidation.org/files/demo/custom-methods-demo.html HOWEVER I want to also add validation for my radio buttons to the mix and the demo above does not give me options for select | check | and radio ... I tried adding the 'trick' for validating radio buttons from here (see link below) with no results. http://jqueryvalidation.org/files/demo/radio-checkbox-select-demo.html Help?
Jquery Form output problem.
I made a simple jquery mobile form in Android with three input text boxes and three output text boxes. Three inputs makes some calculations in JavaScript and outputs them in the three output boxes. The problem is that the three output boxes show the results for a brief second and becomes blank. This happens both in live view in Dreamweaver CS 5.5 and in the installed apk on my mobile. But when viewed in IE there is no problem at all. As I'm new to this I'm not sure why this is happening. Need some
remove() tag script asynchronus non remove events in js.
Regards for all. My story is this. In a head on html5 page, there is an script tag with jquery "on click events", like this: <head> <script src="js/jquery.min.js"></script> <script src="js/jquery-ui.min.js"></script> <script src='js/main.js' class="fnjq"></script> </head> the file main.js: $(document).on('click','#btnsecc',function(event) { alert('has press the button btnsecc'); }); with a button remove the tag script for main.js: $(document).on('click','#producto',function(event)
$.mobile.changePage and PHP header('location ...
hi, I'm developing a multipage-projekt in jam 1.3.2 and domCache=true. Some pages got a PHP:header('location:url')-redirect and following happens: 1. I see the content of the correct redirected page 2. the browsers shows the url of the other (originally requested ) page 3. the data-url of the activepage is the same (wrong) url as the browser shows 4. I can't navigate with my browser's backbutton because I can't hit fast enough to overcome the redirect ;) … without dom-cache it is no problem.
Add an HTML
Hi, I have script that would change the value of the textarea upon changing the value of the select. But my question is, how can I add an HTML formatting for the text value? <select onchange='updateTextBox(this.value)'> <option value="Please Select">Please Select</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select> <textarea class="validate[required]" name="texts"></textarea> function updateTextBox(val) { if(val == "1") { document.forms['myform'].elements['texts'].value
How do I get a value from my Ajax request ?
I have read about how to get a response from an Ajax request but I just can't seem to get it. I try to work with the value before it's back from the server so I get an undefined value. In my page I create a vacationDayRequested object and assign it to a variable called vdr. var vdr = new vacationDayRequested(requestedDate, clockNo); alert(vdr.Selectable)My vacationDayRequested object is defined like this: function vacationDayRequested(_requestedDate,_clockNo) { this.status =
Getting height from div using JQuery
I have two divs. One is populated by a checkbox input and some wrapped text. The other is empty. I wanted to set the height for the second div to equal the first div. This seemed quite easy to me. Merely $('#divBlankReqNum').height($('#div' + lastReqID.toString()).height()); When this didn't work I entered this code var heightValue = $('#div' + lastReqID.toString()).height(); alert(heightValue); $('#divBlankReqNum').height(heightValue); var heightValue = $('#divBlankReqNum').height(); alert(heightValue);
How to add cross-domain Cors header
Hello, Please dont get mad at me. Im trying to figure out a problem Im getting that I know nothing about. Im getting an error : Origin http://xxx.xxx.xxx.xxx:xxx not found in Access-Control-Allow-Origin header. XMLHttpRequest: Network Error 0x80070005, Access is denied. Ive been studying CORS and know what needs to be done. But this is a 3rd party script and I cant modify the script. (src=http\\yadayadayada) Is there way in jQuery where I can add the Origin header that will allow the cross-domain
a bug about Tabs
when a page includes base element, error happens. there is an error in _isLocal function. I label the error with red color. _isLocal: (function() { var rhash = /#.*$/; return function( anchor ) { var anchorUrl, locationUrl; // support: IE7 // IE7 doesn't normalize the href property when set via script (#9317) anchor = anchor.cloneNode( false ); anchorUrl = anchor.href.replace( rhash, "" ); locationUrl = location.href.replace( rhash, "" ); // decoding may throw an error if the URL isn't UTF-8 (#9518)
jQuery Isotope navigating with filters
I have a Joomla site with a bought template containing a portfolio based on isotope and touchtouch The portfolio contains a gallery of thumbnails. You can click on the thumbnails and then cycle trough the images with the touchtouch plugin. Now the thing is, when the gallery is being filtered, the touchtouch plugin still cycles trough all the images. Even the ones who are not showing up when the filter is applied. At this point I nearly get what I wanted but there is a bug in my code and I can't see
JQuery & Grouping XML
Hi all, I have the following XML: <?xml version="1.0" encoding="utf-8"?> <soap:Envelope xmlns:soap="http://schemas.xmlsoap.org/soap/envelope/" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsd="http://www.w3.org/2001/XMLSchema"> <soap:Body> <GetUserLinksResponse xmlns="http://microsoft.com/webservices/SharePointPortalServer/UserProfileService"> <GetUserLinksResult> <QuickLinkData> <Name>Some Team Room</Name> <Group>My Team Rooms</Group> <Privacy>Public</Privacy> <Url>http://www.somewhere.com</Url>
how to acees php variable in jquery
hello i am using php captcha, jquery form validator used to validate the form. captcha value should be check whether correct or not in client side. how its possible. pls help Thanks and regards.
Non-Fluid Animation
Hi, I have a problem with my jQueryUI code, the animation is not fluid. When the code below is placed into my page, the animation is jerky ? $(".reachme a").unbind().click(function(event) { event.preventDefault(); $("#reachme").css("top", "900px"); $("#reachme").animate({top: '400px', height: '750px'}, { duration:'3000', easing: 'easeInOutBounce' }); });
How to change code for splitter who execute on mouse over
I have splitter example on http://jsfiddle.net/efc8tj4u/. I wanna make some changes. I wanna to move separator line by mouseover not by clicking on the separator. If I position cursor on the left side separator line will go at right to the end and if I position cursor over right separator line will go to the right. If I remove cursor from field, separator will come to the middle. By default separator line will stay on middle.
Problem with keyboard and remote autocomplete listview
Hello, We used the example for remote autocomplete listview demo which works fine. However, the problem is that when you click on some listview item at the end of the list, another item (about 3 to 6 items above it depending on the phone screen) is clicked without user's intention. Here is the exact sequence: 1. Search field reveals listview links through listviewbeforefilter function. 2. Some of the revealed results are hidden under the keyboard and require a scroll. 3. Scroll down to some item
Fancybox (iframe) is unscrallable by update()
Hello Forum, i have a problem and i hope someone can help me. $(".fBox").fancybox({ // Default fancybox-iframe hideOnContentClick : true, fitToView : false, padding : 2, maxHeight: '80%', beforeShow : function(){ this.width = $('.fancybox-iframe').contents().find('body').width(); this.height = $('.fancybox-iframe').contents().find('body').height(); }, onUpdate : function(){ $.fancybox.update(); } // make it unscrallable and jump always to top });Ähm yes, that is my code, and work all fine but is
JQuery Validate Select Element Value (Min/Max length)
Hey everyone, I am having a hard time understanding a feature in JQuery Validate. Half of me thinks its a bug, half of me think I just dont understand what they are trying to accomplish. Here is my issue. I want to validate min/max length on the value of a select element. The value of the select element should be a sha1 hash, so it should be 40 characters long. When i validate it, it always returns false. Looking into the source code and following it around, i always get a length of "1", even though
jQuery .each Question. Need clarification. Please let me know.
Hello Friends, I went through the learning material on jQuery Site. http://learn.jquery.com/using-jquery-core/iterating/. Here we have an nice example on iteration as pasted below. $( "input" ).each( function( i, el ) { var elem = $( el ); elem.val( elem.val() + "%" ); }); If we see, $("input") is a jQuery object and if we are doing .each on it , each element returned will be a jQuery object , i mean el here. Then why do we wrap it again with $() to make it jQuery object. ThanksKamruddin
Don't understand how to call a function on HTML that uses this "(function($) {" on JS
Hi, I am using a sample from https://github.com/cowboy/jquery-tiny-pubsub, however, because my little knowledge of JQuery syntax, I am unable to call the subscribe1, for instance, so that to test this implementation. Would anyone be able to help? Thank you. --------------------------------------------- <html> <body onLoad='log("Testing123");'> <a href="https://gist.github.com/661855" target="_top">jQuery Tiny Pub/Sub: A really, really, REALLY tiny pub/sub implementation for jQuery.</a> <a href="https://gist.github.com/661855"
Jquery Cycle using only one caption
Hi, I don't know if someone else had the same question, but I'd like to have only 1 caption that slides in and stays on top while the images are fading in the background. Thanks everyone in advance here is the code (I added an "if" statement): <script type="text/javascript"> // edit here var slider_elegant_easing = null, slider_elegant_fx = 'fade', slider_elegant_speed = 500,
Reload page with hash in it
I have a page, which in some point I want to reload (I'm doing "full" refresh, but I don't might refreshing only the "page"). if I'm doing window.location.reload() it works fine. but I want to reload the page using the same url and get parameters, but only with a hash (#something) added to it. I'm trying to do something like: window.location = window.location.pathname + "?get_parameters"+ "#"+"hashtag" the issue is that JQM somehow listening to this hash, and if I'm doing this, it change to the url
Completely stop jquery mobile searching data-* attributes, and auto-enhance
I use JQM 1.4.3 (latest for today). I have a relatively heavy app, which works great on the powerful desktop computer, but not so great on the tablet/other mobile phone. I'm focusing how can I improve performance, and speed of my pages. I've already read a lot in this subject. I assume that jquery mobile on each page load searches for all 'data-role' attributes, and other elements like 'button' 'select' etc, and enhance them, without the developer required to do anything but writing simple data-
how to keep tabs menu back to default state
Greetings friends, I am new to using jQuery and I have a doubt. I've been testing the code of the menu tabs ( http://jqueryui.com/tabs/ ) on my website and I've noticed how much , that if I select the tab page 3 and charge , does not stay in this tab if not default back to the first so my question is how can I avoid this behavior ?, ie if I select any of the tabs and for some reason I refresh the page , the selected Remain tab. according to me , may be with these code but I am not sure how to implement
animate {'height': 'toggle'}
hi, I display a non-displayed list-element (display:none ) with animate({'height': 'toggle'}). that works nice so far, but I use the animate-enhanced plugin, what converts animations automatically into CSS transitions. And the plugin can't convert my animation because of the toggle-keyword. Would it be possible to write the functionality of the toggle-keyword without using toggle? It seems like toggle induces s.t. doing before the animation starts an s.t. after it ends. but what? best, heinetz
How to generate data in $.ajax success so it can be passed to Deferred .done() ?
Hypothetical situation: I want to poll 5 newssites, where each news sites returns a differently builded JSON-response. I use 1 object per website. So for example, in CNN.js I have a method grabNews which is a $.ajax() request. In its success method, I check the JSON response ( data ) and I want to grab only the information that I'm interested in ( # of articles from today ). I have the same method in my CNBC.js In another more generic JS file, I have an object named objNewssite which can contain
nivo slider not working online with ie 9
hello all... i have just uploaded this to see how it was looking and nivo slider doesnt seem to work... the top right image should be changing (theres 3 and they fade out into each other) tested on my computer all seems well even the ones i made last year for another web site work fine... but this isnt working and ive done nothing different... http://jamestest.site90.com/ it does work on fire fox and on my iphone but on my laptop with ie9 its not happening... what have i done wrong cheers.
jQuery, AJAX and PhoneGap (oh, my!)
I am developing my first (production) PhoneGap app. I'm using jQuery 1.10.2. According to the jQuery doc:"As of jQuery 1.8, the .ajaxComplete() method should only be attached to document." In my prototype page, I did just that and attached the handlers to $(document). $(document).ajaxSend(function (data, hdr, settings) { // stuff }).ajaxComplete(function (ev, req, options) { // stuff }).ajaxError(function (err, data, status, exc) { // stuff }).ajaxSuccess(function (xhdr, data, settings) { // stuff
embed tag hiding Jquery dialog.
Hi I am suffering with one problem. I have one embed tag which shows pdf on page. If user is not doing anything for a long time I am showing pop on screen but embed tag is hiding the popup behind it. I tried to increase z index of popup but it is not working. Any Idea? How to resolve this problem?.
JQuery tooltip over image map
I've managed to modify jquery tooltip using jquery-ui so that I get customized tooltips triggered by image map areas. By default, the tooltip wouldn't trigger on map areas, but it did work on any input forms, edit buttons, etc, on the page. It only functions on block elements I finally realized, so I got it to work by adding a <style> for "area", making that a block element: </style> <style type="text/css"> area { display: inline-block; } </style> So now tooltips are triggered when you hover
how to reset jquery json data column grid
hello http://www.jqueryscript.net/demo/jQuery-Plugin-To-Convert-JSON-Data-Into-Data-Grid-Columns/ i put this inside submit handler success. it works fine once. the latest response not showing. how to clear or reset this json grid pls help Thanks & regards
Next Page