Responsive Horizontal Page Scroll
Hi there, I have a really frustrating issue right now. Building my site in plain html, everything works fine with the combination of scripts I'm using - mostly (more on that in a minute). I started from a tutorial at Tympanus (Responsive Horizontal Page Scroll). However, the tutorial was written in 2012, and the demo files are fairly old. Ok, this was fine in the raw html version of things, but since I'm using Bootstrap as well, the old version of jquery wasn't compatible. If I only called the
JQuery 3.10 + JQuery UI V1.12 Migration
Hi all, We have been slowly replacing our plugins in order to migrate to JQuery 3.10 with great aid using the migrate tool. However, we have noticed many depreciated errors originating from JQuery UI, even though we have upgraded our JQuery to the latest version. (V1.12). Errors include: JQMIGRATE: jQuery.expr[":"] is now jQuery.expr.pseudos JQMIGRATE: jQuery.expr.filters is now jQuery.expr.pseudos Is there something I am missing? Thanks in advance.
customized resizing and rotating
Hello, is it possible to resize and rotate object using customized controls like on the image
.addClass doesn\t work
This is my html: <div class="middle"> <p>text here</p> </div> <!-- jQuery --> <script src="js/jquery-2.2.4.min.js"></script> <!-- Bootstrap --> <script src="js/bootstrap.min.js"></script> <script> $(function(){ $( ".middle" ).addClass( "selected" ); }); </script> But the addclass is not working. Any ideas?
Open PDF in seprate windows
I try to Download/open PDF file in separate window but currently PDF file is open in same window this is what i try <script type="text/javascript">
//$(function sumdata() {
function mypdf() {
$('#tabledata').tableExport({ type: 'pdf', escape: 'false' });
window.open(mypdf);
}
//});
</script> <a href="#" id="pdf" onclick="mypdf()" style="background-color: #3399FF;color: #FFFFFF;font-weight: bold;display:none;font-size: medium;PADDING:
$,ajax vs $.post - $.ajax data format causing error
Hi, Need explanation of where I'm going wrong. I have to process the var str to properly call $.ajax but don't know how. See Source below to see value of str. var str=$("#imageForm").serialize()+"&recId="+recId; var request = $.ajax({ // get data from database url: "revise.php", type: "POST", data: str, // wrong way here, I think dataType: "json" }); // ajax request.done (updatedData); request.fail(function( jqXHR, textStatus ) { alert("Bad
.index with context
I am working on a grid widget and I recently found an issue with my code when grouping columns. The grid displays the data inside a table element where each row that display's the model's data has a class called .data-row. This allows a row that actually contains model data to be easily distinguished from rows used to show group headers or aggregates, etc. When running my tests, I found that when there is more than one grid on the page, the .index() function doesn't maintain context. When editing
auto press enter [don't working]
Hello i have problems with my scrtip, i want this script paste in chrome console but don't work. I need auto press enter when my script write text. TEXT PLACE: https://gyazo.com/a8cd0ad5100fa0bb2d9f7865e8192128 TEXT SCRIPT[CHROME]: https://gyazo.com/6588261f4928bd1b35a7000fb9199ba0 My script: pQ+=$(".amount").html(); and $('TEXTAREA').val(pQ); When i paste my scritp in chrome console i get this: https://gyazo.com/f03443d796205e23b85a8879343c6222 When i try add this: var e = jQuery.Event("keypress");
Scroll inside panel
I love the new panel feature. When the panel is used as a menu, it would be nice to have the content in the panel scrollable, and not effect the page position. I would like a scrollabel div with height 100%, because of all the different screensizes out there. I get the scrolling to work with a fixed height of the div, with position:absolute; overflow:scroll; but that wont work with the height of 100%. Maybe its some css on the panel set by jqm. Can someone help me with this? Thanks.
.each() not returning data
I have the jQuery function below that is not returning the data back to my table. This line: window.alert("Userlist: " + JSON.stringify(usersList)); returns the data but this line: row = $('<tr id="row-' + item.id + '"><td>' + item.FullName + '</td></tr>'); is not returning the item.id and item.FullName. Ideas??$.each() $(function () { var usersList = []; function init() { $.ajax({ url: '@Url.Action("GetNames", "UserNames")',
Request headers and evil.com
I was recently looking at the network tab for something and found in the Request Headers. Evil.com Attaching screen shot.
Set up local storage path for all users
Hi I want to set local storage variable for all windows users. Which i can set/retrieve data from logged in by any user. Currently i am trying to set from jQuery localStorage.setItem('titles', titles.text());
but it stored on location C://Users/{username}/AppData/myapp. I want to change path of it.
PAGER ERROR BXSLIDER
I'm using bxslider to transition some images, scripts and embed, it paging the works to a certain point, after a few clicks it to. Follow the site, this occurs in the banners located in the header to the left side http://omnesweb.com.br/cenariomt
drag into different divs and containment
Hello,I want to drag divs into two different divs (drop1 / drop2). It works for one box as desired (drop1). But I want this for both divs (drop1 / drop2) and it should be possible that the drag-container can be moved between the two divs (drop1 / drop2). View code and result on JSFiddle.net var num1, cnt1 = 0; $(function() { $('.drag').draggable({ revert: 'invalid', containment: '#drop2, #drop1', snap: '#drop2, #drop1', stack: 'div', opacity: 0.7, start: function(e, ui) { num1
How do you get Jquery to run with cascading dropdown lists?
Hi, Have a cascading dropdown list (DDLB) that refreshes with results from after a selection is made from DDLA. It also appends another list item with a value of -2 with text of not listed. The default value is -1 with text of make a selection I finally have some working jquery that shows/hides a separate textbox column. My question is, how do you make the JQuery load/run after the list has been received from user making a selection in DDLA? The process would need to also run if the user changes
Spinner control Spin event | Keep on firing again and again
Hi , I am trying to use Spinner control and wants to control the next value that should be set in textbox if user either directly enter or use step-up or step-down buttons. for this i am listening to "Spin" event and assigning a function to this event. in this event i am trying to check if next spin value is one those that i do not want then i increase the value and set it using "value(value)" function. what happening is this event keeps on firing even if i remove all my code from this event ,
File input Blob.slice error
I've got a form that I'm submitting by ajax, but I guess during the ajax sendoff, I'm getting an error: Can only call Blob.slice on instances of Blob I don't see a console.log immediately after so I assume the ajax is choking? I create a simple object that contains all the inputs in key/value pairs - shown as the last log entry. I'm guessing this has something to do w/ file attachments, but I don't know what I've done wrong. An example page is running here: http://www.partiproductions.com/mailshield_test/
.keypress() not working on the first key pressed
Jsfiddle here: https://jsfiddle.net/80g2e9em/ HTML <input> <p id="model"></p> JS $("input").keypress(function(e) { $("#model").text($(this).val()); }); The problem I have is that when I press a letter first time nothing happens. Only the second and subsequent letters are shown.
Filter
Hi I have Menu like this with Checkbox in front of each. I want that if user selects H.P , Dell from Brand then it should show like this in another Div without PostBack Brand : H.P X Dell X Ram : 2.0X Clear all If user click's on Clear all then it should clear all options Brand H.P H.C.L Dell Ram 1.0 2.0 3.0 Size 14.2 15.5
Tool Tip widget always displays outside <div id="wrapper">
5 day old newbie here ... regardless of wrapper height (& width) the UI Tool Tip always appears outside the wrapper div. How do I get it close to the object whose title appears in the Tool Tip. <!doctype html> <html> <head> <meta charset="utf-8"> <title>jQuery ToolTip Dev</title> <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css"> <!-- jQuery-UI lib --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
2.2.0 to 3.1.0 upgrade: .serialize() will not serialize disabled objects?
UPDATE 08/05/2016: After looking into the issue closer, it turns out that the .serialize() method is no longer serializing the values of any disabled objects or their children. This is a breaking change, as it is common practice to disable a page, or portion of a page, during a post to prevent additional clicks/selections/whatever. I don't see anything in the notes that this was intended, but that is the current functionality. Is this new functionality intended? If so, is there a way to serialize
how to create data list as rows for more attributes by jquery
Hi i need to create data list as rows as following shape id 1 name ahmed salary 1000 id 2 name mohammed salary 2000 how to do that by jquery or html
Script conflict
I have two scripts which are conflicting: smooth scroll and Popup Overlay. When smooth scroll is included, Popup Overlaywill not pop up.Remove the smooth scroll and the pop up works. Any thoughts? Smooth Scroll $(function () { $('a[href*="#"]:not([href="#"])').click(function () { if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) { var target = $(this.hash); target = target.length ? target : $('[name=' + this.hash.slice(1)
how to increase counter of click button every time click in run time
Hi I create web page have input type text and button add when write value of course name in text box and press click add button it added in table as following c# 0 0 like dislike What i need actually is when press click on like button increase value of 0 depend on how many time click i will press button like suppose i click like button 5 times click it will start 1,2,until it reach to 5 my fiddle to my code as bellow https://jsfiddle.net/d900eyvu/
Custom Ajax Response Methods
Hi, I was wondering if there is a way to implement a custom Ajax response method, besides what's already there, like "done" or "fail". For example: // Assign handlers immediately after making the request, // and remember the jqXHR object for this request var jqxhr = $.ajax( "example.php" ) .done(function() { alert( "success" ); }) .fail(function() { alert( "error" ); }) .MyCustom(function() { alert( "Item Already Exists In the List" ); }) .always(function() { alert( "complete" ); }); }
jqGrid Inline edit drop down slow and high CPU
I am now having a requirement that there are over 50 columns to be implemented as an inline edit grid. Each of them is a drop down, and some drop downs containing over hundred options. Under this situation, I find that when I select row the client PC will be on high CPU and the performance will be quite slow. Is there any way to optimize? Thank you for all help in advance.
Styling a button - what is going on here!
Hi guys, I'm having a nightmare styling some otherwise simple buttons - I think because of the jQuery default CSS applied see below for an extract. This creates an odd effect of covering the text on the button ("Proceed") in the green background colour, and also only covering part of the button (due to the width 50%) - I have captured a shot of the output below. Can anyone shed some light on what is going on here & how I can customise the button effectively? Thanks! Wayne <input type="button" value="Start
Dialog Box
Full name Username Password Submit
How to implement cupertino JQuery UI ThemeRoller theme in a jsFiddle project?
I have implemented the datepicker widget into my jsFiddle, seen here: https://jsfiddle.net/MrSnrub/g7u14p10/ I want to incorporate the cupertino theme to that datepicker. But the only options I'm seeing is a downloadable set of files, which a jsFiddle cannot use. Is there a way to do this?
Visual Studio 2015 with Microsoft Edge, Unexpected Error starting up the application. Assignment to read-only properties is not allowed in strict mode
The error message in the title comes up in an alert box when I start my application from Microsoft Visual Studio 2015 using Microsoft Edge as the browser. Its OK in IE11 and Firefox. Initially I thought it was something about Edge and VS2015, but actually when I did a hello world app or a fiddle, it didn't happen. So a lot of alert statements later I found the problem, it turned out that this bad line of code was accidentally left in there: $(document).on("focus", "input,textarea,select,button");
Fancybox gallery problem with mixed media
I'm trying to add video to a picture gallery. They all have the same rel tag, but all of the pictures present as a gallery, and all of the videos in a separate gallery. When I add "fancybox.iframe" as a class to the <a...'s with video, I can get them all to present in a single gallery - but then my dimension constraints are ignored. Any ideas? Here's a working example, and here's the code. Thanks in advance... Dan www.59plymouth.net/lightboxes/fancybox3.html <html> <head> <link rel="stylesheet" type="text/css"
jQuery UI for jQuery 3.0
Hi, we are about to upgrade jquery to version 3. It looks like there are some compatibility issues with the actual version of jQuery UI. We are using jQuery UI 1.11.4. Is jQuery 3.0 on the roadmap of jQuery UI? Best regards Marc
How to change the copy of object of dom without affecting base dom?
Hi Team, I am creating object and setting with part of innerHTML of dom and sending it following function to make sum changes before i process it for print pdf. however whenever I am applying any change on that object it is getting effect on main dom. I am trying to remove all the href from innerHTML and it works fine but after this on main page hyperlinks stop working. function RemoveHyperlinks(obj) { var innerhtmlobj; var array = obj[0].innerHTML.split('href=\"');
Transpose the table
I am new to jquery.. can anyone help me how to transpose the table using any plugin with example? Thanks in advance
ol li click ie8
hi, I've got a problem using an OL click, I would like to click each LI in ie8,but only when click decimal is nice,when i click after area of decimal is no effect. thank you for help !
export data in pdf
I populate data in table through jquery now i want to export that data in pdf /excel For this I try this link export data link link I try this work successfully then i this code add in my file <a href="#" onclick="$('#tabledata').tableExport({ type: 'excel', escape: 'false' });">XLS</a> <a href="#" onclick="$('#tabledata').tableExport({ type: 'pdf', escape: 'false' });">PDF</a> I create table with the help pf jquery success: function (result) { var final = JSON.parse(result.d).response;
IF user name and password found in local storage go to index2 with user name and password
I have two page index.html source page index2.html destination in source page (index.html) i have two input boxes for user name and password and check box remember me and button login 1-if client write user name and password then checkbox remember me checked then it will store data of user name and password in local storage when open web application again it must open index2.html directly and index2.html have user name and password in this case 2- if check box not checked it will not store data
Hide first div when function starts and add a delay between divs shown.
I've been struggling with this for about a week now with no luck. the first div won't hide and I used setTimeout to add some delay between fadeIn and fadeOut. Someone has any idea how to fix this, thank you. $(document).ready(function() { $('#text_slider div:gt(0)').hide(); setInterval(function() { $('#text_slider div:first').delay().fadeIn(2000) .fadeOut(1000).next().fadeIn(1000).end().appendTo('#text_slider'); }, 3000); });
Typical WordPress Image upload problem on reviews page. Can you help?
Hi, I have wordpress version 4.5.3. While i am trying to add media to set an image, the uploading option is not showing. Instead, a white interface is coming. Also i am not able to set any post image as featured image on the front-end. Can someone help me out, so that i could properly set featured image on the top side of the front-end? Site Ref: Advids Reviews Thanks!
How do I get suitable plugin?
Hi All, Hope all are well. I am not native English speaker so you may get problem in my English.I am newbie in web design and in this forum. For the last two months I am practicing html and css and making web pages. But having problem with jquery plugin. I know how to use plugin but the problem is with getting suitable plugin for each particular place i.e in my web pages. For example I need a carousel for this area (marked with red in image) but not understanding which particular carousel will
Next Page