jQuery 3.3.1 and ajax tabs
Hi It does not seem that Ajax Tabs jQuery-UI works with jQuery 3.3.1. Is it posible to make Ajax tabs work together with 3.3.1?
JQUERY ANIMATE BACKGROUND IMAGE
THIS IS MY ERROR THIS IS MY CODE JS <script src="../_layouts/15/Scripts/jquery-3.3.1.min.js" type="text/javascript"></script> <script src="../_layouts/15/Scripts/SP.js" type="text/javascript"></script> <script src="../_layouts/15/Scripts/SP.Runtime.js" type="text/javascript"></script> <script> $(document).ready(function () { var x = 0; var y = 0; var banner = $("#banner"); banner.css('backgroundPosition', x + 'px' + '' + y + 'px'); window.setInterval(function ()
Show the correct active tab based on the href attribute is not working properly
I have this jquery to give the class active to a tab when the url has the correct hash. This is working fine with the code below, then the user accesses for example "http://proj.test/user/profile?user=1#myTickets", the #myTickets tab becomes active. But I want to have this dynamic because there are more tabs, for example, there is a tab #editPassword", and when "http://proj.test/user/profile?user=1#editPassword" is accessed the tab #editPassword should become active. So the code is working if is
How can I edit css with a click only for a few seconds?
I need to change an image size by a click for a few seconds and then it should return to the original size, using functions and selectors. I changed the size but I don't know how to return to the original size. $(document).ready(function () { if $("myId").click(function () { if $(this).css({ width: "500", height: "500" }, 1000) }); });
Make dropped element again droppable indisde Iframe using Jquery
Hi guys. I trying to develop an web editor tool using Iframe and Jquery. I am trying to do drag and drop inside Iframe. What I want is that I drag and element into the Iframe and I want that element to be again droppable area inside an Iframe. As simple I want all elements to be droppable inside an I frame. index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="Content-type" content="text/html;charset=UTF-8" /> <title>Play It</title> <link rel="stylesheet"
What is $(this) in document.ready ?
Hi, I just wonder what is $(this) inside the document.ready refer to? I try to parseHtml and get the object by using $(this) without success. I try to search to forum here but since it too generic keyword I get no result. Can someone here guide me or tell me what is $(this) refer to? Best, Shin
Cross-site scripting (XSS) vulnerability
Hello, We are using jQuery 1.6.2 and with other plugins listed below: jquery.dataTables fileUploader jquery.layout-latest jquery.multiselect jquery.raty jquery.tokeninput jquery.tools jquery.ui.combobox jquery-1.6.2 slides.min.jquery jquery-ui-1.8.16.custom issue # 1: Cross-site scripting (XSS) vulnerability in jQuery before 1.6.3, when using location.hash to select elements, allows remote attackers to inject arbitrary web script or HTML via a crafted tag Can you suggest, to which version of jQuery
Where to find the goodies?
Friends: I teach a few introductory courses in Dreamweaver at a small regional university. We just changed books and I bumped into a lovely routine called Lightbox based in JQuery. I suspect the readers of forum are familiar with it. My question is where do I go to find all the other JQuery libraries that are offered free and would be a practical use to developers in their first year or two of constructing Websites? I'm not looking for a specific site that might do "X", since I literally don't
Reading Query String from Ajax Load
I have seen some examples for url reading but all are from window.location In my case I can't use window.location.search because I am doing an ajax load into div. $( "#result" ).load( "service.html?param1=1¶m2=2"); In this case how can I read the param1 and 2 values when I am inside service.html?
Problem
Reviews Of Sphinx làm cho Đẹp Mỗi Ngày đang ở trên Facebook. Bức ảnh cô bé 5 tuổi đẩy xe rác cho mẹ tức khắc trở thật tình điểm trên mạng trong những ngày đầu năm. bởi thế mà khi được táng trực tiếp, sự phân hủy sẽ tác động trực tiếp tới nguồn nước và không khí, môi trường tiếp giáp với. không những thế, rẻ nhất là bạn nên trò chuyện với bác sĩ trước khi sử dụng chúng. làm mặt nạ tinh bột nghệ dưỡng trắng sở hữu sữa tươi sẽ góp sức cho chúng ta chăm nom da trong khoảng bên trong, dưỡng trắng trong
Assign Multiple Raspberry Pi GPIO to Checkboxes JQuery
I'm using a hosted web application to control switches from my Raspberry Pi. A tutorial I found online can control one of my switches. My goal is to change the code to control 3 different swtiches. I'm a novice and would like to know the best way to assign the other two Checkboxes. I'm using Bottle Python web framework and JQuery AJAX Here is the code <html> $(document).ready(function() { $("#ckLED").change(function() { var isChecked = $("#ckLED").is(":checked") ? 0:1; $.ajax({ url: '/action', type:
Exception was thrown at line 3670, column 8 in https://code.jquery.com/jquery-1.12.4.js
With jQuery 1.12.4, When compiling and running the project in Visual Studio 2013, I get a ton of: Exception was thrown at line 3670, column 8 in https://code.jquery.com/jquery-1.12.4.js 0x8000000a - JavaScript runtime error: The data necessary to complete this operation is not yet available. and these: Exception was thrown at line 745, column 2 in https://code.jquery.com/jquery-1.12.4.js 0x800a1396 - JavaScript runtime error: Array.prototype.slice: 'this' is not a JavaScript object Exception was
Preventing .ajax POST from navigating away
Hi everyone, I am testing the following: <?PHP if(isset($_POST["Submit"])) { echo "I am inside"; some PHP code stuff....... } ?> <script> $("#ftpForm").submit(function(event) { event.preventDefault(); $.ajax({//Inside Ajax method: "POST", url: "index.html", data: {Submit:"Submit", Data1:"data1", Data2:"data2", Data3:"data3"} })//Inside Ajax }); </script> Apparently, the post seems to be occurring because the page leaves the tab that I am in and sends me back to the 1st tab, which is the
Problem with "scroll" event
Hello everyone! I have problem with working scroll event. I wrote this code: $(document).on('scroll', '.dialog_box', function(){ console.log('testing'); });And when I scroll this element nothing happens. I use on method because originally there is no such element on the page. By the way if instead of scroll event I use click event everything works perfectly. Thanks a lot in advance for any help!
Scroll Down after content loaded
I'm loading 'more news' to my page via a ajax call. Currently I load 30 items onto my page when loaded, this fits into a single page view. at the bottom I have a button which loads another 30 via ajax What I now want is for the 30 to load and for the page view to scroll down so just the 30 new are showing. Any ideas?
Passing username portion of email address to hidden field
I'm trying to pass just the username portion of an email address to a hidden field. Here's what I got so far: jQuery(document).ready(function(){ jQuery("form").bind('submit',function(e){ e.preventDefault(); var formEmail=jQuery("input[name=email]").val(); jQuery("input[type=hidden][name=hidden_email]").val(formEmail); alert(jQuery("input[type=hidden][name=hidden_email]").val()); alert(formEmail); }); }); <form method="post" action="#"> <input type="text" id="email" name="email"/> <input type="hidden"
Can't see ajax headers, parameters or results in firefox console
am working on modifications to a web app. The production app can be seen at http://finder.passaicschools.org. We are making changes in the district and I am updating the app to accommodate the changes. I have three environments. Development (windows 7), test (Ubuntu Linux Server) and production (also Linux but it is a host so I am not sure which version). I made my changes locally and everything works great. I uploaded the new code and database to my test server and the Find feature on the main page
Fill fields with info is not working properly
When the checkbox "Fill with auth user info" is clicked I want to populate the fields with the auth user info (name and surname) but it's not working. When the checkboxes are clicked is not working the fields are not populated with the auth user info. Do you know where is the issue? What I have for now is in, https://jsfiddle.net/LahL166o/ the auth user info appears in this span <span id="userData" data-name="John" data-surname="Keane"></span>
Executing a PHP file in a Modal Popup
I currently use a very small simple javascript popup function that passes parameters to a PHP file and opens that PHP file (ShowTheReviews.php) in a popup window to display reviews of a product. It works perfectly on desktops, but is not responsive, and not mobile friendly and opens a new window/tab on tablets and smart phones. Looking for a replacement that does a Model popup that overlays on the current page. Can anyone suggest a way to modify (using Javascript or JQuery) this popup function to
Question about find
Hello, I'm trying to figure what this one line does in the script at the end of the jQuery.post() documentation. var content = $( data ).find( "#content" ); I realize it creates a variable named content, but where is it getting it from? There is no element in the example code with an id of content. Also, is the ( data ) the same data that is returned by the $.post? Any help would be gratefully appreciated. Thanks, Tony
Even and Odd Selector filters are not working properly
Hi, Hope you are doing fine. We are using Jquery version 3.3.1.Below is the explanation about the bug. This our javascript Code $(function(){ $("p.myp1 span:even").html("this is text using Class Name") }); This is our Html Code. <p class="myp1"> <span>My 1 Span</span> <span>My 2 Span</span> <span>My 3 Span</span> <span>My 4 Span</span> <span>My 5 Span</span> </p> While I tried to select even elements then its selecting odd elements . And same as while i tried to select odd elements then its selecting
jQuery not supposedly display multiple table
Hi i need help on displaying table using jquery. <?php if( $_POST["switch_3"] || $_POST["vegetarian"] ){ $donateAmount = $_POST["switch_3"]; $vegetarian = $_POST["vegetarian"]; if($vegetarian == ""){ $vegetarian = 0; } else{ $vegetarian = 1; } } ?> <script type="text/javascript"> // Check security token jtoken = jQuery("#jtoken").find("input").serialize(); var donationAmount = '<?php echo $donateAmount; ?>';
Slide Left/Right
So I can slide a div up and down, is it possible to do left right? or essentially rolling it out from the left hand side of the screen? i'm using the animate function and changing the width at the moment. Is this the best way?
Function after function
I have a simple line of code $('#main-menu').slideToggle(500) What I want to do now is when that's finished sliding, run ajax, once that's done do something else. I have do them all one by one but how can I do it so they work in order and wait for completion
Slidetoggle-issue
Hi dudes ;) I got a "issue" here with slidetoggle().. Lets say i have a div with some font awesome ocins. when i clicked them text slides up/down in this div. -and that's "no worries" <div id="textbox"> <li class="something"><i class="fa fa-something"></i></li> | <li class="somethingelse" <i class="fa fa-somethingelse"></i></li> </div> and when icon 1 or 2 are clicked it toggle some text: <p id"text1">text1</p> or <p id="text2">text2</p> and the jquery i use for toogle different
How to unit test private function in jquery??
How to unit test private functions this is one of question asked by every one..... it would be great if some one answers
Getting price from a price table based on X and Y
Hello, I've been trying to calculate a price for a product based on width and height for a while but I can't figure out how to approach it. The basics of what I need to do is having two input fields. Get the values from these and then get the price from for example an external CSV file where the input values intersects. What I've got so far is just the basics, input fields where I get the values, and then just a simple formula based on the input values. <html> <head> <title></title> <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
How to react with jQuery on return values of a PHP script? Can I set a cookie without the need of a page reload to access the cookie?
Hi there, I'm new to jQuery. I would like to learn more about it, so I decided to do a small login form with jQuery v3.3.1 and PHP v7.2.3. The idea is to have the jQuery working on the client and asynchronously calling a small PHP script on the other side. But I run into some questions were I struggled to find answers, I hope somebody here can help me out. My login form looks like this (pastebin). If I click the submit button my script.php is called and in the end I return i.e. 0 or 1. Is there
Forcing radio button to NO based upon select box selection
I'm trying to force a radio button to be selected to No based on country selection, while also disabling the ability to change it. Australia and China aren't eligible for Rush, so the radio has to default to No without the ability to change it... unless the country is changed. <select id="country" name="country" class="form-control" required="required"> <option value="" selected>-- Please Select --</option> <option value="AU">Australia</option> <option value="BR">Brazil</option> <option value="CA">Canada</option>
Draggable / Droppable cancel action with ESC key
Hi, I did a lot of research the last couple of days but can't seem to find the solution... # Question 1 After I clicked the button of 'move' the <td> becomes draggeble. I listen to the ESC keyevent and then cancel the draggeble option (e.g. 'destroy'). In a dragging action of the <td> (after a click of the move button) I also listen to a ESC key; and the revert the action. The destroy or disable does not work and unfortunately the Droppable still fires. Because of the two listeners this also is a
user input in ` for ` loop in PHP using jquery modal
Hi all, I want to take user input in a for loop.My code is as follows.. for($i=0;$i<100;$i++) { if($i/2==0) { //here ask user input via bootstrap modal and based on that proceed or skip } } This input must be from user and i have tried to call jquery but failed..anybody tried this or aware abt how to do it.. Thanks in advance Regards Sri
How to replace CSS key with matching criteria? No class or ID reference
Assume I want to replace all CSS keys line-height: 24px; in all CSS rules (for unknown classes or IDs) by the following key line-height: 20px; resp. (if necessary): line-height: 20px !important; How can I achieve this with jQuery? The following seems not to work: $("['line-height=24px;']".css("line-height","20px !important;"); How can I achieve this otherwise?
Memory size is keep on increased in every navigation of jQuery ajax call.
Initially the application size is 42 MB, but it is increased gradually from '0.5 to 1' MB for each navigation. After some-while the memory will not released to its initial stage. It is retained in 68 MB (the GC is not released the memory). - We have investigated with Goggle developer tool (F12 - Memory): the 'Detached DOM control' (of the previous navigation) are not released. Also there is no circular references (It is confirmed with two Snapshots). The recent changes are, - We supported the
Change active tab when the user clicks in a specific link in another page
I have this link "http://proj.test/congress/1/congress-test/registration " where the user has a form to register in a congress. Its a muli step form, in the step 2 there is a message informing the user that he was registered with success.In this message there is a link "My Tickets": <a href="user/profile">My Tickes</a> When the user click in "My Tickets" he goes to " "proj.test/user/profile?user=1" that is the page to edit some user account settings. In this page there are some tabs like "General
Sortable "grid"
Hello, I've started today trying to get a piece of code working: <html> <head> <style> #sortable1 { list-style-type: none; margin: 0; padding: 0;} #sortable1 li { margin: 5px; padding: 5px; font-size: 1.2em; width: 120px; background-color:yellow;} #sortable2 { list-style-type: none; margin: 0; padding: 0; width:100%;} #sortable2 li { float:left; margin: 5px; padding: 5px; font-size: 1.2em; width: 120px; background-color:green;} </style> <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
Where can I ask questions about my jQuery $.post?
Hello, Can anyone tell me where is the best place to ask questions about my simple jQuery $.post script? Thanks, Tony <!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script> $(document).ready(function () { $("button").click(function () { alert("Button clicked") $.post("https://secure.chinavasion.com/api/getProductDetails.php",
Error with RSjQuery while using Microsoft.ReportViewer.Webforms 14.0.0.0 from VS 2015 and the toolbar for ReportViewer control is disabled
I am working on a ASP.Net website (C#). I have installed SQLServer.Types (version 14.0.314.76 from NuGet) followed by Microsoft.ReportingServices.ReportViewer.Webforms 14.0.0.0 (version: 140.802.134 NuGet) . I have followed all the steps (to add the control to a web page) and make sure web.config has the related entries for both ReportViewer.WebForms and ReportView.Common dlls, httphandlers, handlers etc. But, when I try to run (from Visual Studio 2015), it breaks at code line // Setup responsive
How jQuery parses the DOM
Hello, In the context of a web page with many div tags and some having a class of "changethis" as in: $("div.changethis") If I wanted to change the text appearing inside of these as in: <div class="changethis">This text</div> to: <div class="changethis">Hello</div> I would use $("div.changethis).text('Hello'); So using this context and the .text method, the question is: How does jQuery ( under the hood ) parse each node to find what to change and what not to change. Is it an iterative process that
How to fetch all <div> with an id beginning with "banner"?
How do I fetch all <div> elements which have an ID starting with the string "banner" (without quotes)? I tried (mind the wildcard *): $("div#banner*")...... but was not successful. Sample element to fetch: <div id="banner21523456236" ...>...</div>
how to define height and width image befor loading like the lightbox plugin?
Hello... how to define height and width of image before loading Like lightbox? Some tutorials are that, they will get the image as a tmp or chach, then measure its length and width. But this method is delayed if the file is larg! The length and width of the photo must be obtained before loading like the lightbox plugin. please guide me. Thanks
Next Page