jQuery Intergatiion with Paypal Standard
Hi, I have a project to use (Paypal standard) for online payment. Is it possible to use with jQuery to avoid the standard payment form and use my own form then just pass the amount through jQuery? Thanks, Jassim
is this a bug?
Hi all, I'm new to this forum. Really strange not sure which section to report a bug(Please do move). I'm working on this few days but popup map wont work. Can you take a look at this? https://codepen.io/anon/pen/qXgRYW
Issue Check size from input
hi all i m a beginner and i have a trouble, i'd like check multiple files size from input file and if it's too big do an alert. I'm too bad, i don't know why that doesn't work :'(. If you could help a dumie ^^. Check my input files with id "inputcontrol" and alert. But nothing append!!! Max Size 2000 Thks Guys :-) Below my html : <span class="btn btn-primary" id="browse"> Browse… <input type="file" style="display:none;" multiple id="inputcontrol" name="userfile[]"> </span> Below my Jquery:
jquery-ui sortable -- prevent drag above first row
I have a table where some rows are group names. I don't want any row to be dragged above the first group name row. I would appreciate any help fixing this so that no "kit" row can be dragged above the first "group" heading row. My code looks like this: <form id="groups" name="groups" class="ya" method="POST"> <input type="hidden" name="group_order" id="group_order"> <input type="hidden" name="kit_order" id="kit_order"> <table id="sortable"> <tbody> <!-- this is a group name
cycle plugin for wordpress
is this plugin no longer working for wordpress? https://wordpress.org/support/plugin/wp-cycle it seems that even the author of this plugin for WP is not the same as the author (Malsup) for the "regular" cycle plugin.. author mentioned here & here is Nathan...... (??) so what other slideshow plugins similar to cycle are there for WP? I have been using cycle for seven years now in "regular" websites, with excellent results, was hoping to use it for WP too....:-o thank you.....
Adding dash every 4 typed characters
Hello, I would like to have a "-" to addup to the every 4 characters of my codes but struggle with the jquery on this. The code has to look like : xxxx-xxxx-xxxx-xxxx Meaning that 3 dashes will be needed. The code I got at the moment is: <input class="form-control input-lg" id="coupon-field" type="text"> <script> $('#coupon-field').keyup(function(){ $(this).val($(this).val().replace(/(\d{4})\-?(\d{4})\-?(\d{4})\-?(\d{4})/'$1-$2-$3-$4')) }); </script> I thought this would work but doesn't,
Moving form.validate to document.ready breaks JQuery validation
I am missing something simple I bet. I have a working MVC form that uses JQuery validation emitted via Data Annotations. To simplify, the form has one textbox (UserName). UserName has a Required Data Annotation. I call this in the form.submit: $('#frmAddUser').validate(); var isValid = $('#frmAddUser').valid(); if (!isValid) { return false; } If UserName is blank then form.valid is false. But if I move form.validate to document.ready then form.valid is true even when UserName is blank. Why did moving
Jquery estaba funcionando correctamente, cuando instale la fucionalidad de oracle dejo de trabajar
hola soy nuevo con jquery estoy en medio de una situacionque me tiene confundio, la historia es que estube probando jquery y me gusto, probe datatable, botones, conexciones handler y todo funcion correctamente, la base de datos es sql server y visual estudio 2015, asp.net c# pero se me ocurrio conectarme a Oracle, las conecciones funcionan correctamente y algunas consultas donde no uso jquery. pero cuando quiero empiezar a llamar las funciones de jquery ya no funcionan solicito ayuda para ver que
Cose button
Hi all, I want to make some changes on this http://demos.jquerymobile.com/1.4.0/popup-iframe/ I just want to put close "X" button on upper-right corner (video player example). Also overlay should be close by only clicking close "X" button. I dont want to fade away or close by clicking outside area of the iframe. Thanks
Why click event auto runs when page loads?
I have a modal <div class="modal fade" id="selectLanguageConfirmModal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h3>Select Language</h3> </div> <div class="modal-body"> <p>Are you sure you want to do this?</p> </div> <div class="modal-footer">
pointer-events: none; doesnt work in IE
pointer-events: none; doesnt work in IE but works in chrome, I need to disable checkboxes in IE, is there any way to disable checkboxes from CSS?
How to convert html div to pdf format in jquery
I want to convert html fields to pdf format using jquery.. I need to remove input fields , instead of that i need to display value in text My code as follows <!DOCTYPE html> <html> <head> <title>TODO supply a title</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script> <script src="jspdf.min.js"></script> <script type="text/javascript"> $(function () { $('#cmd').click(function () { var
jQuery UI via npm doesn't contain built js files
Hi, I tried to switch to npm from Bower for installing jQuery UI, but the npm package doesn't contain the built files. Now that Bower is being deprecated, it would be much appreciated if the npm package could include the built files. Many thanks :)
Cant change font awsome icon color on success post
I am trying to select a button <i> element using jquery and change its colour its a font awsome tag within a button grouping my problem is I have about 50 of these buttons on page at one time I am using a class to find them. $(".btnRemoveFave").find('.fa-heart').css('color', '#007c7a'); Now i believe why it wont find them is cause it is nested in a <i> the font awesome icon on a <span id="ctl00_BodyContentHolder_lblfavourite-xxxx"><button class="btnAddFave" id="btnAddFave_xxxx"
leaflet :receive value onclick event on marker.binbdpopup each time
I have an issue receiving data from my hyperlink to my on click function after bindpopup. Let me explain. First i receive a two dimensional array (data) from a json file .This array has lat and lng of markers plus some usernames which i want to put to the popups. So what i do is make a for loop for the markers to be added on the map , then bind the popups with them. This works. Now i want each popup to have a hyperlink inside ,each with a different name (that works too) and then when a user clicks
HTML + REST SERVICE PLUGIN
Hello everyone, I have created a plugin to integrate HTML with JSON REST services and facilitate the work of front end and back end programmers. Who wants to know just access: https://github.com/fabiano-miranda/miranda-js Tips and suggestions are very welcome. Hug to everyone!
"Origin [...] is not allowed by Access-Control-Allow-Origin."
I tried to fix this with the approaches found here but the error remains, and no JSON data is fetched. I want to use an API found here but I can't get it to work. I'm aware that the code on line 7 would currently retrieve all JSON data from that url, but right now I'm just trying to get past the "Origin..." error. This is run on localhost. Here's my code: $(document).ready(function () { $.getJSON("https://api.tronalddump.io/random/quote", function (json) { $("button").click(function ()
How do I get multiple results when I search a js object?
Hello, I have this script to list movie titles. At the moment it only shows 1 result, the search term has to be exact and if nothing is found the old value reamins. Here's What I have. Html: <form id="form"> <h3>Movie Search</h3> <input id="moviename" type="text"> <button class="btn" type="button" id="go">Search</button> <div id="placeHolder"></div> </form>Jquery: $(function() { var data = { "movies": [{ "title": "Aeroplane" },{ "title": "Back to the future" },{
Determine Internet Speed using JQuery
Hi, Is it possible to determine client internet speed using JQuery? How can I do that please? Thanks, Jassim
Not sure how to add a getcookie to a jquery script
I have a jquery script on a html page, however I would like to check to see if a cookie has been added first. If I add the line if (!$.cookie( "success" ) ) location="index.html"; to the following, nothing works. Can it be added? <script type="text/javascript"> // <![CDATA[ $(document).ready(function() { $.ajax({ type: "GET", url: "json/170826_rendezvous.json", //json file dataType: "json", success: function(json) {
iframe auto resize hieght
hi how can make iframe auto resize width and hieght ? i had used some codes but not working
Nested Ajax calls
I have a list of users (returned as JSON) and I want to dynamically generate a profile for each user. The user has a set of social media channels that differ for each user. There are two templates that I am using one for the profile and the other for each social channel. I am fine until I try to load the social channels. $(function () { if ($('#allMyPeeps').html() === '') { var userData = 'allMyPeeps.json'; $.getJSON({ url: userData.myPeeps, format: "json" }) .done(function( peeps ) { console.log(peeps);
How to fix clicking dont interfere one with another???
then i move move navigation style by clicking button applied the function (removing class and adding class). Link: https://codepen.io/psairidas/pen/YxOrwX move mob2 style > mob1, from function mob22 appears on mob1 style, I Fixed by using : nav.find("ul").removeAttr('class'); nav.find("li").removeAttr('class'); nav.find("a").removeAttr('class'); nav.find("ul").removeAttr('style'); nav.find("li").removeAttr('style'); nav.find("a").removeAttr('style'); I dont know
Multiple Datepicker
i am currently trying to develop an appointment book software. I have tried a field where i put in the name of the appointment and next to it is a Date picker. now i want to put in the name and select multiple dates on the Date picker but i don`t know how it works. i was thinking to pick multiple dates and they will be saved in an array or have you got better ideas?
Passing two functions with .click()
I want to understand why the code in my first example doesn't work as expected (only the anonymous function is called?), and why my other example runs fine. Is this problem specific to .click() or to callback functions in general? Here, only the anonymous function is called? $(document).ready(function () { $("button").click(renameButton, function () { $("div").append("<p>Para</p>"); }); }); function renameButton() { $("button").html("New Name"); } EDIT: Ok, so I added renameButton();
sidebar slide to left problem
i have a sort of side bar that acts as a navigaton menu but i want it to be hidden to the left of the screen with only the little rectangle at the end sticking out so when the user hovers their mouse over it the whole thing slides out i have tried for ages but just cant get it to work.. i just ended up creating a mess. HTML <div class="navshell"> <img src="Images/Untitled-1.jpg" class="menuhover"> <div class="navmenu"> <nav id="primary_nav_wrap"> <ul> <li class="current">Home</li>
jquery-ui >= 1.11.0 together with jquery packaged library
I am using a library which uses jquery internally via npm and require ( https://github.com/create3000/cobweb ) . When I try to use jquery-ui independently but on the same page, I can only use jquery-ui up to 1.10.4: jquery-ui 1.10.4: https://rawgit.com/andreasplesch/Library/302b4644e663546b7a201eb9df79be5469ed6b17/Tests/uses_jquery.html 1.11.0 and later does not work any more: jquery-ui 1.12.1: https://rawgit.com/andreasplesch/Library/a8d614533f8935c4f501722531fc2816ea63eaa0/Tests/uses_jquery.html
change of Select (dropdown) within div NOT showing id of dropdown / select
Dear Sir pls refer http://prajaktasoftware.com/digisystem/orderadd.php in this screen click select product When I click i get id name as foodiv0 Select ProductBirthdayCongratulationCorporateFamily FlowersGet WellHalf CircleOnline servicertytry X Delete My Jquery Script $('[id^="foodiv"]').change( function() { $('#cls').text($(this).attr("id")); var thisid=this.id; alert("product id0="+thisid); $('#cls').append($('#'+thisid).val()); }); i am getting alert foodiv0 i had changed dropdown or select
Ajax and Jquery -> not working !
Hi guys, My ajax code should change some html content and then display an alert box It should be easy but to be honest i can't understand why the lines in the "function(data, status)" are not executed $( document ).ready(function() { $("button:button").click(function(){ itemAction=$(this).attr('class'); $.post("[[~[[++ajax_page]]? &scheme=`full`]]",{ userId: 2, itemId: 7, itemAction: itemAction, ajax: 1, }, function(data,
Execute if function from typeof
Hi, I have below code to check if passed object is a function or not. I want to know how can I execute the function if it's a function no matter what function is passed? if (typeof e.itemData.onExecute === "function") { console.log("is function"); -------- EXECUTE THE FUNCTION --------- } else { console.log("is NOT function"); } Thanks, Jassim
jQuery Accordion "End"
I have an accordion setup with jQuery on my SharePoint site...my code is below When I collapse the last H2 header, everything below it collapses, to include my Web Parts, and other text. How do I "end" the accordion so that the remaining content on my site is not collapsed as well. <script language="javascript" type="text/javascript" src="WhatWhatWhat.com/SiteAssets/jquery-3.2.1.min.js"></script> <script language="javascript" type="text/javascript"> $(document).ready(function () { var inEditMode
jQuery cycle2: Can I have multiple page parameters?
I'm using the Cycle2 plugin as part of a SpaciousPro theme and I need to be able to have a second set of pagers that highlight as the slides cycle through. In the example below, I'd like to be able to add a second ID after #controllers and a second class after active to piggyback on the functionality but I'm getting an error when I attempt to do that. Is that possible? if(typeof spacious_slider_value !== 'undefined') { var transition_effect = spacious_slider_value.transition_effect; var
Side bar slide off screen on scroll down and back on scroll up with hover to slide in
Hi. I have a side navigation bar which slides in when you hover over the long black bar on the side but i want it to be on screen by default when the user is at the top off the page and slide off with the same animation when the user scrolls down a certain amount but i also want the navbar to slide back in when the user hovers over the side just like it is now i watched many tutorials but none integrate well with what i want to do. HTML <div id="navbarhide"> <div id="navbar">
How to apply datepicker to a dynamically created input field
// jQuery datepicker (function() { var d = new Date(); var maxD = new Date(d.setDate(d.getDate())); $('.datepick').datepicker({changeMonth: true,changeYear: true,yearRange: "-31:+10",dateFormat: "MM dd, yy"}); })(); // apply the datepick class to a dynamically create input field var cell = document.createElement("td"); var cellText = document.createElement('input'); cellText.type = 'text'; cellText.name = 'aDate[]'; // cellText.addClass = 'datepick'; $('.gdate').on('click', function() { $(this).datepicker('destroy').datepicker({changeMonth:
Getting text of a drop down for a text field
I have a drop down that is a list of addresses each separated by the delimiter ",". When an address is selected I need to split the address at the delimiter and place each part into corresponding text fields e.g. company name, address_1, address_2, etc. Here is my jsfiddle so far. I know Im headed in the right direction, but I can't get it to work. Any help would be appreciated. Also, I don't really know JS or jquery very well so keep that in mind. https://jsfiddle.net/yn37qe5a/3/
Jquery validate - check that a field exists before validating
I have the following code, which works if the input name exists, however I have instances where one of the required fields may not even be rendered in the HTML due to not having been pulled from a DB. However I would like the JS to validate and alert the user if for example 'ui_outcome_options[client_to_contact]' hasn't been entered because it doesn't exist. I thought the below, would require the field? but this doesn't appear to be the case. Any ideas anyone? or have I missed something var validator
Change Page and Retain Page Scroll Active Class Functionality
Hi, On the Skull Biker template here, the Bootstrap nav menu links get highlighted when the id=”” tag is scrolled to. However, this only works if the anchor tag and the id tag are on the same page and if the anchor links start with a hash. <a class="page-scroll" href="#home">Home</a> <div Id=”home”></div> When I add a normal URL in front of the #, the functionality does not get carried forward to the new page. What I would like to is change page and still have the links highlighted when a corresponding
adding up the values of multiple dropdown lists and displaying the total in a lable.
Hi All, new to the forums, and quite new to web development so forgive me if this is a bit of a newbie question. first of all my knowledge of html is quite limited and my knowledge of java is next to nothing so I'm hoping for a really easy to understand answer. I'm trying to make a simple budgeting tool for someone who wants to have a PC built. the base price (which includes the case, motherboard and cooling is $204 and this price (displayed in the label) is updated as options are selected in
Mouseover hover Effect/Event for each div among multiple divs with same class
Hi, I am using php while loop to show comments on a page. and i have some css class for comment div. So every comment has the same css class Now the issue is, I am using a mouseover effect to show the dropdown options arrow to report or favorite a comment. but the mouseover effect is being shown only on the 1st comment even i am hovering the mouse on 2nd, 3rd or any other comment. arrow appears only on 1st comment I need a jquery help. i can post the pictures and html code as well if you ask me to
find and replace content based on a pattern
<tr> <th></th> <th class="ms-acal-month-top"><nobr><span>Sunday</span></nobr></th> <th class="ms-acal-month-top"><nobr><span>Monday</span></nobr></th> <th class="ms-acal-month-top"><nobr><span>Tuesday</span></nobr></th> <th class="ms-acal-month-top"><nobr><span>Wednesday</span></nobr></th> <th class="ms-acal-month-top"><nobr><span>Thursday</span></nobr></th> <th class="ms-acal-month-top"><nobr><span>Friday</span></nobr></th> <th class="ms-acal-month-top"><nobr><span>Saturday</span></nobr></th> </tr>
Next Page