Online radio streaming delay
On urbansunsets.com I am streaming online radio from radio.co. It does work, but after a period of continuous playing, there is a delay at the part that shows what is currently playing. <div class="col-lg-12 col-sm-12"> <div id="radio_player"> <div class="default-player"> <audio width="320" height="240" controls playsinline id="audio_player"> <source src="http://stream.radio.co/sedf8bacc9/listen" type="audio/mpeg"> </audio> </div> <div id="audioplayer"> <button id="pButton" class="pause"></button>
Dr Simon Andrew casey - How to handle jQuery conflicts problem using multiple jQuery versions on the same page ??
1 <script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.9.2/jquery-ui.min.js" type="text/javascript"></script> Please there is a conflit between the jquery above and the one below, the one above only works for AutoComplete while the one below only works for other controls in my page like dropdown and other controls. The issues is this, if i place the Jquery above on the page for AutoComplete it will cause other controls using jquery to stop working while only Autocomplete textbox will be working,
how to place blackground dinamic a button?
my code is this: <!DOCTYPE html> <html> <head> <title>FirstApp</title> <script src="lib/jquery.js"></script> </head> <body> <div id="divTest1"></div> <script type="text/javascript"> function createRefreshButton() { return $('<button/>', { text: 'Refresh Data', id: 'btn_refresh', click: ClickRefresh }); } $('body').append(createRefreshButton()) function ClickRefresh() { alert('refresh'); } </script> </body> </html> sorry i am novate and for my english :(
filter() + match() does not work
Assume I have a webpage with lots of lines similar to <tr> <td> </td> </tr> The tags avove could be spread over multiple lines. Between them could be zero, one or more whitespaces. I want to get rid of them all. Therefore I coded the following two jQuery statements: $("td").filter( function(){ return $(this).html().match(/^\s*$/) }).remove(); $("tr").filter( function(){ return $(this).html().match(/^\s*$/) }).remove(); The first should remove all inner <td> </td> occurencies. The last then
debug a promise
I have some old code I am trying to get to work. The debugger stops where it can't load the user template on the error line below with asterisks. I'm guessing the problem is in the promise. Can I just take out some lines on the promise to force it to work for a demo to make it more straightforward? I don't have any data just a default user in the model. Don't need it to be in a promise. One thing I haven't figured out is this line " if(debug && window.console) " I don't know if debug is on
Facing Issue after migratting jquery to 3.1.1
Hello, Change ,blur,Focus events are not working for contenteeditable div , please find code below : $(".editForm :input, div[contenteditable=true]").on('change', function (i, e) { if ($(i.target).hasClass("ignorePreventRedirection")) { $(i.target).removeClass('ignorePreventRedirection'); return true; } anyFormElementModified = true; }); $(".editForm :input, div[contenteditable=true]").on('focus',
How to select last child that is even number except for second?
How can I select the last child of a div that is an even number and for this to apply to all last children except if the last child also happens to be the second of its type? if ($this.is(':last-child')) {
$this.addClass('end');
$("<div class='clearfix'></div>").insertBefore(this);
}
job schedule
I have a job schedule that is two weeks längd. I want to make Sempel html page with a datapicker and three labels LABEL1 view selected DatePicker week No label2 view selected DatePicker day name lable3 show selected DatePicker if I work that day or I'm off. LABEL3 has 14 different cases: case1 label3.text = "work" // Monday 1 Case2 label3.text = "off" // Tuesday 1 Case3 label3.text = "off" // Wednesday 1 case4 label3.text = "work" // Thursday 1 case5 label3.text = "work" // Friday 1 case6 label3.text
Keep original url for pushstate
I use the following function: $( document ).ajaxComplete(function() { var currenturl = window.location.href; var decodedUri = decodeURIComponent(currenturl); var decodedUri2 =decodedUri.replace("&manufacturer[]=","/").replace("&page=","/").replace("&sort=","/").replace("&order=","/"); history.pushState("", "", decodedUri2); }); I need somehow at each ajax completion to change original url and not previously changed url through pushState. With the function above at first ajax completion pushState
Jstree load partial page after button click. Not working
I'm working with Jstree to load partial page, here is JSFiddle I want to transfer checkbox states to a php page, and get the output to be loaded into the "second" div. But nothing displayed there, and got error# 0. Please help me find the problems, thanks
Jquery Deferred
Hi, I have below snippet that uses promise. Could someone help me how can i convert this into jquery deferred ? Do not want to use promise, instead want to use $.Deferred(). Any help would be appreciated? return new Promise(function(resolve, reject) { if (!self.CheckCustomerAccount(accountNumber)) { reject(self._handleError(self._createError(null, "INVALID_account_number", self.messages.invalidAccount))); } else { if (DEBUG)
Connect to DocumentDB using JQuery
Hi, Is there any way to connect directly to DocumentDB from JQuery or it can only be through a web service call? Thanks, Jassim
jQuery mobile used into Bootstrap 4 template won't work properly
Hello, I use jQuery Mobile v1.4.5 into Bootstrap 4 the "offcanvas" template example. Here is the page i'm working on : http://s529471052.onlinehome.fr/1.2/sensors/sensors8.html It looks jquery mobile is not getting my small table responsive, the table reflow won't work. Would you please tell what is wrong ? I'm newbie with jquery and really don't know how i could fix it.
Do jQuery objects stored in a local variable cause detached dom nodes
From my understanding, any memory allocated for a local variable is released at the end of the function. The only time this memory release does not occur (and a detached DOM node or memory leak occurs) is when that variable is referenced in a closure created within that local scope, and not properly nulled out inside the closure. For example, the variable detached below (source - https://developer.chrome.com/devtools/docs/heap-profiling-dom-leaks): function start() { var p = document.getElementById("p");
Fixed! Need help w/ toggling anchor + button
How can i make a jQuery script that toggles visibility of a div and at the same time toggles anchor text of a button? function toggle(user_id) { e = document.getElementById('toggleUserinfo_' + user_id); a = document.getElementById('displayUserinfo_' + user_id); if (e.style.display == 'block') { e.style.display = 'none'; a.innerHTML = ‘Open'; } else { e.style.display = 'block'; a.innerHTML = ‘Close'; } } I tried to search for it and came up with the following.
How to disable mouse and keyboard during a program load.
Hi, in my application I would like to implement a function that disable all functions during a program load. I mean, when I have a ajax request to execute a php program, I need to disable the mouse and the keyboard so the user can not click on menu bar, or on link, etc. This is my ajax request $.ajax({ type: 'POST', url: "file.php", data: {a:arg1, b:arg2}, beforeSend: function(xhr){ /* disable mouse and
Absolutely Position a Cloned Element in jQuery
Hi I'm trying to absolutely position a cloned div with jQuery. When I add CSS to the cloned element with the .css() method it only moves the text (even if I copy all of parent element's CSS into this object). I have a fiddle here : https://jsfiddle.net/emilychews/xuup6va1/3/ If you click on the blue div it creates a clone. I've also put the code below for quick reference. HTML: <div id="wrapper"> <div id="testdiv"> <h1>I am a div</h1> <p>with a blue background</p> </div> </div> CSS: #wrapper
I need to make image slider by jquery as below
I need to make design to image slider by jquery but i cannot do it so that if possible how to make image slider as below Description as you see below in image I have 5 circle with 5 images Every image represent one circle There are small circles when image moved to next image circle be orange to next circle and if not press on circle to select specific image slider automatic slide image without i select any image and moved between circles with orange color so that how to do image slider as above
Prevent jQuery from jumping to the bottom (when using fadeIn)
I've created some divs fading in with jQuery, I have a problem if the user scrolls a bit down though. If you are not at the top of the page, it will always jump to the bottom when a new div fades in. Here's my code: <style> #overflowwrap { overflow:hidden !important; } </style> <div style="height:20px">header stuff</div> <div id="overflowwrap"> <div id="five" style="display:none;">a lot of content 5</div> <div id="four" style="display:none;">a lot of content 4</div> <div id="three" style="display:none;">a
How to check if ASP:TextBox control has value
Hi, i want check some TextBox control if they have value do some addition else do assignment, i used the jquery script below it didn't work for me if ($('#<%=TextBox797.ClientID%>').val() != "" && $('#<%=TextBox797.ClientID%>').val() >= 0) { document.getElementById('<%=TextBox797.ClientID%>').value = parseInt(document.getElementById('<%=TextBox797.ClientID%>').value) + parseInt(document.getElementById('<%=TextBox651.ClientID%>').value); } else {
Sending mails using jquery and AJAX
Good morning all... I am newbie in jquery ajax, And I want to send email using jquery ajax can anybody tell me how to achieve this?...
How to populate a table with array - JQUERY
I'm doing a simple program that I save inside an array with the name "array" what is typed through an inputText after, click in "ADD", and after save into a database by PHP. When I show the array by the function "display_array, He shows normally in my P. function display_array() { //show in <p></p> $("#show").text(''); $.each(array,function(index,value) { $('#show').append(value + '<br/>'); }); //show in table $("#showTable").text(''); $.each(array,function(index,value) { $('#showTable').append(value
What javascript can I use to control the visible items in an html select element?
I have an html select element that, based on a value set elsewhere, is supposed to show one of two pairs of value. In one case, it should be "New" and "Assumed", and in the other "Existing" and "Organic Growth" So currently I'm creating it with all of them, like so: <tr> <td nowrap align="left" valign="top"> <font color="<%=Session("TextColor")%>" style="font: 8pt arial">Subcategory: </font> </td> <td nowrap align="left" valign="top"> <select name="subcategory" color="<%=Session("TextColor")%>"
enable-search-feature-for-sharepoint-lookup - multple value
Hello, My requirement is to search multiple value in lookup column of SharePoint list. I am able to get help from below link for single value: http://wp.ahcheng.com/2015/12/06/enable-search-feature-for-sharepoint-lookup-table-single-value-only/#comment-2227 Tried checking : http://jqueryui.com/autocomplete/#multiple, also but unable to do changes for lookup column. Request you to help on this. Thanking you in advance. Regards, Jayashri
$(document).on('click') not working on IPAD...
Hi, sorry for my bad english.....i m a poor french guy... like i said in my subject, i've a web site in which i use : $(document).on('click','td.myClass',function(){ doSomething(); }); since few weeks, ipad users cannot use the function, every click event bind like this doesn t work for them.... i m looking for answers and i try this : $(document).on('click touchstart','td.myClass',function(){ doSomething(); }); but it still not work..... ps : i m using jquery 1.11 ps 2 : this problem
loop through checkboxes to enable/disable multiple inputs
Hello How can I loop through the following form : if I check each checkbox, I would like to enable ans disable multiple inputs matched with the checkbox. The form is created dynamically with a select from my database : <table> <tr> <td><input type="text" name="idRow[]" class="idRow" value=""></td><td><input type ="date" name="date[]" class="date" value = ""></td><td></td> <td><input type ="number" name="quantity[]" class="quantity" id="" value= "" /> UN</td> </tr> </table>
How can I move an element from one cell to the cell that I have highlighted?
@model CheckerBoard.Models.HomeModel <html> <head> <title>@Model.PageTitle</title> <link href="~/Styles/Home.css" rel="stylesheet" /> </head> <body> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/jquery-ui.min.js"></script> <script src="~/Scripts/Home.js"></script> <div class="home"> <div class="board">
my plugin help
hey guys i've made a plugin for my site which allows the user to edit thier data ie. editable table as seen here: https://jsfiddle.net/dom484wo/ i have 2 problems problem 1. validation in line 251 i'm trying to apply validation to all input containing 'name', which is referring to the inputs that show in 1st column (name1, name2) $("input[name*='name']").rules("add", { required: true, messages: { required: "Name: Name is required." } }); $("#test-form").validate({
Why error although it was done?
Hi, I am using below to post a form to php in order to send email to the user. $.ajax( { type: "POST", url: 'https://www.softnames.com/Nabeel_Al_Hamer/send_message.php', data: formData, processData: false, contentType: false, }).done(function () { // done message }).fail(function (xhr, status, error) { console.log(xhr.statusText); console.log(status); console.log(error); }) why I keep getting error although was successfully sent? and all I get in the message is
Social Locker for Blogger
Hello Ppl =)) How are you? I need your help =\ I am trying to install a "social locker" on my blogger. It is a Jquery and I don't really know programming it but I've been searching for the last 4 days. It's that code: <link href='http://cdn.rawgit.com/menightfury/social-locker/master/style.css' rel='stylesheet'/> <script src='http://cdn.rawgit.com/menightfury/social-locker/master/script.js' type='text/javascript'/> <script type='text/javascript'> //<![CDATA[ jQuery(document).ready(function($) {
URL parameter strings backslashes
I am trying to send a request to my server using jQuery/ajax: in this call, i need to transmit a string, a path to a file containing backslashes. However, all I get is something like this: someText Clearly, the backslashes are misinterpreted, so i tried using escape(), encodeURI() etc combined, each alone and various combinations, but still could not make it work. This is my code: <button onclick="Start('File', encodeURIComponent("some\Text"))">Click!</button> function Start(PlayerType, Pfad) { $.ajax({
Just Delete
I am trying to delete an item with an image. After Deleting I want the screen to automatically refresh back without the Deleted item. But my code below is not doing that. Any help will be appreciated. <script type="text/javascript"> $(document).ready(function () { $('.deleteDoc').attr('href', 'javascript://'); $('.deleteDoc').unbind("click"); $('.deleteDoc').click(function () { $dialog.data('id', $(this).attr('id')).data('contdocId', $(this).attr('contdocId')).dialog("open");
how to detect incognito mode in jQuery
how to detect browser open in normal mode or incognito mode in jQuery Please help.
How to call function
In JavaScript I have a function function is_decimal(inputbox) { var teststring teststring = trim(inputbox.toString()) if (teststring == "") {return false} for (var i = 0; i < teststring.length; i++) { var c = teststring.charAt(i) if (c != "0" & c != "1" & c != "2" & c != "3" & c != "4" & c != "5" & c != "6" & c != "7" & c != "8" & c != "9" & c != "."){return false;} } return true } That gets called by something like
Issue with multiple simultaneous Ajax Requests
Hello, I'm trying to load html into the div's (which ever is empty) but the following code fails to work properly. Instead, it loads html in the same (div1) everytime, overriding previously loaded html. <div id="Div1" Class="col-sm-3 hidden"></div> <div id="Div2" Class="col-sm-3 hidden"></div> <div id="Div3" Class="col-sm-3 hidden"></div> $.each(chkUnivIDs, function (index, value) { DisplayUnivInfo(univID);
Adding a DIV, but with flip animation (partly working)
Hi all, Please see this fiddle: https://jsfiddle.net/8rou42z0/ I am adding a div using jquery. This is the front side of a card (in the original code this is randomly generated so you never know what card you will get). The back side is already there. Now when adding this front card DIV by clicking the turned card, I want it to flip over from the back side to this newly added front side. The problem atm is that it shows the new DIV immediately and then flips it away. I want it the other way around
Not Able to Configure How to Use Function in Custom jQuery Plugin
I am trying two write a jquery plugin to track box entering into view and I couldn't figure out how to pass UI value to my plugin and how to use the topIn() inside the plugin. Basically this plugin is mean to create a null callback function boxTopIn which is re-usable on the client side Demo (function($) { $.fn.boxInView = function(options) { var settings = { boxTopIn: null }; var options = $.extend(settings, options); function topIn(elem) { $(window).scroll(function() { var elemTop = $(elem).offset().top;
Modify specific words in a paragraph
Here is a snippet that I found in the internet that adds a class to specific substring of a paragraph. Problem is that when the paragraph contains elements that are not words - like an element of type <img> , it eliminates this element completely from the outcome. Can someone modify it to preserve the <img> element as well? Thx jQuery(document).ready( function ($) { var oldString = 'some words', newString = '<span class ="orang">some words</span>', newText = $( "p:contains('some words')" ).text().replace(RegExp(oldString,"gi"),newString);
select dates from datapcker
hi I have two input box one with a datapicker and the other is textbox <P> Date: <input type = "text" id = "datepicker"> </ p> <P> DAYNAME: <input type = "text" id = "DAYNAME"> </ p> I want that when users select dates from datapcker, DAYNAME will appear in DAYNAME textbox can you help me? thanks
How to do a specific menu hover?
I have been looking through the code here https://devitems.com/html/apnew-preview-v2/apnew1/index.html to try and discover how they are doing this hover transition on the menu. Can anyone tell me how they do this or how to do it in general? I thought it was CSS transition using the Begin attribute, but that doesn't seem to do it.
Next Page