Prototype.js->toJson causing problem
I am injecting some Java script in to a page. The order in which my scripts are being injected is as follows [immediately after <head>. Other scripts that existing page requires are after this]: http://code.jquery.com/jquery-2.1.3.js http://localhost:9140/Scripts/jquery.signalR-2.0.0.js http://localhost:9140/signalr/hubs var ah = jQuery.noConflict( true ); http://localhost:9140/Scripts/ChatScript.js The page is already using some other version of jQuery along with Prototype.js. I need help with
Jquery issue
Hello everyone. Sorry to bother you but Im not using this program or do not have anything installed like this but when I start my windows I get this error sometimes : https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js it asks me if it should load scripts or no . My question is what it is and how can I remove this error/bug or what it is/does to my new notebook. Thanks for answears.
Dialog modal form demo not working in Firefox?
Hi, I'm trying to understand how the Dialog modal form demo (http://jqueryui.com/dialog/#modal-form) works. I copied the source to a file on my local machine and I'm accessing it through a local apache server. When I use Google Chrome everything works fine, however when I try to access the page using firefox the dialog doesn't appear at all. I get the 'existing users' table but when I click on 'Create new user' nothing happens. The firebug console doesn't show any errors. If I look at the online
Splitting my function so it runs separately
I'm super new to jQuery and barely grasp the basics of it. I have the following code, which I am embarrassed to say probably took me over 10 hours to create! It sort of works, but it has a small problem. What it does, is makes some calculations for an employee schedule maker I am working on. I need the third part (starting on line 40) to happen separately from the rest. Because it uses a couple values obtained from the second part. My assumption here, is that the two values from lines 46 and 47 are
Dynamicly show/hide div which has value the same as button
In a loop I add dynamicly in php button and div which is hidden by css echo "<input type=\"submit\" value=\"$entry\" class=\"button\">"; echo "<p id=\"mydiv\" value=\"$entry\"></p>"; i want to show/hide only this div which has the same value as button.
jquery form: How to prevent submission.
I have a form in a tab. I use $('#myForm').ajaxForm(function() { alert("Thank you for your comment!"); }); and the message appears; however, the form is a file upload <form id="myForm" name="upload" class="loginform" action="../php/recordInteraction.php" method="post" accept-charset="utf-8" enctype="multipart/form-data" > <input type="hidden" name="rId" value="upload"> <div> <p> <input name="file[]" id="file1" type="file" accept="image/jpeg"
isotope - send datafilter with url
Hi all I have isotope installed and it works fine: When I call the web page (let's call it webpage.html), all images load, and when I click on a button with a link like *** href="#" data-filter=".art" *** I see only art images and all others are hiding - everything works fine as it should. Now, what I want is this: On my start page (let's call it index.html) I want to load this webpage.html but including the filter for "art". So that when loading, the webpage.html already filters so that it displays
Delayed closure of Modal window - common code
Hello, I have a common code for showing a number of modal windows at various times and on my entire website. All but one of them I would like the user to explicitly close. But one modal window, I would like to close after a delay of a few seconds say 10 seconds. This is the common code I use: ----------------------------------------------------------------------------------- var md_done = false; var md_height = 400; var md_width = 400; function md_show(caption, url, height, width) { md_height
forms plugin inside tab
I want to use jquery forms but my form is in a tab which is loaded dynamically by ajax. I am not sure where/when/how to enable the form. I think I need to put the enabling call {$('#myForm').ajaxForm} somewhere so it can be called after the tab containing the form is loaded, but I don't know how. Can someone help? Thanks. --Len My html code is below. I have an external file which contains the same form (different id) in the third tab. The second tabs submission is intercepted; the
' format no matches' works with json but not ajax data
Hi If my select2 is populated with json and no matches are found works with format no matches. However if I my data is populated by ajax I am not notified in any way that no matches are found. There is nothing I can hook into to take appropriate action <!DOCTYPE html> <html> <head> <link href="js/select2.css" rel="stylesheet"/> <meta charset="UTF-8"> <title>Select2 tests</title> </head> <body> <script src="js/jquery-1.11.1.min.js"></script> <script
select2 loses its formatting when you select multiple elements then delete one/some of then
Hi My select2 box allows you to select multiple options and then delete them if you change your mind. However it loses its formatting when you delete something. Mine is populated by ajax/php but here is one populated by json with the same problems <!DOCTYPE html> <html> <head> <link href="js/select2.css" rel="stylesheet"/> <meta charset="UTF-8"> <title>Select2 tests</title> </head> <body> <script src="js/jquery-1.11.1.min.js"></script> <script src="js/select2.js"></script>
how to abort an ajax request once the browser receive 200ok
i have an ajax request that looks like // ---------------------------------------- start(clicked_button, app_path) var start = function(clicked_button, app_path) { $.ajax({ type: 'POST', data: { 'app_path': app_path }, url: '/app/start', context: clicked_button, success: function(msg) {console.log('ok go to sleep ..'); } }) .done(function(data) { console.log(data); $(this).removeClass('btn-success');
How to detect high contrast mode.
Is there simple way to detect high contrast mode? I am talking about windows high contrast mode (web accessibility). I need to detect this mode in browser. Any idea? Thanks for help.
Issue on Deselecting All Checkbox on Un checking one of Child
I am trying to use jquery to check all checkboxes using below code which working fine on toggling select all on check and un check the slectAll Now I want to uncheck the slectAll in case of a situation if a user un-check one of the ieldset checkboxes. I tried this code $.each($("input[name='numbers']:not(:checked)"), function () { $('input:checkbox[name=slectAll]').prop("checked", false); }); Here is the code I have <label for="boxid">Select All</label> <fieldset id="group_1"> <input
tabs widget not working when located in a separate HTML page
Hello, My problem is a non-functional tabs widget whenever it is not initially added to the DOM, but only added after I select a link to a different HTML document. I did some searching and it sounds like this is a legitimate bug (https://github.com/jquery/jquery-mobile/issues/7169) but I am wondering what the best way to address this issue would be.
How can I get a Single Line Scroll Tab with Sortable Items.
Hello Everyone, I'm trying to create a Tab that can only be on one line and can be scroll left and right with Arrow on the left and right of the tabs. See image: And I also want to combine it with Sortable Items in each tabs and allowing them to move from one tab to the other Like this here: http://jsfiddle.net/tilwinjoy/6PL8H/ How do I go about doing this? Have anyone created any plugin that already does this? Thank you
jQuery countdown serverSync for multiple countdowns
Hi, I use jQuery CountDown on an auction website. There are multiple countdowns on the same page, and sometimes a countdown is updated (when a bid is made in the last 30 seconds of the countdown) via pusher. The problem is that the countdown is not really reliable. When I open several navigators, there are some differences between the countdowns. Sometimes 3 or 4 seconds. The options serverSync is used, but it seems that when the countdown is updated, the new value is not synchronized anymore ...
getting the var element to focus or blur
I am using the below javascript along with infopath. This code helps to get the substring of the URL and then depending on the text, it assigns value to the control. However, the way it is done here is using a var Now, once the var is assigned the value when we click on the save button, it is not saved. I want to issue a blur or focus for the control to which this var is referring to. Could you please help me ? <script type="text/javascript"> //_spBodyOnLoadFunctionNames.push("displayABC");
jquery.mobile-1.4.5.js:13906 Uncaught TypeError: Cannot read property 'not' of undefined
Hi, I got following error: Uncaught TypeError: Cannot read property 'not' of undefined For line 13906 hierarchyClass = cells.not( this ).filter( "thead th" ).length && " ui-table-cell-label-top", in jquery.mobile-1.4.5.js:13906 Uncaught TypeError: Cannot read property 'not' of undefined (after calling enhanceWithin on a table with classes ui-responsive table-stroke ) I see no issues in the end result. Hope this helps! Cheers, Michaël
Bug on IE11 with select-Tag?
Hello out there, does anybody know about a jQuery mobile bug in IE11 according to the combobox / select-Tag? Small snippet to demonstrate: <select name="language" id="cboLanguage"> <option value="1">1 test</option> <option value="2">11 test</option> <option value="3">11test</option> <option value="4">something else</option> </select> Normally it is possible with select-Tab to focus, navigate with arrow keys or press letters and the correct/fullfilling option is automatically displayed. This works
My LED calculator won't work
I'm trying to make a LED Calculator with jQuery, but it won't work. Heres my index code: <!DOCTYPE html> <html> <head> <title>LED calculator</title> <link rel="stylesheet" type="text/css" href="style.css"> <script src="jquery-1.11.2.js"></script> <script type="text/javascript" src="script.js"></script> </head> <body> <h1>LED Calculator</h1> <input type="text" id="srcVol"> Source Voltage</input> <br> <input type="text" id="dioForVol"> Diode Forward Voltage</input> <br> <input type="text" id="dioForCur">
events are not firing on second hit in Firefox
hello all.. Problem: i have 'keypress' event on textbox for search functionality. as i enter any character into textbox for the first time, then it is working fine and showing matched records(every page event and js functions are firing well). But, as i enter one more character on same textbox, it stops working. none of the page events are firing. Note: this is working well in IE and chrome. problem with only firefox. please let me know your views on this. this may not be the correct place
Make Links Work With ContentEditable Attribute
Hi all, I was able to edit my webpages using HTML5 ContentEditable attribute and an Iframe. Basically I have a page with an Iframe which is used to open any webpage in my domain. Then when a page is opened it can be edited by adding the ContentEditable attribute to the body element of that page. The problem is I cannot navigate to other pages by clicking on the links on the page if the ContentEditable attribute is set to true. Is there a way around this without removing the ContentEditable attribute?
Ajax request problem
Dear forumers! I'd briefly describe what i'd like to do with JQuery: I would like to create a webpage that has a button object. When I press it the javascript should trigger an Ajax request to the server. My problem is that this GET event not executed in all cases. Sometimes my code works very charmly, sometimes no GET http message sent to my apache server. To debug the communication I use rawcap application, and wireshark. Here is some code snippet: -This is the definition of my button object in
ajax.done is empty
I have a problem with ajax that doesn't seem that common. I found very few other posts with the same issue as mine and tried fixing it with replacing the 'return' with 'echo' in my php file and adding the type property to my ajax request. But no matter what I do, my 'data' is always empty. When I set the value directly, without ajax, like this: var data = <?php require "script.php"; $link = createConnection(); $result = mysqli_query($link, "SELECT * FROM Snippets"); $output = array();
FancyIndex plugin presentation
Hey Guys! As I am developing plugins and code for ~13 years now, I decided to publish some plugins. So at first I am confronted with the main question: "Where do I have to publish the plugin?". Hopefully you have some nice tips and ideas. B2T: The plugin. Nowadays almost every "fresh" page looks the (s)hame: One page, very content, much scroll. So even though you really hate usability, enhance your design patters by using customer-orientated plugins like this. Example & documentation: http://www.cwdesigns.de/eskju-jquery-fancyindex.html
how to make dragged element droppable again
I am using Jquery UI and creating drag and drop feature. I have div element which can be dragged and then once it is dragged, user can add images to this dragged div element. This is how my code is setup $("#dvSource img").draggable({ //containment: '#gbox', cursor: 'move', helper: 'clone', scroll: false, connectToSortable: '#edit, #edit1, #mainContentDiv' , //appendTo: '#edit', start: function () {}, stop: function (event, ui) {}
Menu for uploading from a web URL or from ones computer
I am trying to reproduce on my homemade site a feature that I have seen on many forums, namely a pop-up menu that allows the user to upload a file either from a URL or from the user's computer. (thus, what I am looking for is exactly like what happens when the portrait icon is clicked at http://math.stackexchange.com/questions/ask for example). The nearest I could reach so far is the very incorrect and very ineffective code below. Any help appreciated. <!doctype html> <html lang="en"> <head>
Check if drop-down box is select.
Hi everybody, I would like to check if a select option is selected. I mean I have a this html form: <form style="background-color:#EEE; padding-left:5px; font-weight:100;" id="presenzeH" action="presenzeH.php" name="frmComune" method="post"> <label id="data">Mese:</label> <select name="mese" id="mese" size='1'> <option value="0" style="padding-left:5px;">Seleziona il mese</option> <option value="9" style="padding-left:5px;">Settembre</option> <option
jQuery Performance
Hi, I was wondering which would improve performance when removing elements? Multiple Selectors $("#id1, #id2, #id3").css("display","none"); or Multiple Lines $("#id1").css("display","none"); $("#id2").css("display","none"); $("#id3").css("display","none"); Thanks.
keyup event fires on element that is updated from another element???
I have 3 elements. An update button (initially hidden), the code editor element and a preview div element. The preview div's innerhtml is updated from the codemirror "update" event. This is working great. The preview div is set contenteditable="true" and I detect keyup events using the "on" delegate method from the body since it is added to the dom by the codemirror instance after page load. The update button is revealed when the keyup event is detected on the preview div so I can pass the updated
Fancy Form
I did form library(plugin) on JQuery. Fancy Form For the moment doc is absent, but samples have code on page. Docs will be in future. Can you please overview and say what do you think about it? What you would like to see in it? One more question. Sorry for not the topic. Give me advice. I wanted to do not just plugin, I wanted to do some small commercial product on JQuery. But faced problem how to say that I did it. I did not find place where possible to write about it. I have never tried self as
bxslider bad animation problem
hi, My bxslider scripte works perfectly but i have a problem in bxslider animation when i click in the "bx-prev" button exemple if i go to image 1 to 4 ( previous ) my problem demo www.askdesigngroup.com/BxSliderProblem.rar
How do I add another table at the bottom of screenshot below?
Thank you very experts for your continued assistance. The screenshot below is as a result of this fiddle courtesy of kwood and the great JAKE. How do I modify code below to add the portion that begins with Related Work Activity? $("#emps").on("click", "a[target='tab']", function(){ var me = $(this); var url = me.attr("href"); var tabName = me.data("tabName"); var tabIndex = parseInt(me.data("tabIndex"), 10); $.get(url, function(data) { var table = $( '<table id="details" class="details"
Hover one a element change other elements
I will explain my problem guys. Lets suppose this is html ~~~ <ul> <li><div class="smiles"><a>Test</a></div></li> <li><div class="smiles"><a>Test</a></div></li> <li><div class="smiles"><a>Test</a></div></li> <ul> ~~~ What i want to do is, when hover on one element that specific element will change style, also the other two that are not selected must change style, and so on. i can make it work by saying $(this).addClass()... and then by changing other elements class but i don't
Jquery Pluggin shell
(function($) { }(jQuery)); guys the above is the normal plugin "Shell" in which all the Jquery plugin code goes ! But its really really hard to understand what exactly that shell is doing ? now i read about how that shell is suppose to avoid conflict with other javascript on the page and how the ($) might be used by another library . but that Jquery plugin shell , still does't make any sense . i am asking this question because as a developer i really feel the need to know that that little snippet
Building a drag and drop UI, positioning draggable to nearest droppable.
I've pulled and put some code together to position draggable elements on a grid of droppable elements. The droppable grid is made of units (a * b) and the draggable element is (2a * b). I'm hoping to eventually record positions on the grid in a database in order to save positions for future logins. I've pulled some code together, but I'm struggling to make it work nicely. I want the left side of draggable to line up with the closet left side of a droppable grid unit. The problem is that the left
on click from link imported
I am trying to set html when a link is clicked on. I found out that .on should work. Here are my two pages that I have setup for testing: <script> $(function() { $("#search").on( "click", function(){ $.ajax({ url: 'process.php', data: { test : 1}, type: 'post', success: function(output) { if(output){ $('#stuff').html(output); } } }); }); $('[id^="delRec"]').on( "click", function(){ alert('good'); e.preventDefault();
Adding more textareas
Hello, im using wysibb editor.. And now im trying to make an article page, and the user should be able to add more pages.. But i cant get the editor to work only on that on that already exists when you get to the page $(".textarea").wysibb(wbbOpt); /* Lägg till en ny sida */ $(".addPage").click(function() { var nextTab = $("#myTab li").size()+1; $('<li><a href="#tab' +nextTab+'" data-toggle="tab">Skriv i en rubrik
KeyboardEvent.key value "Left" is obsolete and will be renamed to "ArrowLeft
Hi, Firebug is reporting the following warnings after the right or left arrow keys are depressed: KeyboardEvent.key value "Right" is obsolete and will be renamed to "ArrowRight". For more help https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent.key event[ prop ] = originalEvent[ prop ]; jquery.js (line 4564) KeyboardEvent.key value "Left" is obsolete and will be renamed to "ArrowLeft". For more help https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent.key event[ prop ] = originalEvent[
Next Page