Having problems creating layout.cshtml in Visual Studio 2017
I've found tons of great examples of Jquery Mobile applicable to Visual Studio developers - all using older Visual Studio MVC templates i.e. they have the App_Start folder, use bundling, etc. where the 2017 Visual Studio/MVC has done away with both of those constructs. ALL i want to is create my first simple test app using jquery mobile (single listview control). I can cut/paste code via notepad into an HTML file, double click it, and it displays exactly as expected. But I have not been able to
Old code and .ajax()
Hi everyone! I'm working to renew some old site that uses very old jquery (for example, it does not know what the ".html()" method is. It uses .update() instead of this). When i replace the old library with a new one (the last) - all site's jquery functionality crashes... But i need to use .ajax (instead of the old ajax.request() ) to be able to get data from other site. If i leave the old library - i got "Uncaught TypeError: $.ajax is not a function" in console, but if i place the old library and
diagonally slider
I am facing same issue https://forum.jquery.com/topic/diagonal-scrolling-using-jquery-javascript please anybody help..I dont know where to start...
jQuery Migrate plugin in production ?
We are upgrading the jQuery version from 2.1.4 to 3.4.0 with the help of jQuery Migrate plugin 3.0.1 looks like plugin restores deprecated features and behaviors so that older code still run properly with out any code modifications. Is it fine to use jquery-migrate-3.0.1.min.js in production systems which does not generate any console warnings ??
Identify an element without class or ID
I am a total novice at javascript and jquery. I can sometimes understand the code I see, but have no idea how to write it. I have a SharePoint page that I wish to modify two specific <td> elements without modifying the master page. There is a <table> with a class that contains these two <td> tags. Please see the relevant code below. I am attempting to change the width value of each of these tags. Any help would be most appreciated. <table width="100%" class="ms-welcomepageheader" > <trbody>
understanding $(function())
Hi everyone, It has been a while and logging in through Zohoo its a zoo... Anyways, I am trying to understand the following function $(function()? I have a page that is my Log screen that I would like for it to load, but for the program flow, not go directly to $(function() {}); I tried the following, but it didn't work: $("Enter").click(function() { $(function() { bla, bla, bla, }); }); Please let me know if this makes any sense or if more info is needed and what type. Thanks,
Change button class when ALL fields are selected
I'm trying to execute a script where, when all select fields have been selected the submit button becomes active and the user can send. Beforehand though, I want the button inactive (working) and a class adding called 'inactive'. What I'm finding is, once one of the (four) selects has been selected the class gets removed and can't understand why as the button stays inactive until all four have been selected.... jQuery('.stage_two_btn').attr('disabled', true).addClass('inactive'); jQuery('.product_lead_class,
invoke doPost in java servlet through ajax
Hey.=) I'm trying to invoke my doPost method in java servlet through ajax command. Don't seem to get it right. I got this code in the doPost method in my servlet: String title = request.getParameter("title"); String price = request.getParameter("price"); String quantity = request.getParameter("quantity"); // and alot more codeGot this code in my HTML: <span>Title:</span> <input type="text" name="title" /><br /> <span>Price</span><input type="number" step="0.01" name="price" /><br /> <span>quantity</span><input
Please help with return dialog
Hello, I really need help with this, I am new to jquery and I just made a page with 3 ul with some li that you can switch between them, and I made a dialog that when you click it returns what's in every ul, What I don't know how to make is how to return what's on that moment on the ul, please I really need help, here some pictures:
Drag and Drop issue
When drag the li for the first time it will work and when clicked on close button and again i drag the second time it will not working for dragging
append ul list with li inside
Hey.=) Trying to append a ul with a few li inside and i can't get it right. numberOfEntrance is the div that i want to contain the ul. This works for me: $("#numberOfEntrance").append( $("<ul>").append( $("<li>").html("li1") ) ) And when i try to append a multiple li: $("#numberOfEntrance").append( $("<ul>").append( $("<li>").html("li1") + $("<li>").html("li2") ) ) Have no idea why when i try to append multiple li i get [Object object] and not a li with html in him. Thank you anyone who try to
globalize is undefined
I am relatively new to C# MVC 4 development, but a long term web developer. I am currently working on a project that needs to perform date validation based upon Australian date formats. I have jQuery 3.3.1, jQuery Validation (Jorn Zaefferer), jQuery Validation Globalize (John Reilly) 1.1.0. Scripts are loaded in the following order: <script src="/Scripts/modernizr-2.8.3.js"></script> <script src="/Scripts/jquery-3.3.1.js"></script> <script src="/Scripts/bootstrap.js"></script> <script src="/Scripts/bootstrap-datepicker.min.js"></script>
AJAX Loop and Wait
I have a script/function where I want to call a page/script via ajax. Once that's completed, call another and once that's completed a 3rd and so on. How can I do something like this?
Issue on Filtering Elements by Multi Checkbox Groups
Can you please take a look at This Demo fiddle and let me know how to fix these two issues here I am trying to create a simple filter ui using this code but I have two issue here 1- Filters by Color is not working if you start with them. They work if user first filters by Shape first . 2- on Filter by Shape if you select square it will filter the boxes correctly but if you unchecked thesquare it will remove all boxes (which is not correct it should display all boxes now) Can you please let me know
Need help)
Hi. Whats up? I an mewbie and just cant understand how to finish my work. I need to create input by touble clicking on td and after "enter" save a changed. So all is ok, but after pressing enter, all tds being chaged. so how can i change only one? <!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> .ta{border: 2px solid black; border-collapse: collapse;} tr td {border: 2px solid black; border-collapse: collapse; width: 100px; height: 20px;} </style> </head> <body>
How to get two values in AJAX with same condition?
How to get two values in ajax : Source-code : 1) database.php <?php $servername = "localhost"; $username = "root"; $password = ""; $dbname = "kolupadi_extension_order"; $conn = mysqli_connect($servername, $username, $password, $dbname ); if(!$conn) { echo "Try after Sometimes" .mysqli_connect_error(); } ?> 2) upgrade.php (Form) https://paste.ofcode.org/Wi8Y3qZftCpSQEKYgjxe9k 3) ajax_data.php : https://paste.ofcode.org/33sxrJp9yTGRxbWpHrek7vY
Keeping Bootstrap modal open after form submission
I have a form in a Bootstrap 4 modal and am trying to replace this modal form with a thank you message within the same modal, but the modal keeps closing after the submit button is clicked. I tried the following, but it's not working. <button type="submit" class="btn btn-primary" onclick="$('#formModal').modal({'backdrop': 'static'});" >Submit</button> The goal is to submit the data to our db when the submit button is clicked and then hide the form and display a thank you within the same modal. Here's
How do you vertically center an image in ui-content ?
My ui-content is VERY simple, it's just a single image, really, nothing else, just a single image. <div data-role="main" class="ui-content"> <div style="text-align:center;"><img src="images/home_logo_600px.svg" class="fullscreen"></div> </div> The CSS for "fullscreen" is just a simple: .fullscreen { max-width:100%; max-height:100%; } So here is the question, by doing text-align:center; I have centered the image that is now filling up the width of the whole screen on portrait mode thanks
May I create my class which inherits from jQuery's
I want to inherit the base class of jQuery and create my own tag, such as var mytag=$('<mytag/>') to return my own tag element. Mytag does not necessarily correspond to a single tag. It can be replaced by a brand new tag group, similar to: $('<InputGroup/>') returns not <InputGroup></InputGroup> but <div class='input-group'> <label> </label> </div>. I have looked up the $. extend and $. fn. extend methods, but none of them can satisfy my expectations, so what are the good ways to implement them for
Validating form for company email address pattern
How can we validate an email field using jQuery so that it matches the pattern of our company's email address convention, which is four letters followed by either five numbers or four numbers and a letter? All that would be followed by the domain, which is seven letters followed by dot com. Examples: abcd12345@acmecor.com abcd1234z@acmecor.com
stopping video play for multiple popups
Hi everyone, I am really stuck with my piece of code. I have a page full of links to popups, and each popup has a youtube video inside. If you play the video, when you close the popup, the video doesn't stop playing automatically. I can stop the video playing with only one video, but the rest don't stop. I am also using a Wordpress ACF loop, so each video url is being generated dynamically in the loop, which I think is causing the issue. The test site I am working on is here: https://new.pyrographix.co.za/category/projects/live-video-production
Count checked checkboxes and 2 dropdown values in each function
I have the code below, and I’m trying to work out how to use count to see if the number of checked checkboxes is more than 1, if so show green tick, if not don’t show, but I cant work out how to count those values. As you see it below is where I’ve given up trying everything else, and left it at that point to show. $(document).on('hide.bs.collapse', ".collapse", function () {
var card = $(this).closest(".card");
ProcessTickFunctionality(card);
});
function ProcessTickFunctionality($card)
Show/Hide div on radio button checked
I am trying to Show/hide a div based on a radio button checked. if weekly radio button is checked, hide the div items for Monthly and if monthly Radio button is checked hide the Div items for weekly. My code is not working. Weekly Recur every weeks(s) on: Monday Tuesday Wednesday Monthly The first second third fourth last
New to JS/jQuery
I'm attempting to write what may be my first jQuery/javascript code (rather than copy/paste/tweaking) and have run into an issue I'm not quite how to resolve. I have a title input field (in this case in a Drupal site) that I want to auto-populate the content into based on the choices made on three other input elements... a radio input element, then two select elements. It's all working at this point, but the input values for the month options are numerical verse text, and I need to feed the name
How to simulate the play even without clicking through the code below
Hi, how to simulate the play even without clicking through the code below: function registerKeyHandler() { document.addEventListener('keydown', function (e) { switch (e.keyCode) { case 13: // Enter player.toggleFullscreen(); break; case 10252: // MediaPlayPause case 415: // MediaPlay case 19: player.playPause(); break; case 413: // MediaStop player.stop(); break; case 48: //Key 0 log(); break; case 49: //Key 1 setUhd(); break; case 50: //Key 2 player.getTracks(); break; case 51: //Key 3 player.getProperties();
Hide elements that are not siblings to the clicked element.
I am trying to hide element that are not siblings to a clicked element but it doens't seem to work. The toggle aspect works perfectly. However, if click on another row, they all still open even those that not siblings to the licked element. Any ideas on how this can be achieved. My code looks like below. $("td i.material-icons").click(function () { // alert("It should be hidden"); $(this).siblings("ul.messageNav").toggleClass("showMessageNav"); $("ul.messageNav").not($(this).siblings("ul.messageNav")).hide();
Custom Sort for Datatable
i wan to make custom sort - descending by first column <table class="table table-striped table-bordered data display nowrap" style="width:100%" id="data"> <thead> <tr> <th>ID</th> <th>Date</th> <th>Customer</th> <th>Total</th> <th>Notes</th> <th>Created By</th> <th>Action</th> </tr> </thead> <tbody> <?php foreach($so as $s) { ?> <tr> <td><?php echo $s->Doid ?></td> <td><?php echo date_format(new DateTime($s->Tgl),"d M Y") ?></td> <td><?php echo $s->name ?></td> <td class="text-right"><?php echo number_format($s->total)
Add Text on Image
How do I add text on an image using the .html() ? Please see code below: <!DOCTYPE html> <html> <head> <script src="https://code.jquery.com/jquery-1.10.2.js"></script> </head> <body> <h2>JQuery Lab</h2> <div id="Tile1"> <div><p /></div> <div class="dummy"> <a> <img width="300" height="60"> </a> </div> </div> <script type"text/javascript"> $(document).ready(function(){ $("#Tile1 .dummy img").attr({'alt':'this is a test', "src":"http://static.jquery.com/files/rocker/images/logo_jquery_215x53.gif"});
Having Issues Replacing Image
I'm trying to replace an image. what am I missing? I don't really need to replace it. I can just inject it inside the div ccl-test-from tag as well. <div id="adArea"> <div class=".ccl-test-front"> <img src="/image/abc.jpg" alt="Smiley face" width="80" height="60"> </div> </div> $("#adArea .ccl-test-front img").attr({"alt":"This is a test!","src":"/image/xyz.jpg"});
Ajax GET Prompting for Credentials
Hello: I'm making the following Ajax call using credentials I've read from a JSON file. The credentials passed here are correct (I've verified using a debugger); however, I'm still prompted to enter them despite them being passed in the ajax call. What am I doing wrong? // Load data into jsGrid function loadGrid() { $.ajax({ type: 'GET', url: 'https://apps.xxxxxx.xx.xxx/kudosapi/report?member=1', xhrFields: { withCredentials: true }, headers: { 'Authorization': 'Basic ' + btoa(window.creds.kudosapi.user
Binding of tablesorter in easytabs not working for several tables.
I would like to have one tableSorter per tab in the content. Binding is only possible for one tab. In the other tabs, the table is hidden when using tablesorter. Here the tables without tableSorter in Fiddle. and here my try with tableSorter: fiddle (with tableSorter) What is wrong in the script and to do that tableSorter working for every tab. I do not get any error message or hint in the console.
How can I keep an accordion collapse or open inside a nav-tab after page refresh using Bootstrap 4 and Jquery?
I'm trying to mix Bootstrap 4 Nav-tab and Accordion. My nav-tab is working properly after page refresh it stays on the active tab and I want to do the same with the accordion. I want the keep the active accordion open or collapse when the page was refresh. <ul class = "nav nav-tabs"> <li class = "nav-item"><a href = "#monitor" data-toggle = "tab" class = "nav-link active">Book Monitoring</a></li> <li class = "nav-item"><a href = "#history" data-toggle = "tab"class = "nav-link">Book's History</a></li>
Weird characters showing in jQuery website
I'm trying to read the information but almost half of the page's text can't be read unless you copy and paste the text to other text editor. Texts shows something like this: Texts is readable in my android phone. I'm currently using windows 7. Can anyone help me fix this?
Using JQuery Validation along with Jquery Repeater
Hello, My name is Burhanuddin, I am trying to create a form that save Sales Invoices to the database. I am using JQuery Repeater Plugin to enable me to have dynamic number of rows for the number of products in every Sale Invoice. On the other hand, i am also successfully using Jquery Validation Plugin to enable me to check via Ajax if the invoice is already entered or not. My Task now is to setup an Ajax Check which checks if the product being sold is in stock or not, if not i should be able to display
return true or false for main function from sub function
Dear All I am, using following function to validate captcha calling checkcaptchafill.php to check whether entered value and session value No issue in getting the valuse / result of this ajax correctly..this part is running well the value of ajax call is stored in $('#captcharesultdiv') I want to check text stored in of this DIV after (after comparing or validating the CAPTCHA entered following ajax call does it well function formCheck(formobj){ $('#captcharesultdiv').text(''); var captcha= $("input[name=captcha]").val();;
Angular 7 - jQuery.Deferred exception: jquery__WEBPACK_IMPORTED_MODULE_5__.blockUI is not a function
Hi, BlockUI don't works with Angular 7? My component: import * as $ from 'jquery'; ngOnInit() { $(document).ready(function() { $.blockUI(); }); } My angular.json: "scripts": [ "node_modules/jquery/dist/jquery.min.js", "node_modules/jquery-blockui/jquery.blockUI.js", "node_modules/bootstrap/dist/js/bootstrap.js", "node_modules/chart.js/dist/Chart.js" ] My dependences: "jquery": "^3.3.1", "jquery-blockui": "^2.7.0", Error message: jQuery.Deferred exception: jquery__WEBPACK_IMPORTED_MODULE_5__.blockUI
Looping with a couple of ajax calls
Hi, I've got an issue trying to get two ajax calls to loop and work together. the first ajax call gets the title from a group of items and the second ajax call gets an array of tests. so I want the web page to show the title and the first set of tests together then the second title and the second set of tests and so on. Title1 a-test1 b-test2 c-test3 Title2 d-test1 e-test2 f-test3 I just can't seen to get it right. Thanks Code below for (var i = 0; i < listReleasesid.length; i++) { console.log('list releases id ' + listReleasesid[i]);
Jquery to display only specific dates and hide the others
I want to know how to add jquery to this following pattern where 2015 needs to be displayed as none and adding 2020 should not let anything get affected. I tried to use n-th child and displayed none for all dates from 2015-1990 but then i realized if i add 2020 2016 would get affected 2019 2018 2017 2016 2015 <div class="article-list mb-3 archive-list"> <ul> <li><a href="#">2019</a></li> <li><a href="#">2018</a></li> <li><a href="#">2017</a></li> <li><a href="#">2016</a></li> <li><a
How to compare and highlight difference between two HTML tables using jQuery/JavaScript
Hi, I have a requirement to compare two HTML DIV differences. I am trying to figure out a way to see if i can compare the HTML table cells and highlight the difference in the second div, comparing with data from from first Div. I'm not sure if there is plug-in to achieve this. I have tried with a sample code on jsFiddle to compare First and Second Div content with Default Div content. But failed. Please assist. (It should highlight differences like shown here: http://jsfiddle.net/01pfcy2s/) but this
looping through each class gets thorugh validation
I am checking if each text field that has the class tyre_data check if the value is larger than 4 characters, if so, don't go to next stage and it does???!: here is my code: $('.tyre_data').each( function(){ // Tyre Tread if($(this).val().length >= 4) { console.log('in here'); $(this).closest(".check-option").find(".error-message").show(); $("html, body").animate({ scrollTop: $(".container").offset().top }, 500); return false; } });
Next Page