Make circle diagram with jquery
Hi! I want to use this diagram http://www.jqplot.com/tests/pie-donut-charts.php But it doesn't work in my localserver(XAMPP) What is wrong here? NOTE: my jquery and javascript skills are beginner level. Thanks.
jquery form validation
Hi to all In my page i want to do form validation and the following are the part of my code but its not working <html><head> <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> <style>#docs { display: block; position:
Adding FadeIn/FadeOut to jQuery UI Tabs
I feel like I've tried everything, but I'm not sure how to make my tab transition fade content in and out... Here is my code.. <script type="text/javascript"> jQuery(document).ready(function ($) { $('.kb-home-sort').tabs(); }); </script> And the HTML <div class="kb-home-sort"> <ul class="kb-home-sort-nav"> <li><a href="#tabCat">SORT BY CATEGORY</a></li> <li> | </li> <li><a href="#tabRecent">SORT BY MOST RECENT</a></li> </ul> <div id="tabCat"> <!-- DISPLAY ALL KNOWLEDGE BASE
onchange load not working!
Hi Is there something wrong with my code? It doesn;t do anything! I put alert there and alert works! I checked the ids and they exist there too! Can't find out why its not working! I appreciate any help. Thanks <script> $(document).ready(function() { $(function() { $("#category").change(function(e) { $("#subcategories_box").load("index.php",
A complete example of autocomplete that does not work in JQuery-UI dialog
Note: I have removed everything except what I want to ask about. Here Is an complete example of code where autocomplete doesn't work when used in JQuery-UI dialog. The code works like this. 1.When you start you can focus in the text field and press for example button a now the autocomple works a list is displayed because you are NOT in a JQuery-UI dialog. 2. Cick the button New Voyage. This will display a JQuery-UI dialog. 3. Focus in the text field VesselID and press a autocomplete doesn't display
Textbox Input Validation
I would like to use jQuery to validate numbers entered into my textboxes on my webpage. I would like to validate it to make sure that it is: A number In the range 0.100 to 10.000 To 3 decimal places I have the following code - but how can I expand it to suit my needs: $('.numbersOnly').keyup(function () { if (this.value != this.value.replace(/[^0-9\.]/g, '')) { this.value = this.value.replace(/[^0-9\.]/g, ''); } }); Any help would be greatly appreciated!
Make diagram with jquery
Hi guys! I want to make diagram with jquery. Using someone about it? Thank you advance!
get value of slider on change of slider
Hi, I searched the internet for about 4 hours now, and tried every solution I found, but I still can not get the value of a jQuerymobile slider without having a button being clicked. Is there any solution to this? This is my slider <input type="range" min="0" max="1500" step="50" data-highlight="true" name="kosten_bis" id= "kosten_bis" value="0"> I have also got radio buttons and drop downs, where I already get the values as I change them, but for any reason this does not work with the slide :-(
How do i track facebook likes and shares on my page from google analytics
Hi all, I am working on some marketing campaign and require help to fix this issue. I would like to track event on google analytics such as facebook likes and share. How can i fix this? Thanks!
how to convert jquery object to string
Hi to all,I am a begginer in jquery and may be this question look silly to you genious guys. Well i have two forms in my jsp page.While submiting the 2nd form ,it takes value of one input fields of 1st form and submits. So for this i did like this <html> <head> <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
keydown and .which on Android
We're using the keydown event on a text field and determining which key was pressed using the 'which' property. This works on all tested browsers (desktop chrome, safari, ff, iOS safari) unless on Android. The .which property is 0. Are there any known issues with keydown and Android? The 'keyCode' and 'charCode' properties are also returning 0 on Android. Thanks!
Ajax and events
Hello, So I've been looking around in regards to my problem, and though others seem to have the same issue,I am just not finding a solution. So, I am hoping I can get a direct answer to help me out here. End state: after executing Ajax, all jq events cease to function. Below I have a test file (named test.php), to illustrate: <!DOCTYPE html> <html> <head> <title>Page Title</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css"/>
A complete example that focus on the url address
I have removed everything except what I want to ask about. That is why the cursor focus is at the wrong place and the ugly meny is displayed.. Here is how this works. 1. Click on the button 2. Now A very small JQuery-UI dialog is displayed. 3.Focus the cursor in the text field 4. Press function key F4 which will create another JQuery-UI dialog 5. Now as you can see why is the cursor focus in the URL address.You can also see that in addition a very ugly meny that is connected to the URL address in
How do I format numbers in a table
I have a table with data. I want to add commas to the numbers in the table. How do I do this with jQuery? http://jsfiddle.net/mattellenburg/eH7ge/1/
Div expand/close toggle with extra function?
on the same toggle function.. i have a empty space next to div that i would like to put a background picture or div that is right top corner but when i toggle any of the div's or expand all.... i want the background pic/div to hide... If you have any ideas it will be greatly appreciated... http://jsfiddle.net/4SVXt/23/
How can I accomplish this
I have JQuery-UI dialog and in this dialog I have several element of type=text. I want to accomplish the following. Here is what you get back from db when you want to validate data. When you validate data for example you enter 10 in shipNumner field you get back from db if this ship nr exist and the ship name corresponding to this ship nr 10 for example Eken. 1. When I tab out of a field for example shipNr the field data is validated agains db and if the db report invalid data the focus should be
Jquery Conflict
Greetings, I am using a Joomla template and I am having problems with conflicts with Jquery. When I place a HTML code on my site the slideshow that uses wigitkit goes blank. I copied the error code I received. Can anyone provide any suggestion how I can cure the conflict. I installed the jquery easy plugin but it does not work. Here is the error message Multiple jQuery Libraries found. Please make sure these don't conflict each other. /components/com_community/assets/imgareaselect/scripts/jquery.imgareaselect.js
Fade In Fade Out for Multiple Image controls
Hello, I had 4 Columns (div), each having 2 images. I want animation for Each column will fade in and out randomly! But, Not at the same time. For e.g: First Column Fade another Img; else Column remains as it is; then 2 secs time interval; Second Column Fade another Img; else column remains as it is; then 2 sec time interval; Thrid.. Fourth.. if you are still confused then email me : kaushalprkh@gmail.com. i had tried by many ways but logic a proper logic is not coming in my head.
Get the viewport of a div element
Hi everyone, i have a div element within another div element. The outer div element is smaller than the inner and has overflow set to scroll so i can scroll the 1000px width and height in my outer div. <div style="width: 100px; height: 100px; overflow: scroll;"> <div style="width: 1000px; height: 1000px;">some text</div> </div> How can i read the current viewport of my outer div element? I want to get the height and width of the upper left corner of the inner width when im scrolling with the
Modal dialog with resizing children
Hello all, I want to mimic one of our desktop applications with a web application. I'm using jQuery 1.8.2 and jQuery UI 1.9.0 for this. My problem is with modal dialogs. Almost all my modal dialogs consist of the following: A <div> that contains an items control like <select> and sort of a footer that contains an OK and Cancel button. One requirement is that the OK and Cancel buttons stay at the bottom of the dialog when it gets resized by the user. The <div> with the <select> should always resize
Hide and Toggle function
Hello frnds......... I am trying to collapse and expand links. My format is like this mainlink1 -->sublink1 -->sublink2 mainlink2 -->sublink1 -->sublink2 Initially my sublinks is hidden when i clicking on mainlink it's expand.I am using jquery hide and toggle function. But My problem is when i click on sublink my mainlink is collapsed but i want to expand my mainlink until i click on other mainlinks. Plz anybudy help me............
Ajax to set a variable
Hi i am using the following ajax call to try and set a value of a variable, then display this in a alert. When the alert comes up all it says is [object] [Object]. I have successfully used a different function in the tenHsServer.aspx. This is the first time i have tried to retrieve a value, am I right in thinking I can set a value to a variable like this?? var StatusCheck = $.ajax({ type: 'GET', url: "http://192.168.0.34:81/tenHsServer/tenHsServer.aspx", data: {
Chrome not executing an appended script block
Hi I'm having a problem with Chrome and jQuery where I'm appending a script block to a page and I want the script to execute when it is appended. This works fine in every version of FF and IE I can find, but not in Chrome. Please see the attachment for a simple example. In FF and IE you should get a 'hello world' alert when you click the page, but in Chrome you get nothing. Does anybody know of a way to get Chrome to execute a script when the script is appended to a web page? Thanks Dan
dialog close event
Hey all, Just having trouble with dialog close event. Here is my situation, I load the dialog and everything works fine, there is a form in this dialog which is used to update some data on the database...still working correctly, now, what I'm trying to do is, when the user close the dialog, the main page is loaded again, so it will show the changes he made without refreshing the screen... Here is my function function updateSpec() { var hareaold = $('#hareaold'), otherold = $('#otherold'),
Toggle on and off with collaspable div
i have been trying to program the div to expand and close 1 by 1 or all at one time. I can get the open and close all and open on click but not close on click. Here is the Jfiddle ...Im stuck and need to figure this out...thanks all http://jsfiddle.net/4SVXt/23/ Thanks again
WOW Slider: Why does this thumbnail disappear on the second lap?
Friends, We've been playing with the WOW slider to create a jQuery slideshow. We created this test: http://cleverdesign.com/dev/brynwood/slider/. But look closely, when you get to the second "lap", the first thumb (logo) drops out. Doesn't show. The next image and thumb appears fine, but the first one is nowhere to be seen. Any thoughts on why this would/could happen? Thanks in advance.
Looking for grid example with edit buttons
I'm very new to JQuery and now trying to learn how to create a grid. I need to place a grid within a tab. I need the grid to be able to be editable. there needs to be a button or something that allows the user to edit any cell within the grid. I'm looking for an easy example that I can use to get me started. I'm using ASP.Net MVC3 Also, I'd like to see how I can style the grid to make it stylish and cool looking not just grey.
jquery mobile 1.3 popups navigate back too far on form submission
I have a multi-page JQM site. So, the user logs in on the home page which takes him/her to Page2. On Page 2 the user's data is displayed. If they want to update the data, they click on a button next to the data item which then pulls up a JQM Popup. Simple. After entering the data on the Popup "page" the user clicks on a "submit" key which calls a JavaScript function to update the user's records. Problem is that User is taken all the way back to the login page !! I need them to return to PAGE
Toggle direction bad animation
Hi everybody, in my sites, about few days, i have a problem with jquery toggle with direction left as option. The problem is when effect start, it make a flick becoming a bad effect. This is a simple example code: JS: $(document).ready(function(){ $('input.click').click(function() { $('div.slide').toggle("slide", { direction: "left" }, 150); }); }); HTML: <input type="button" class="click" value="CLICK"> <div class="slide" style="width:200px;margin-top:20px;display:none;background:#000000;color:#ffffff;">
How to I set focus
Here is some explanation: 1. When I click a button in the menu a JQuery-UI dialog named dlgNewVoyage is displayed. The markup for this dlgNewVoyage is listed below. 2. When I press key F4 in any of the fields(prevPortID,portID ornextPortID) in this dlgNewVoyage dialog a new JQuery-UI dialog named dlgSearchOrt is displayed. The markup for this dlgSearchOrt is also listed below. 3 This JQuery-UI dialog named dlgSearchOrt has an input element of type=text with id= ortDescription 4. Now this JQuery-UI
Javascript on Dialog run twice?
I have a JQuery UI Dialog and there is some Javascript on the content of this dialog. I noticed that my debugging calls were being hit twice, so I looked into the call stack of each and found that one of the calls was from the creation of the dialog (with autoOpen: false) and the second was from the opening of the dialog. Is there a good way to prevent this from happening? Some of the code is going to our web server and then to our application server, so two calls is a waste. I've written some code
ajax xml not parsing
I'm sorry if this is repetitive. I am trying to GET and parse an XML document that has been validated by W3C validator. After trying $.parseXML as seen in examples on this site $xml.length returns 0. Examining the data directly shows the text of the doc. This is extremely frustrating. Please help. CODE: function loadContract() { $(function(){ $.ajax({ url:'http://www.ctunet.com/Contract.xml', type:'GET', dataType: 'xml', success:function(data){
$.ajax not working in chrome but is working in firefox and IE
Hello all! Running into an issue that I don't understand. I'm hijacking any clicks on an anchor tag and making an ajax call with it. While this works perfectly fine in Firefox and IE, it errors out in Chrome. This is the portion of the code that is getting an error. $("a").on("click", function(a){ a.preventDefault(); var path = $(this).attr("href"); $.ajax({ url: path, success:function(result){ $(".contentgrid").hide().html(result).fadeIn("fast"); } }) }) In firefox and IE, the request fires off
how to works context menu in tablet
i have created context menu which is working fine in Desktop where as i am trying access context menu in tablet but not able access(dynatree context menu) . Please help me , how to solve the above problem Regards G.Lenin
Getting started, new to JQuery. Need help downloading, referencing, and implementing for Tabs
This is my first attempt at JQuery. I'm interested in using Tabs and I've downloaded and followed some examples but the tabs show up as links rather than tabs. I suspect I don't have the right references. I downloaded jquery-ui-1.9.2.custom.zip and jquery-ui-1.10.1.custom.zip I followed some examples on how to implement a slider but it didn't work, then I copied the example code for the Tab from this site and it displayed the tabs as links rather than tabs. It's evident that I'm doing something
callback not working
Hi, I'm new to jquery and i'm trying to call a method on load and which will perform some task and once task is done i need to display the info. Everything is working fine but callback is not working. <!DOCTYPE html> <html> <head> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"> </script> <script> $(document).ready(function(){ getall(function(){ $("P").append("<br/>call back done"); }); }); function getall() { $("P").append("<br/>page loaded"); } </script>
how to split the custom size columns
Hi, Can any one help me to custom size columns with the jquery mobile. plze check the my UI image
JQM Panel slow load / lag the entire page when open using iPad/iPhone's Safari/ Chrome
I started to use new JQM version 1.3.1 which have its new Panel data role. I just notice that when i view a page with JQM Panel on IPad/IPhone's Safari / Google Chrome , the page controls render slow and when i type on to an input box it takes time to populate. But Panel works perfectly when viewed on desktop browsers and also on Samsung S3. To check this issue,you can test my 2 sample below: Page with JQM Panel (with issue on page load and input) _http://jsfiddle.net/ZPrJm Page without JQM Panel
select a option in jQueryMobile
I select a option works after loading the page in jquery did something asin: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>title</title> <meta name="viewport" content="width=device-width initial-scale=1"/> <link href="lib/jquery_mobile/jquery.mobile-1.3.1.min.css" rel="stylesheet" type="text/css"/> <script src="lib/jquery/jquery-1.9.1.min.js" type="text/javascript"></script> <script>
superfish behind iframe pdf
I'm using superfish menu. works great, but the menu hides behind an iframe with a pdf loaded. This happens on IE and Safari. Thanks for any input given.
Next Page