Block UI Exceptions
Is it possible to exclude certain postbacks from BlockUI? I have a treeview on a page that postback when the user clocks but it looks odd and I would like to exclude it.
Jquery draggable columns issue
Hi Team, I am new to jQuery and trying to use the draggable feature into my Salesforce VF page which is similar to HTML. The VF page table has around 20 columns approx and when the page get loaded it displays only first 15 or something and in order to acces further columns we need to use the scroll bar. The issue is when I try to drag the columns which are hidden using the scroll bar. jQuery would not recognize those columns and somehow picks and traverses back from only those columns which were
how to detect when i change a tab?
hi i have this script for make a list of tabs there is a event for detect when the user change of tab ? <script> $(function () { $("#tabss").tabs(); }); </script>
How to assign the dynamic id of the div using create element
I need to assign the dynamic id of the div, here is my code; $('#btClickMe').click(function () { var dynamic_div = $(document.createElement('div1')).css({ border: '1px solid', position: 'absolute', left: '350',//element_pos1, top: 110,// $('#ctl00_BodyContent_divResize').height() + 20, width: '25', height: '25', url: '', padding: '2', margin: '50', });
Building a form with JSON and Ajax
Hi, Looking at this example, I managed to create a drop-down menu which gets its content from a JSON file: Building a from using JSON However, I'm sure there is a better way to achieve this. Could you please show me how would you solve this? Thank you
JqueryValidation,Qtip message not removing after control's value isValid
Hi All, Im using Jquery validator and Jquery-qtip for validation and showing validation messages. If a control value is not valid, it turn the control t ored color with a qtip message, but sometimes the qtip still shows even the controls value is valid. I have checked the attribute of control "aria-describedby" which point to the qtip div, but when the above happens, control's "data-hasqtip" and that div.qtip id varies. I want to remove the qtip when control has valid value
pagecontainer 'change' produces unrecognized expression in jquery
I may not be doing this right. I'm trying to change to an inline page with a parameter using this call: $(':mobile-pagecontainer').pagecontainer('change', $('#messagePage?msg_id=' +this.id), {reverse: false, msg_id: +this.id}); And that call produces this error (which it shouldn't): Uncaught Error: Syntax error, unrecognized expression: #messagePage?msg_id=18 at Function.ga.error (jquery-2.1.4.min.js:2) at ga.tokenize (jquery-2.1.4.min.js:2) at ga.select (jquery-2.1.4.min.js:2)
datepicker UI responsive
Can we make the datepicker (with popup and not inline) responsive with bootstrap? and so, how to proceed? Thank's for your answers
Multiple sliders on one page
I've been using the same sliders on my website for years, but they've just stopped sliding? I usually just cut and paste the code from one slider and change the images and it has worked fine for years? See the code on my website: www.quentindevine.com Any help in resolving would be very appreciated, thanks!
Unable to select month in datepicker
It should be able to choose any months like the first picture but mine (the 2nd pic) is not. Someone told me it's a Jquery format. Kindly help, please. Thank you.
jquery dialog dosnt work
Hi all, i'm new to jquery and javascript too; the following example do not work; I've copied the file at the end of this page: http://api.jqueryui.com/1.8/dialog/ Save it in a file try.html, but when i open it i see the buttom and also the text I'm a dialog, and when i click on the button nothing happen. thanks
Jquery Datatable horizontal scroll is not consistent in IE11
Hello All, I am using jquery Datatable in my web page. But with IE11 browser, when i resize my window to minimal size(mobile view), it's displaying without horizontal scrollbar. i.e horizontal scroll bar is not consistent(sometimes appearing, sometimes not appearing). In chrome and firefox, it's working fine. Only in IE11 i am facing this problem. Please help me how to fix this fixed horizontal scroll bar issue in IE11 Thanks in advance chandu
Beginner - How To Only Display Div Element on Specific Url?
Hi there, I´m completely new to JQUERY, so excuse my ignorance! I basically only want to show a div on a specific URL. I have a property website, and only want to give the initial area info at the top of the first landing page (specific URL) then to disappear when user clicks to next page etc. If someone could give me the code I need to use that would be great. Many thanks. So show on /mijas-costa/ ONLY mijas-costa/?page=1 page=2 etc etc hide
Adding lang="la" attributes to table cells without affecting already hardcoded lang="en" attributes?
Hello. I'm building a Wordpress website about Latin (but this isn't a Wordpress question!). I'm building tables directly in the content editor. I need to add lang attributes to table cells. My first try was adding latin="la" to all table cells: $(".my-table td").attr("lang", "la"); This worked fine, but I realised later that certain cells needed to be in English so I installed a plugin that allows the lang attribute (lang="en-GB") to be added to individual cells (i.e. they are hard-coded into the
Jquery is click not working in firefox
same JQuery is working in chrome but this jQuery is not working in firefox. $('.attachmentslist li a span').click();
Click function not fire on first time page load
Hi everybody, I am using jQuery to bind an event on element click, like this: jQuery('.product-info-main-content .product-add-form .details-qty .plus').click(function(){
var val = parseInt(jQuery(this).closest('.control').find('input#qty').val());
jQuery(this).closest('.control').find('input#qty').val(val+1);
}); But, the problem is that code not working at the first time page load, I try to refresh the page and it work perfectly. And one more except that if at the first time page load, I open
Finding a comma and replacing with span tags to style the text differently
I am trying to write a script that replaces a comma in a different font. Nice commas. <!-- CSS --> .nicecom { font-family: 'Freight Big Pro'; } function initNiceCom() { $('#container').text(function (index, text) { return text.replace(',', '<span class="nicecom">,</span>'); }); } I am searching the #container div for a "," and then replacing it by wrapping around <span></span> tags. My script has no effect. Any ideas how I can achieve this?
toggle function to limited tags on click event
I have 10 boxes, I have added toggle functions to it to select the box by adding class 'active'. I want to let user to select only 6 boxes. When user selects 6 boxes it not letting to select others which is working fine. My problem is I want to change my selection again but it is not letting me to do that. Below is code: $('a').click(function(){ if($('.active').length < 6) { $(this).toggleClass('active') } })I want to change my selection, please help!
Show and Hide Code
I attached two screenshots, actually I am new and confuse a lot, I tried to figure but failed. Actually in the image you can see, that keyboard opacity is low and it's selected as well, and rest of other objects are unselected and with full opacity. I want vie versa of this syntax, that when I select any specific object it will remain highlighted and rest of all will remain with low opacity. Hope you got my question and will help me in this.
Click button add object to div
This app loads a google map and displays local breweries. Once a brewery is clicked, it loads basic info and a "Add to pub list" button. I cannot seem to get the details.name object to append the list in div on the right. Can anyone shed light on my error? The styles now are hideous, pay no attention :) I appreciate any direction, thanks! I have my source here: https://repl.it/@Sugalo23/Brewski-Plat-1
simple problem
Hello, Can anyone help me? I have to do the below but i can't. I need to draw on the left side of Canvas a cowboy with a gun. Once a page is loaded, a bullet will drop off the gun. The sphere will be reflected on a wall that is near the right side wall. When the ball strikes the cowboy, he will fall to the ground and a message "this was a mistake!" Will appear. The message will appear above the head of the cowboy. If anyone can help me, i will be very thankful.
changed css not applied to new elements??
I want to change css ... for example I am using: $('table').css('background-color','green') But then, when I go to add a new table (as below), it is colored the same way as the initial css definition $('<table><tr><td>a</td></tr></table>').appendTo('body'); I did do a goole search before this, but the "fix" seemed to be more of a work around and involves cloning existing elements (which sounds horrid ) I did up a quick example here:https://jsfiddle.net/mam80cxj/ Any ideas? Thanks, Kris
Attaching listener to selector, getting TypeError
When I do this in the debugger, I get an object no problem: $(".ui-column-filter").get(0) However, when I try to use the same selector in the context below, I get this error: TypeError: $(...).get(...) is undefined What am I doing wrong? I tried with and without the ready. Please advise. <script> $(document).ready(function () { $(".ui-column-filter").get(0).keydown(function() { updateTotals(); }); $(".ui-column-filter").get(1).keydown(function() { updateTotals(); }); $(".ui-column-filter").get(2).keydown(function()
stopping an animation after one iteration
Hi, I can’t figure out how to cancel an animation after a first iteration ( using old-fashioned jQ animate() ) . The animation works like this: click on the image and the image is re-sized and re-positioned. I can see two ways which could stop further, unwanted, clicking: change the z-index of the image, so that it goes down the stack, behind a transparent screen--(the screen is integral to the page anyway, it's not just for this animation); or wrap the function with one{), like $(‘#myimage').one(
at.js - How do I combine first_name, last_name obtained from server into 'name'?
I'm using https://github.com/ichord/At.js to fetch records from my server. My server sends me data in the following format: [{"id":1,"first_name":"Jack","last_name":"Welch"}, {"id":2,"first_name":"Ines","last_name":"Ritchie"}, {"id":3,"first_name":"Jaydon","last_name":"Wisoky"}, {"id":4,"first_name":"Dannie","last_name":"Goldner"}, {"id":5,"first_name":"Raymundo","last_name":"Mann"}] However, at.js requires me to have the `[{ "id": 2, "name": "Jack Welch" }]` format. So far, I'm able to fetch data
Issue with Google Maps API in External JS file
I have put my script in the script tag and the picture loads. However in the js file the the image is blank. See my code function initMap() { var location = {lat: 61.109, lng: 22.100}; var map = new google.maps.Map(document.getElementById('map'), { zoom: 8, center: location }); var marker = new google.maps.Marker({ position: location, map: map }); marker.set(map); } initMap()
Tumblr - Randomizing blog post order
Hello, I am completely new to coding, html java and etc. I have recently reated a blog that showcases my photography. However the theme that I have installed and Tumblrs default orders my photo blog posts in chronological order by date. I am looking to change this to randomizing the appearance of my photo blog posts so that upon every load of the page the user will have a change to view my 100+ amazing photos. Anyone have a javascript code I can copy and paste into my tumblr html code? I read online
Custom Checkbox & Draggable
I have to use a checkbox from a 3rd party library. That library creates checkboxes using the custom checkbox from Khavilo Dmitry. That checkbox has the following code for mousedown $('img', ch.wrapper).bind('dragstart', function () { return false; }).bind('mousedown', function () { return false; }); Now I need this checkbox to be draggable. Since I do not have control over this 3rd party library, I wrapped the checkbox into a div like <div id="checkboxID" draggable="true" ondragstart="dragStart(event)">
Jquery UI Multiple Slider Display Custom Handle value with Input Text Box (SOLVED)
I have dynamic multiple input and dynamic slider handler so when on change input text value need to set slider value but I can't set slider handler check below code. HTML: <table> <tr> <td> <div class="divSlider"> <div style="margin:0px" id ="bonusScore" Style="width:100px;"> <div id="custom-handle" class="ui-slider-handle"></div> </div> </div> </td> <td> <input type="text" name="assesmentScore" class="input-mini" /> </td> </tr> </table> SCRIPT: $(function(){ $(".divSlider").each(function(index,value
Jquery UI Dynamic Multiple Slider updated Slider value based on Input text
So far I can set slider value based on input text value need to confirm about how to change slider set value . I used custom slider handler <div style="margin:0px" id ="bonusScore" Style="width:100px;"> <div id="custom-handle" class="ui-slider-handle"></div> <input type="text" name="assesmentScore" class="input-mini" /input> Script : $(function(){ var handle = $("#custom-handle"); var bonusSlider=$("#bonusScore", $(this)).slider({ range: "min", value:50, step: 10, min:10, max:100, slide: function(
how to use range slider as input and store values in variable?
Hello all, I'm new to all this and i'm trying to build a website where i use range sliders as input from which i need to value to be made visible in a chart (i'm using chartjs). For the moment i'm stuck with capturing the values from the range slider. For some reason it keeps returning an empty array for the min and max variables although the input field gets a value that updates when using the slider. Can anyone help me with this? Thanks! code: <body> <p id="monday"> <label for="amountmonday">Hours
Promise and Deferred objects!
Hello everyone! I need to find out some moment concerning Promise and Deferred objects: 1. which of these objects belongs jQuery and which to pure JavaScript 2. what is the difference between these objects (besides described above) 3. has deferred.promise() method anything in common with objects Promise (besides name, of course))))) 4. why when new Deferred object is made there is no keyword "new" 5. methods when() and then() are methods of what object: Deferred or Promise Thanks a lot advance!
its not working for me..
<!DOCTYPE html> <html> <head> <style> .draggable { width: 200px; height: 200px; padding: 0.5em; float: left; margin: 0 10px 10px 0; cursor: move; } .draggable, a { cursor: move; } #draggable, #draggable2 { margin-bottom: 20px; cursor: move; } #draggable { cursor: move; } #draggable2 { cursor: e-resize; } #containment-wrapper { width: 100px; height: 100px; border: 2px solid rgb(204, 30, 30); padding: 10px; } h3 { clear: left; } </style> </head> <body> <div id="containment-wrapper"> <div id="draggable"
Multiple forms
Hey everyone hope your all well and can help me get my head round this situation i have Ok so im currently printing out some placeholders / div blocks in a while loop using php which have forms within them, to access the forms you have to toggle the div for each of the blocks, that all works flawlessly. My issue is i need to try and validate which ever form the user has toggled into view to input there details which is just a name and email and then allow them values to be passed back to a php script
Unable to append div element to an amazon page
Hi, I am trying to append a div element with red background color to the body of an amazon.com page. The html is showing up as plain text. I understand something is interfering with the added html. I would like to know what I need to do to successfully add the div element. Here is the code. $("body").append("<div style=\"background-color: red;\">test</div>"); I appreciate the cooperation of forum members.
Get variables after ajax finishes
I'm trying to get at variables returned from an ajax. Found out that those variables aren't available outside the function, so I wrote those variables to data attributes & then trying to call those later. function myajaxcall() { var v = new Array(); $.ajax({ url: "pathto/check.php", dataType: "json" }).done (function(check) { v = check; console.log('v Inside: ' , v); // Getting correct values, BUT it's running twice, for some reason? $('#mycheck').attr({'data-uflag':
Download file using ajax GET request
Hi, I'm trying to downloading a file using ajax GET reques, but nothig happens This is the code: $.ajax({ url: "downloadAvviso.php", type: "GET", dataType: 'binary', success: function(result) { var url = URL.createObjectURL(result); var $a = $('<a />', { 'href': url, 'download': arg1, 'text': "click" }).hide().appendTo("body")[0].click(); URL.revokeObjectURL(url); } }); where arg1 is the name of
Make paths work correctly with .load into div.
Hi, I'm back again! This time, latest jquery versions I promise. ^^ I'm currently trying to use the phpbb forum of my website as a sort of "comments" section on my webpages, and after mulling it over for a long time I've decided to not use an iframe and try to do to this with jquery (since I'm already using it now anyway). However when I pull the forum topic page into a div with .load, all the paths get broken. For example, website is site.com and forum is at site.com/forum and when I load the
How to Get The Value Of UI in For Mat of Thousands-Separator
Can you please take a look at this demoand let me know how I can get the `value` of slider in format of Thousands-Separator like `5,000` and .. $("#slider1").slider( { value:5000, min: 250000, max: 8000000, step: 50, slide: function( event, ui ) { $( "#slider1-value" ).html( ui.value ); } } ); $( "#slider1-value" ).html( $('#slider').slider('value') ); <div id="slider1"></div> <p>Your slider has a value of <span
How to get the jQueru UI Slider Percentage On Slide
can you please let me know how I can get % of slider movement from jQuery UI slider? For example I have a number with a max of 360000 and the value is %20 which is 72000 now I need to get all percentage of slider movement <div id="slider"></div> <p>$ <span id="slider-value"></span></p> $("#slider").slider( { value:72000, min: 0, max: 360000, step: 1, slide: function( event, ui ) { $( "#slider-value" ).html( ui.value ); } } ); $( "#slider-value" ).html( $('#slider').slider('value') ); body{ padding:30px
Next Page