Pulling my hair out! :) Simple code needed...
I would like to, if at all possible, get the code to use on any website (that has numerous check boxes) but no "select all" feature, the ability to select all the check boxes in one swoop anyway. I'm using Chrome and did find a utility that does exactly that, however.... Occasionally some of the check boxes on the main website I'll be using this on are disabled, and I don't even want to place a check on them, however this utility I'm using, somehow overrides the disable function of those boxes
Pagination in jQuery
I am new to jquery. Now i want to implement pagination like the following link pagination using jquery example . But i want to fetch data from database and display in a table. This task has to be implemented using asp.net and jquery. Thank you!
jqgrid reload is not updating the data
Hi all, I'm very new to Jquery. I have one jqgrid which contains one hidden id . When i try to add a new row i observed that id is populating like jqq1. Once i do refresh the page then the id is populating properly . I need to refresh the grid with updated data . I'm struggling with this issue from past 1 week , tried a lot of options but none of them solve my issue . Here is my code : mygrid.jqGrid('navButtonAdd','#pager', { caption: "", buttonicon: "ui-icon-plus",
where does $(this) point to , under the following circumstances .
Given the following code INSIDE A PLUGIN , where exactly is $(this) pointing to ?? EXMPLE ONE : var current = $(this); // declared as a global variable inside a plugin. EXAMPLE TWO function number_of_image(){ $(current).each(function(){ count++; }); return count; }; EXAMPLE TWO : function number_of_image(){ $(this).each(function(){ count++; }); return count; }; EXAMPLE THREE : (This is not a function , this snippet of code is typed in the global scope of the plugin) : var count
whats wrong with this?
<!doctype html> <html> <head> <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css" /> <style> .wrapper { } .slider { width: 728px; height: 310px; overflow: hidden; margin: 30px auto; } .slider img { width: 728px; height: 310px; display: none; } </style> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script> <script> function
Prototype.js->toJson causing problem
I am injecting some Java script in to a page. The order in which my scripts are being injected is as follows [immediately after <head>. Other scripts that existing page requires are after this]: http://code.jquery.com/jquery-2.1.3.js http://localhost:9140/Scripts/jquery.signalR-2.0.0.js http://localhost:9140/signalr/hubs var ah = jQuery.noConflict( true ); http://localhost:9140/Scripts/ChatScript.js The page is already using some other version of jQuery along with Prototype.js. I need help with
Jquery issue
Hello everyone. Sorry to bother you but Im not using this program or do not have anything installed like this but when I start my windows I get this error sometimes : https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js it asks me if it should load scripts or no . My question is what it is and how can I remove this error/bug or what it is/does to my new notebook. Thanks for answears.
Splitting my function so it runs separately
I'm super new to jQuery and barely grasp the basics of it. I have the following code, which I am embarrassed to say probably took me over 10 hours to create! It sort of works, but it has a small problem. What it does, is makes some calculations for an employee schedule maker I am working on. I need the third part (starting on line 40) to happen separately from the rest. Because it uses a couple values obtained from the second part. My assumption here, is that the two values from lines 46 and 47 are
Dynamicly show/hide div which has value the same as button
In a loop I add dynamicly in php button and div which is hidden by css echo "<input type=\"submit\" value=\"$entry\" class=\"button\">"; echo "<p id=\"mydiv\" value=\"$entry\"></p>"; i want to show/hide only this div which has the same value as button.
My LED calculator won't work
I'm trying to make a LED Calculator with jQuery, but it won't work. Heres my index code: <!DOCTYPE html> <html> <head> <title>LED calculator</title> <link rel="stylesheet" type="text/css" href="style.css"> <script src="jquery-1.11.2.js"></script> <script type="text/javascript" src="script.js"></script> </head> <body> <h1>LED Calculator</h1> <input type="text" id="srcVol"> Source Voltage</input> <br> <input type="text" id="dioForVol"> Diode Forward Voltage</input> <br> <input type="text" id="dioForCur">
Make Links Work With ContentEditable Attribute
Hi all, I was able to edit my webpages using HTML5 ContentEditable attribute and an Iframe. Basically I have a page with an Iframe which is used to open any webpage in my domain. Then when a page is opened it can be edited by adding the ContentEditable attribute to the body element of that page. The problem is I cannot navigate to other pages by clicking on the links on the page if the ContentEditable attribute is set to true. Is there a way around this without removing the ContentEditable attribute?
ajax.done is empty
I have a problem with ajax that doesn't seem that common. I found very few other posts with the same issue as mine and tried fixing it with replacing the 'return' with 'echo' in my php file and adding the type property to my ajax request. But no matter what I do, my 'data' is always empty. When I set the value directly, without ajax, like this: var data = <?php require "script.php"; $link = createConnection(); $result = mysqli_query($link, "SELECT * FROM Snippets"); $output = array();
Set the sequence in div using jQuery
I have a json and i am creating div based on json data. In the json I have level(depth) field. Level value are like 0, 0 ,1 ,2,0, 0,1,2,3. I am creating html and passing level into the div attribute. Now based on level (Depth) I need to create/generate the number. I want the exact output which you can see the below. I am looking for jQuery solution. <div level="0">1</div> <div level="1">1.1</div> <div level="1">1.2</div> <div level="2">1.2.1</div> <div level="2">1.2.2</div> <div level="2">1.2.3</div>
Required help on JQUERY plugin for CGM Viewer
Hello There, I would like to know if there is any jquery plug-in for CGM(Computer Graphics MetaFile) available . Help required ASAP Nandita
jQuery don't work with my index.html
I want the buttons on my page to fadeTo opacity 0.7 when i hover my mouse on it and back to 1 when i take my mouse away. But it doesn't work. Heres my code (index.html): <!DOCTYPE html> <html> <head> <title>For Fun HTML/CSS</title> <link rel="stylesheet" type="text/css" href="main.css"> <link rel="shortcut icon" type="image/icon" href="/images/favicon.ico"> <script type="text/javascript" src="script.js"></script> </head> <body> <header> <nav> <h1 class="titleh1">Enon's Homepage</h1> <ul class="navBar">
can variables be declared directly with this keyword ??
guys i a few questions about the code in the below pluggin : Scrolly.js : its basically a parallax plugin . now if you check line 15 to 25 . see how the variables are declared : this.element = element; this.$element = $(this.element); this.options = $.extend( {}, defaults, options) ; this._defaults = defaults; this._name = pluginName; this.init(); I taught in JS/jquery u had to declare a variable before you could access it with "this"
Fixed menu problem with position when scrolling
I'm using this code for my fixed menu: $(document).ready(function () {
function my_function() {
var scroll_value = document.body.scrollTop;
if (scroll_value > 0) {
$("#my_div").fadeOut(500);
}
else {
$("#my_div").fadeIn(500);
}
if (scroll_value >= 650) {
$('#sl_userNav').show('slide', { direction: 'up' }, 750);
}
else {
$('#sl_userNav').hide('slide',
Image not resizing when the page loads
I have an image that needs to resize depending on the size of the screen. On my page if I take the screen and resize it, then it resizes the way it should but if I reload the screen the the image gets squashed. You can see what I'm talking about in my demo. When I resize the screen it works fine, but when I click on run then it gets squashed. My html <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 slider-wrapper"> <div class="banner_wrapper active_banner" style="opacity: 1; left: 0%;">
Jquery.data() vs data() ?
when to use Jquery.data() and when to use .data() ???
scrolly.js understanding a simple function code
Hey guys , the below is a parallax scroll pluggin : a rather simple one : Scrolly.js from line 71 - 77 : what are these lines of code really doing ?? (i hv pasted the code below) $.fn[pluginName] = function ( options ) { return this.each(function () { if (!$.data(this, 'plugin_' + pluginName)) { $.data(this, 'plugin_' + pluginName, new Plugin( this, options )); } }); }; i have really been struggling to get my head around this ! , Like
Ajax call is not firing
hello guys.. please look at the below code. please tell me where am going wrong. Purpose: just trying to access a web api method and retrieving data. $('#txtApprovedEmails').keypress(function () { alert("here ajax method"); $.ajax({ type: "GET", dataType: "json", url: 'selectemployees.aspx/GetEmployees', async: false, contentType: "application/json; charset=utf-8",
JQuery Contact form
What is a simple JQuery contact form that I can use?
Syntax Error?
Good evening everyone, I'm new to jQuery and I'm trying to create an image slider for a website. My dreamweaver application as well as console mode in browers say I have a syntax error on line 4 (highlighted). For the life of me I don't know how to fix it. Any help is very appreciated. Thanks for taking your time to help out a novice. // JavaScript Document $('.slider').each(function(){ //for every slider var $this =$(this), //Get the current slider var $group =$this.find('.slide-group'), //Get
not understanding the meaning of construct
iam reading learning jquery book and i came across this sentence ' with the $(document).ready() construct,jquery allows us to schedule function calls for firing once dom is loaded. problem is that iam not understanding the meaning of constructs
Issue with Swipper Slider
Hello, I have a slider in my site, the slider images are setting with Width and Height 100%, but the slides don't get the 100% because of the scroll bar... I already try all the things, set 100% with js, css, inline, but nothing works... ps: if you resize the window it get 100%, if you reload the page dont. Here's the site
ajax, globals that aren't,
it seems that during ajax, globals disappear. in fact, pretty much nothing is available, making my programs seemingly unattainable with ajax due to buggy async which is due to buggy XHR. what I really need is a nice synchronous version. any implementations?
understanding Extend .
I got this example from the Jquery Docs , for the extend function : var defaults = { validate: false, limit: 5, name: "foo" }; var options = { validate: true, name: "bar" }; // Merge defaults and options, without modifying defaults var settings = $.extend( {}, defaults, options ); var printObj = typeof JSON !== "undefined" ? JSON.stringify : function( obj ) { var arr = []; $.each( obj, function( key, val ) {
SharePoint getting list and shown in HTML table
Hey Guys, i have a sharepoint list with some data and i want it to show in a html table. i used this code to get the data Object var readAll = function () { $.ajax( { url: _spPageContextInfo.webServerRelativeUrl + "/_api/web/lists/getByTitle('')/items/" + "?$select=Id, Title, pb_FirstName, pb_PhoneNumber" + "&$orderby=Title,pb_FirstName, pb_PhoneNumber", type: "GET", headers:
Slider not showing image
Hi, I created a slider that half way works. If I click on the left arrow then the images rotates nicely, but when I click on the right arrow that is where the problem comes in. When I click on it, it rotates to the second image but after that it goes wrong. Here is the js $(".nav_arrows").click(function(){ $direction1 = ($(this).hasClass("left-arrow") ? "left" : "right"); var activeBanner1 = 100; if($direction1 == "right"){ $(".inactive_banner").css("left","100%").show(); activeBanner1 = -100; if($(".active_banner").next().length
shows a "loading" while the iframe content it's not loaded
Hello, I have an iframe that loads an external page, but depending on the user's internet speed this external page takes too long to load and leaves impression that is a blank page. I wonder if there is a way to load a "loading" while the contents of the iframe is not loaded. ps: I do not have access to the site code that is inside the iframe
chain select -> multiply 2nd select
Hi, I have 2 chained selectboxes, both filled fromout a database. This is working correctly. But now I want to add multiple instances of the 2nd box after a button push (or to remove one if needed) with a max of 15 instances. Can anyone help me with this? My code op the php-page: <script type="text/javascript" charset="utf-8"> $(document).ready(function(){ $("#adventure").change(function(){ var value = $(this).val(); console.log(value); $.ajax({ type : "GET", url : 'new_loot.json.php', data : { adventure
How to get selected value in textbox Autocomplete
Hi all, Autocomplete is working fine displaying Name and images everything is fine but when i click or select an item from the autocomplete list the selected name or value dose not select in TextBox. Code as follow: HTML <input type="text" id="txtSearch" style="width: 80%" /> JS <link href="Styles/jquery-ui.min.css" rel="stylesheet" type="text/css" /> <script src="js/jquery-1.10.2.js" type="text/javascript"></script> <script src="js/jquery-ui.min.js" type="text/javascript"></script> <script type="text/javascript"
Is the cycle plugin is mobile responsive ?
Is the cycle plugin slideshow is mobile responsive?Could you please tell me the way to convert the slider responsive in small devices.
Issue with Shadowbox
Hello, i'm using shadowbox.js in my site, but it's not working... When i click in phone button (click on "?" button to display "Phone button") he calls the effect of shadowbox but dont load the content... Here's the Site <Here>
Creating a game in JQuery
Hello. I am new to JQuery and I am trying to create a simple game on a webpage. The game should be like this The web page should display at random times images placed in random positions on the browser window. Each image lasts on the browser window for a short period of time and then it dissapears. If the user clicks an image before it dissapears, he/she gets a point. The game ends when the user wins 10 points. So far I managed to display all elements on a page on random positions and then delete
Active section on navbar
I have a single webpage portfolio, and it has a navigation bar across the top. How could I make the currently "in view" section have a seperate class over others, so I can edit it using CSS? I'm new-ish to jQuery so an explanation or something to help me understand would be perfect.
preferred js editors?
Hello, what are the preferred js editors for front end ux-ers these days? Sublime Text seemed to be popular with ux-ers at the last place I worked. Is Sublime Text the preferred js editor these days or are there some other popular ones as well?
Do variables that are references not automatically update?
On http://learn.jquery.com/using-jquery-core/css-styling-dimensions/, I'm trying out this simple code: $(document).ready(function(){ var h1Get = $("h1").css("font-size"); console.log(h1Get); $("h1").css("font-size", "36px"); console.log(h1Get); }); The first time h1Get is logged, it displays the original, correct font size. However the second time it does not get updated even though the actual font size updates to 36px. If I do console.log( $("h1").css("font-size") ); then it is logged as "36px".
Button click not working and close form using a button
I have the below script: <script type="text/javascript"> $(window).load(function () { $('#popupsubmit').modal('show'); }); </script> <div class="modal hide" id="popupsubmit" style="text-align: center;"> <div class="modal-header"> <a class="close" data-dismiss="modal">×</a> <h1> Thanks</h1> </div> <div class="modal-body"> <p> This is my message <br /> <a data-dismiss="modal" class="button">Next</a>
Confusion on "Traversing" returns
I'm reading through http://learn.jquery.com/using-jquery-core/traversing/ and ran into some confusion. Am I suppose to be able to read what is returned as a console log? For instance, // returns [ div.child ] $( "span.subchild" ).parent(); logs [object Object], which doesn't surprise me as I'm used to getting that (though I don't remember the reasons behind it), but I'm wondering if there's any way I'm suppose to actually be able to read [ div.child ] on the console. (I recall reading somewhere that
Next Page