Jquery .clone() Repeater Parent/Child association issues to save SP list
Will you help me with issues two issues with the following example, just create a custom list with 3 fields Title CustCity CurrCustomer and add the content editor webpart on the page. 1. cant position when I click 'Add More' from child button. 2. When I click 'Submit' the item incorrect savings of records items are not saving correctly. For example I have added 2 parents with no child should have saved 2 records but saved 4 records. Also, if I click more child, its not possible to track which child
Changing background on different parts of 3 x 3 grid
I have a 3 x 3 grid - each part of the grid has a different background image. I would like to change 1 section of the grid background after say 5 seconds - fade in a new background. Three seconds later I would like a different random part of the grid to change its background. The following html, css and jQuery changes the background image on each container but to the same background - not what I'm trying to achieve - any help would be greatly appreciated. Here is the html: <body> <div class="grid">
Using Qunit with Foundation 6
I'm trying to use Qunit with a Foundation 6 (latest version) project, but not sure how to do it. I tried to import it like I've done with other plugins but I get errors. I try the import like this: import QUnit from 'qunitjs'; But I get this error: Uncaught TypeError: Cannot use 'in' operator to search for 'default' in undefined Is it not possible to use it in such a project or am I just doing something wrong?
Ajax, script, and 404: behavior changed after jquery upgrade
Hello, I am trying to upgrade my app from JQuery 2.2.4 to 3.2.1, and I get an error that I did not have before. I pared it down to the following simple example: <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script> $.ajax({ url: 'doesnotexist.js', async: false, dataType: 'script', timeout: 500 }); </script> </head> <body></body> </html>In the Firefox console, I can see the 404-error on the GET request
How do I add an if else statement to this?
How do i add an if else statement to this: $(function(next) { // Setup the player to autoplay the next track var a = audiojs.createAll({ trackEnded: function() { var next = $('ol li.playing').next(); if (!next.length) next = $('ol li'); next.addClass('playing').attr('id', 'playing').siblings().removeClass('playing').removeAttr('id'); var container = $('#rightbox'), scrollTo = $('#playing'); container.animate({scrollTop: scrollTo.offset().top
stop .resizable() inner divs from being deleted
I wanted to implement: https://jqueryui.com/resizable/ into my project but finding some issues with it for what I want to do. https://jsfiddle.net/kzud925q/2/ - if you insert a table in there, (expand it a bit) the first issue I had was you can't select a cell to enter content. It selects one of the divs the function adds to the table cell so I had to make the content editable false for it to not select. Not sure if this is the best method? Next problem I had was when you go to type in some content
Detect Clicks on Iframe
Hello Is it possible to detect when a user clicks on Iframe using jquery? I want to track clicks on Adsense Link Units and send them as a goal to Google Analytics Thanks
while resizing from left to right(using handler W) the div is shaking.
while resizing from left to right(using handler W) the div is shaking.. Can any one please help
Jquery
Hi someone help me with this I need to update my multipurpose theme into multi language. How can i change? is there any plugin? there is 100 pages in my multipurpose theme. i don't want to clone all pages. the language is Arabic. is there any plugin?
jQuery accordion menu: scroll to active menu item
I have made an accordion menu intended to serve as an efficient mobile phone menu. I have used the jQuery 2.1.1 library for this purpose. The part that does not work as I want it to is that concerning the body tag animation. I want the document to scroll to the active menu item. This is what I came up with: The HTML: <nav id="menu"> <ul> <li><a href="#" class="menu-item">Software</a> <ul class="sub-menu"> <li><a href="#">Operating systems</a></li>
Change content of div - jQuery
planning to replace the coordinate values with an address and placing between the <div>. But cannot understand the code in red line. $(this).html("<div class='Address_" + coords[0].replace('.', '_') + "_" + coords[1].replace('.', '_') + "'> </div>") it shows in browser inspect <div class='Address_47_0000_8_0000'></div>
QUnit via Grunt causing… PhantomJS threw an error:ERROR >> 0 [ '' ]
I'm running QUnit tests and Instambul coverage reporting via Grunt on a new machine and getting a nasty PhantomJS error. The tests have run fine in the past. QUnit works fine in the browser. I'm using grunt-qunit-istanbul to run the tests. Perhaps a version compatibility issue? Perhaps a missing dependency that I had globally install previously? Here's the error messsage... PhantomJS threw an error:ERROR
>> 0 [ '' ]
Warning: PhantomJS exited unexpectedly with exit code null. Use --force to continue.
How to auto-remove wrapping tags?
Assume I have multiple occurrencies of the following elements <small><code><b>xxx</b>aaa</code></small> How can I remove all <b>...</b> tags but leave the content? Afterwards the following should appear: <small><code>xxx aaa</code></small>After xxx a blank should be inserted
best input mask plugin to use with jQuery Validation Plugin
We use the jQuery Validation Plugin (by Jörn Zaefferer) in all our web applications, and now we would like to add input mask capability. I'm concerned that an input mask plugin may conflict with our existing validation code. Can someone recommend a good input mask plugin that they have used successfully with the jQuery Validation Plugin? Any thoughts and suggestions would be appreciated. Thanks, Jeannine
window.onbeforeload() event is not working ?
Hello, I am able to open the event dialog only while inspecting it (F12 key) and not able to fire the event directly while clicking on the browser/tab close button Please assist me on this. Thanks
How to make global totaltime , or fix this?
var f1 = function() { if ( $( this ).is( ":first-child" ) ) { $( ".workbox" ).empty(); var ajaxTime= new Date().getTime(); var totalTime = 0; $.ajax({ type: 'GET', url: '<?php echo admin_url('admin-ajax.php');?>', data: { action : 'codepen' }, success: function(data) { $( '.workbox' ).append( data ); }, }).done(function() { totalTime = new Date().getTime()-ajaxTime;
find and replace img with a content and its parent attribute change
I want to change from <span id="DeltaPlaceHolderPageTitleInTitleArea"> <span> <span> <span style="height:16px;width:16px;position:relative;display:inline-block;overflow:hidden;"><img /> </span> </span> </span> to the below using JQuery <span id="DeltaPlaceHolderPageTitleInTitleArea"> <span> <span> <span style="height:16px;width:26px;position:relative;display:inline-block;overflow:hidden;"> <i class="fa fa-angle-right GetSomeSpace" style="font-size:20px;" aria-hidden="true"></i> </span> </span> </span>
Getting the previous and next page Id.
Hi, how can I go about grabbing the previous page id (if there is one) and the id of the page it is transitioning to. Also, how can I remove a page from the history stack? For example if I have three pages: Page 1 > Page 2 > Page 3. How cand I remove Page 2 from history so that adding a back button to the header on a Page 3 reverts back to Page 1 instead of Page 2. Thanks in advance.
Jquery ui datepicker
Hi. We are experiencing issues with the datepicker having bugged date elements. See below. I am using chrome: Version 61.0.3163.100 (Official Build) (64-bit)
how to use jquery for validation
I have a question on this jquery. I found it on login on virginatlantic.com flying club. The site is in Adobe AEM java CMS. How does it work in a secure environment for example, to use Jquery as a login mechanism? What is the interstitial? Does that mean once it validated by front end it gets handed over to another mechanism in Java to do the backend verification? It checks the login first name and last name and email address once that is validated? Why does it hide the error list? It stores
Can not open jQuery UI dialog multiple times - test case included
I have prepared a simple test case to demonstrate my problem - I use a jQuery UI button to open a jQuery UI dialog: However this works only once. On subsequent button clicks I get the error: Uncaught Error: cannot call methods on dialog prior to initialization; attempted to call method 'open'
JQuery unable to change themes
Hi, I have a couple of buttons that when clicked, they change between themes "a" and "b", I'm using this script to change themes: <script> $(document).ready(function() { $("#blueThemeButton").click(function() { $('[data-role=page]').page({theme:'a'}); }); $("#greenThemeButton").click(function() { $('[data-role=page]').page({theme:'b'}); }); }); </script> This works as expected when change from theme "a" to theme "b", but it doesn't work if theme "b" is applied and I want to change back to theme "a".
Scrollto function no longer working in Chrome
Hello there, I'm quite new to jquery and can't fix this problem by self and it's a little bit urgent :-) Hope you guys can help me.. Since very recently we noticed that the scrollto function stopped working in Chrome (Windows; it does work in Chrome on Mac though!!) for our one-page website, i.e. the menu is not working (clicking on a menu item is not bringing you to the appropriate place on the page). Would you know how to fix this? Here's the website: http://www.greekfilmfestival.ie/ We want to
what data type is stored in post array
Please bear with me as I'm a newbie, but none of my googling efforts have yielded a straight answer as to what data type is held in the post array. When data is submitted to the server via the php post array, is it submitted as a string? Again, seems like a simple google search would give me the answer to this, but I can't find anything. Also, I have searched through the topics on jquery before posting this question, as I would like to avoid creating duplicate questions. Many thanks for your time.
jquery not working after server migration
hello. I'm a skillful neophyte on everything I do. specially on Javascript. lately I thought that will give it a try, to migrate an HTML website of mine (which I did not made, since I have no idea how) to a new Godaddy server. to my surprise it did worked! however the pics and the jquery scripts are not working (jquery.scrollsnap.js) here's the original website located at hostgator, which is working properly. www.whywedo.fi the Godaddy's version you don't see the images scrolling, only the white
About getting the method's properties in treetable
Hi: I try to enclose treetable into my library, but there comes a problem about how to invoke each function in treetable individually. The main code snippet is as following: $.fn.treetable = function(method) { if (methods[method]) { return methods[method].apply(this, Array.prototype.slice.call(arguments, 1)); } else if (typeof method === 'object' || !method) { return methods.init.apply(this, arguments); } else { return $.error("Method " + method + " does not exist
colorize svg
Hey there, for my smart home i use a piece of open source software (iobroker). There is a function to colorize svgs depending on the state (e.g. an open door). For sadness, the jquery function is obviously not correct implemented - the coloring does not work. my goal is, that the stroke attribs of the svg (embedded through img-tag) could be replaced by an given color. Code, that is not working: setSvgColor: function (el, color) { setTimeout(function () {
Autocomplete a combobox
how can I assign a default value to a combobox with autocomplete? The value I retrieve from the database and I want to pass it to the combo box to display it by default. Thank you
About append funciton of template
Hi: I try to develop an template to add table automatically, and meeting an problem, my code snippet is as following: <div style="margin: 20px auto; width: 500px;"> <table id="jsonTable2" border="1" style="border-collapse: collapse;" cellpadding="5" class="table"> </table> </div> <script type="text/x-template" class="myTemplate"> <thead> <tr> <th>Model</th> <th>Name</th> <th>Share</th>
Adding a class to input does not show it
I have a simple problem, i have made a html part with a class named toRed, defined like .toRed { background-color: red; } and this is the script and the html (very simple). <script type="text/javascript"> $(document).ready(function() { $("#btnIrRegistro").click(function() { $("#nombre").addClass("irARojo", 4000); }); }); </script> <title>JQuery Mobile Evaluacion Final</title> </head> <body> <div data-role="page" id="pagGestion">
Jquery conflict with SharePoint People/Group field Address Book
I have an aspx from a custom list app that was converted from SP2010 to SP2013/SP2016 and the pop-up box for the People/Group field address book when clicked does nothing... If my jquery references are removed then it works???
Is This a Library Problem?
Hello. I am running a website that I am responsible from. I was using a library from http://code.jquery.com/. Because of the tests I did on my webpage, there is excessive traffic and my site does not work functionally. Is there any chance of being temporarily blocked due to traffic abuse? The link ı receive error (404) : http://code.jquery.com/jquery-1.11.1.min.js:3:5139 Thank you!
jQuery resizable - alsoresize rect in svg through outer div control
HTML: <svg width="400" height="110" style="background:red"> <rect id="rectangle" width="300" height="100" style="fill:rgb(0,0,255);stroke-width:3;stroke:rgb(0,0,0)" /> </svg> <div id="firstDiv" style="width:100px;height:100px; background:green"> </div> jQuery: jQuery('#firstDiv').resizable({ handles: 'se', animate: true, alsoResize: '#rectangle', }) With this sample, The rect inside svg always starting from x=0, y=0 when we resize firstDiv. Rect has to start from where it was its last starting/ending
tap and taphold background color
Hello, I have a project that uses jQuery Mobile 1.3.2 and wonder how I can change the background-color when tapping or tapholding in general. Currently it has a grey background when I for example taphold an element. I use an Android-device with Firefox-browser. For any hint I am very grateful. Regards, Afox
Jquery draggable using localstorage not working after page refresh
So I have set up Jquery draggable so a user can change the positions of divs within a parent div. When the first drop is performed, all the positions are saved to localstorage. This data is then updated each time a drop is conducted. When the page is refreshed, the div positions are all displayed correctly based on the saved positions in the localstorage. When I then click a div to begin the drag and drop procedure, the surrounding divs do not move as expected or how they did prior to the page refresh.
Boite de dialog modal - Traitement action sur table SQL
Bonjour, Dans le souci de rendre mon progiciel plus interactif, je souhaitais intégrer une boite de dialogue JQuery. J'ai une table "observations_or" qui recense les observations faites par les utilisateurs. A l'ouverture de la page liée à l'article, si une observation a été faîte l'internaute prend connaissance de la dernière observation via une boite de dialogue. Il peut alors supprimer ou ne pas supprimer ce commentaire. <?php
// Vérifier si des observations ont déjà été enregistrées
$resultObservations
Creating template
Can i create my own template using jquery/javascript to use it with web app ??
Scroll an element to the top on click
I have a basic form I made that people will complete on a tablet device. When clicking the first input field, the keyboard comes into view and takes up the bottom third of the screen, hiding the further fields. If I could make the form scroll to the very top of the page, the other fields can be visible amking it obvious for the user which fields they have to fill in. So my question, how do I make the input field scroll to the very top of the page on click? <header>Some bumph in here, such as logo
Configurator and price calculator
There exists a configurator and price calculator: HTML: <form id="form1" method="post" action=""> <p> <select class="form-control" name="CPU" id="CPU"> <option value="0" selected>Select CPU</option> <option value="246">Intel Core i5 4440 3.1GHz (3.3GHz Turbo) Quad Core</option> <option value="268.80">Intel Core i5 4570 3.2GHz (3.6GHz Turbo) Quad Core CPU</option> <option value="282">Intel Core i5 4570S 2.9GHz (3.6GHz Turbo) Quad Core CPU</option>
Jquery UI IE11 issue
Hi, i'm workign on a Node Js and Angular application. I'm getting an error in jQuery UI only in IE11 browser. Its rendering a blank page of my website. The website is working fine in chrome and Mozilla. Attached image of the error location. and this is the first error in the console. I also have compatible meta tag for IE-EDGE inside the head tag.
Next Page