load website with in a website and remove all but links and layout.
so im trying to host a webpage (i can us html Javascript or ccs) to load a website like https://cnn.com while removing all images and background color keeping the layout of the page and allowing clickable links (when link is clicked must do the same thing) and also stripping headers and fancy fonts to basic text level fonts. ive been trying to do this for days without any luck. please help!
Jquery UI - date range and month/year selector behave strange in Safari
Hello, I have a datepicker restricted to some of dates in date range of July to August 2018. This works perfectly in Chrome and Mozilla, and almost in Safari. In Chrome and Mozilla datepicker month/year selector, I have only "Jul, Aug" / "2018" selected, while in Safari there are all months and years in here. My client would love to have this one look same in all browsers. Is it possible to accomplish? Thanks in advance! Here is my code for showing this datepicker: $(this).datepicker({ minDate:
jQuery v3.2.1: Uncaught TypeError: a.indexOf is not a function at r.fn.init.r.fn.load
I had made a plugin a while ago, it used jQuery v2.1.1. It worked fine. Since using the modern 3.2.1, the console shows this error: Uncaught TypeError: a.indexOf is not a function at r.fn.init.r.fn.load I have a piece of code like this: function responsiveSlides() { var percentageSlidesWidth = (1 / slidesLen) * 100 + '%'; $slides.width(percentageSlidesWidth); } $(window).on('load',responsiveSlides()); The last line above seems to cause the error. But what is the fix? Thank you!
Query slider plugin: CSS bezier transitions make it show the last slide on page load
I have made a very light and feature rich jQuery slider plugin. It has a slide left/right transition from one image to the next or previous. You can see the plugin in action HERE. It worked very well/as intended until I added bezier transitions to ul.slider for smoothness. Since then, on page load it shows the last image instead of the first. How can I avoid that? Also, even though the slider should loop (and it does, in the absence of the bezier transitions), it does not loop.
Trying to extract an element attribute value that is part of an object
I have an input field coded as the following: <input type="radio" name="03794" class=" js-sourcing-option" data-sourcingoption="{"hasBackOrder":true,"isPartial":false,"unsourcedQty":0,"warehouseSequences":[1],"shipments":{"2017-10-12T17:00:00":{"warehouseNumber":101,"deliverByTime":"2017-10-12T17:00:00","numShipments":0,"warehouseQty":0,"backorderQty":1,"qtyByWarehouseInStock":{},"qtyByWarehouseBackorder":{"101":1}}},"sourcedQty":1,"shouldDisplay":true}"> Using jQuery, I cannot figure out how to
Add empty cell to HTML table when column missing from XML
I have a XML file and I'm populating a HTML table with the data in the XML using jQuery. The XML file has the following format: <?xml version="1.0" encoding="UTF-8" standalone="yes"?> <Root xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"> <Row> <Patologia>Alzheimer</Patologia> <Molecula>Galantamina</Molecula> <Nombre_Comercial>RAZADYNE®</Nombre_Comercial> <Fecha_Exp>2017-06</Fecha_Exp> <Propietario>JANSSEN PHARMS</Propietario> </Row> <Row> <Patologia>Alzheimer</Patologia>
How to Hide a tr after checking two condition
Below is my html code and I have to hide this row after meting below condition using jquery Condition h3 tag should containing 'lblInformation9' and td contains text "Broadcast Tech" HTML <tr><td width="190px" valign="top" class="ms-formlabel"><h3 class="ms-standardheader"><nobr>lblInformation9</nobr></h3></td><td width="400px" valign="top" class="ms-formbody lblInfo" colspan="2">Broadcast Tech</td></tr>
About the usage of jquery data() in treetable
Hi: I recently try to read source codes in jquery treetable in deep, and found some problems I don't know. here is the problem about the usage of jquery data, and the code snippet is following: init: function(options, force) { var settings; settings = $.extend({ branchAttr: "ttBranch", clickableNodeNames: false, column: 0, columnElType: "td", // i.e. 'td', 'th' or 'td,th' expandable: false, expanderTemplate: "<a href='#'> </a>",
GET Status 0 on local page load with Cordova
I am using jqm with Cordova. When a local page loads jqm uses GET but returns the content along with a status of 0. This is seen in the logging app I am using as an error (it was expecting a status = 200 for a GET). I saw this item in the docs but it did not make any difference: $.ajaxPrefilter( function(options, originalOptions, jqXHR) { if ( applicationCache && applicationCache.status != applicationCache.UNCACHED && applicationCache.status != applicationCache.OBSOLETE ) { // the important bit options.isLocal
Jquery multi accordion collapse all
Hi, I can't find option to collapse all multi accordion. I am using http://www.jqueryscript.net/accordion/Smooth-Nested-Accordion-Plugin-with-jQuery-jQuery-UI-multiAccordion.html I have tried active, collapsible and initialState properties. my code is below <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script> <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css"
Creating a Theader
Hello, I'm creating a table dynamically from a xml using the following code function showData() { $.ajax({ type:"GET", url:"test1.xml", dataType:"xml", success: function(xml){ var fila = $(xml).find("Row"); var tabla = $("<table />"); tabla[0].border = "1"; var row = $(tabla[0].insertRow(-1)); fila.eq(0).children().each(function() { var headerCell = $("<th />"); headerCell.html(this.nodeName); row.append(headerCell); }); $(fila).each(function() { row = $(tabla[0].insertRow(-1)); $(this).children().each(function()
position() in Wordpress
I'm trying to implement this simple code in WordPress: jQuery(document).ready(function ($) { ... $("#menu-secondmenu").position({ "my": "top left", "at": "left bottom", "of": $("#menu-custom-menu-scomparsa") }); ... }) The rest of the function works fine, and I don't see any error message in the console, thus I believe JQuery UI is correctly recognized, but nothing happens to the two elements in question, or to any other couple of elements I'm trying to apply the position() to. How can I debug the
Upgrading jquery 1.8.3 to jquery 3.2.1
Hi, We are planning to upgrade jquery from 1.8.1 to jquery 3.2.1 The following are currently in use jquery-1.8.3.js, jquery-ui-1.9.0, jQWidgets v3.1.0 We upgraded as follows, jquery 3.2.1.js, jquery-ui-1.12.1, jQWidgets v5.1 After upgrade the entire look and feel of application is changed especially modal dialog stacking is completely changed. I read in a blog that z-index values are reduced from 1000s to 100s in jquery-ui-1.12.1.css. Is there a way to updrage jquery without changing the look and
swipe event select is not updated / refreshed; css bug
I have a problem with the update of a select-box <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>TimeControl</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" /> <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> </script> </head> <body> <select id="id1Auswahl4" name="auswahl4">
jQuery ajax to plain JavaScript
I'm using Rails framework and I need to hit a controller URL through AJAX. The controller view should execute some JS(For testing I have given `alert();`) I have jQuery code like: jQuery.ajax({ url: url // Some URL }); The above code worked perfectly and displayed `alert()`. But, I have a requirement to convert this code to pure JS. So, I did: var xhttp = new XMLHttpRequest(); xhttp.open("GET", url, true); xhttp.setRequestHeader("X-Requested-With", "XMLHttpRequest"); xhttp.send(); The above code
best way to encrypt or hide jQuery code
Hi, What's the best way or tool to hide jQuery code from the browser so when I deploy my application on host others won't be able to see the code? Kindly advise... Thanks, Jassim
Set accordion contents heights
Hi, Could you please guide how to setup accordion controls height. I am frustrated with autoheight property. please see code below. thanks <script type="text/javascript"> $(function () { $("#accordion").accordion({ collapsible: true, autoHeight: false, active: false }); }); </script>
about choosing a technology
I have completely developed my website with jquery and we decided to choose angular for business logic but there was confict angular over jquery ,so we have stucked. whether moving to jquery to write business logic is advisable?
Clone a page and change new the new page ID?
Hi, I have a page that I want to clone. The page has the id: id="page_0_Result_0" When the confirm button is used I want to clone this page and change the id to: id="page_0_Result_1" https://jsfiddle.net/vs2jfqaa/147/ Thanks in advance.
JqueryMobile Grid not showing my 250 records
Hi , I'm loading JQM grid data from a method which is returning 250 records, its properly coming to ko viewmodel. When bindings completes we can see only 25 records in grid. Where are the rest records? How can i show the full records in grid? Thanks!
Reset/remove validation error messages on modal form
I am using bootstrap 4.0 beta and validator 1.17. I have a form in a bootstrap modal. If I enter invalid data into a field (and validation error is displayed), then close the modal, then reopen the modal the error message is still there. Man, I've searched to the end of the internet and tried so many things (mostly old versions), but nothing works. I am using aspnet core which automatically loads and sets up the validator. Any idea how I can clear the validation errors when the modal is first
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>
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.
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'
Next Page