jquery slider
hello, how can i create a slider that on a range it changes colors? i need this so i can represent the BMI result. Segment it in color for each range of numbers for example 0-18 yellow 19-25 green 25-30 red above 30 dark red thanks in advance.
jquery autocomplete not working with razor page
I am new to asp.net and razor. I am trying to get the field called product to have autocomplete with results from the database. I have created autocomplete.cs model and the ticket controller was already in project so i just added the action. Then the new.cshtml I had added the code. I am lost on what is wrong. Any help is appreciated. The issue is when i go to new.cshtml page and jquery auto compete does not work on textbox. Other jquery which i am using to hide other fields does work. I added this
I want to execute server side code on click of different tabs in asp .net
Hi, I want to bind the data to the drop down list on click of tab. The drop down list is placed inside the tab. It's urgent please help me to solve this issue. I am a beginer to JQuery.
prepending STRING;# when using jsapi and SharePoint Calculated Column
I am using the jsapi plug-in with SharePoint 2010. I have created a calculated column which uses this formula: =CONCATENATE(clientid," ",Title) When output to the screen I see a pre-pended text "STRING;#" to each object in my data grid. The actual desired output should be like "00014 Fake Text One". See attached image for example of error.
Is this the proper way to completely clear the dom cache ? $.mobile.pageContainer = null;
Is this the proper way to completely clear the dom cache ? $.mobile.pageContainer = null; Does any one else have issues with elements being rendered improperly after 13 or 14 page loads ? After about 13 to 14 page loads the fixed footer and other elements start tanking in various browsers including desktop firefox 16.0.2. There is only 6 different pages so it should not take up more space but it does. So I created this function to clear the dom after 10 loads, function updatecounter(event){ if
Problem with links in Internet Explorer 7
I'm using "couponpress script" but the link that copies the coupon and opens the URL does not work in IE7. What can I change to make it work? ZClip: http://www.steamdev.com/zclip/ Example: http://couponpress.premiumpresslimited.com/8-off-and-12-cashback-2/ Code Example: <strong class="" id="coupon_code_feat_45200">10AFF30PFTS</strong> <script language="javascript" type="text/javascript"> jQuery(document).ready(function(){ jQuery('#coupon_code_feat_45200').zclip({path:'/ZeroClipboard.swf', copy:jQuery('#coupon_code_feat_45200').text(),
reload Iframe of accordion jquery
Hi everybody i am new in this web site i don't know very well how work this forum. and i am not many knowledge with jQuerys. I use one accordion Jquery in my web site and i use iframes into each div of the accordion. But i have a problem with the Firefox browser. I would like to know how i can reload a iframe when i click to open the tab in the accordion. i put here the code that I tried to use but don't work. pleaseee i need help -------------------------------- code --------------------------------------------
JQM 1.2 Popup scrolls to top of page when closed - on iPad/iPhone
I'm trying to use the new Popup feature in JQM 1.2. On iPhone/iPad (not desktop and didn't try other mobile devices), if the popup link is down the page so the screen has scrolled, then closing the popup causes the screen to scroll back to the top. Below is the code I used for testing. It has a "page1" which is a one-item menu and a "page2" which has a bunch of text with a popup link near the bottom. Again, this works fine on a desktop, but the page scrolls to the top on closing the popup when tried
Strange maxDate in datePicker
Hi, For some reason I keep getting an Invalid Date reported for the datePicker I use. Been staring at it for days now and I simply don't see it. I have the following rather simple code in my application: $(document).ready(function(){ $.get('getmaxdate', function(data){ var maxDate = new Date(Date.parse(data)); $( "#blogDate" ).datepicker({ dateFormat: "dd-mm-yy", constrainInput: true, showAnim: "fade", maxDate: maxDate}); }); }); As you can see in the screenshot of Firebug below the data coming
drag and drop works only once with jquery
I am working on drag and drop in salesforce using jquery.It works only once when i drag and drop, if i try next time it doesn't drag . this is the code , i have worked $(document).ready(function() { $(".ui-widget-content").draggable({ revert:'invalid' }); $(".tabHoldClass").droppable({ drop:function(event,ui){ updateTask(ui.draggable.attr("id") ,$(this).attr("id")); } } ); In sales
How do I extract a sub-array from a multi-dimensional array
Hello Everyone: My goal here is to extract a sub-array from a multi-dimensional array. As users select and unselect a checkbox the array needs to be added to or subtracted from. Details follow: catch_array = jQuery.parseJSON($(this).val()); catch_array variable picks up value of the checkbox. The value is an array of fields in the table row, (firstName, lastName, email, userID, etc...) Next If routine should add to the data_row array or subtract from depending on whether a user selects (or unselects)
Jquery Form Builder?
Hi, can anybody tell me about any form builder in jquery like http://www.jotform.me/.. waiting for your reply. thanks in advance
two toggle switches in one line
<div data-role="fieldcontain"> <fieldset data-role="controlgroup"> <label for="toggleswitch1"> </label> <select name="toggleswitch1" id="toggleswitch1" data-theme="" data-role="slider" data-mini="true"> <option value="off"> one </option> <option value="on"> two </option> </select>
How to check if object is initialized?
Hey guys, I don't know if this is the correct forum to post this, however, I am using jqGrid and jqTree and the layout plugins. In all cases I have no idea how to determine if the plugins have been initialized. eg, Given the variable grid var grid = $('#tblJqGridLast10'); how can I tell if it's options are set so I don't keep resetting them? grid.jqGrid({ <options> }); I want to do something like the following if (grid.jqGrid) { grid.trigger('reloadGrid'); return; } I tried a to check to see if grid.jqGrid
download
When I try to download jQuery by clicking on the "Download" button, I get is a page filled with script, but no download. Am I doing something wrong?
Jquery Tab not executing the asp .net controls
Hi, I have created a aspx page , i have designed that page, In that page i have two drop down list controls , they are like state and district. If i select state then automatically the district drop down list must fill with the corresponding states. I have written the code for that and it is executing successfully. But when i integrate that page with Jquery tab. the drop down lists are not working. please help me to solve this problem.
Tabs isn't working as expect with SEF url
Code example: $('#invite-tabs').tabs(); $('#invite').click(function(){ $('#invite-dialog').dialog('open'); }); $('#invite-dialog').dialog({ autoOpen: false, modal: true, height: 400, width: 600 }); and html-code from example with static content. When tabs is load and activate the tab the dialog is shown and load an index page. If I comment out $('#invite-tabs').tabs(); when content in dialog is shown w/o index page. I mean what when page url is http://localhost/conference/index.php?option=com_conference&view=conference&id=1&Itemid=106in
Why ~.bind("click", event) event occurs automatically?
function pop_record_window() { $('#start_and_stop_rec').bind("click", function() { record_voice(); } ) As I call the function: pop_record_window(). The record _voice() automatically runs... What happened? I don't click the button: "start_and_stop_rec". The feature of bind?
Custom style not applying to THEAD tag in IE
I am using DataTables 1.8.2 with jQuery 1.8.3. I have added a CSS class to THEAD tage for formatting the table associated with the DataTables plugin. $('thead').addClass("cssClassName"); I can see the applied style in Firefox(16.0.2) but not in IE8. Is there any alternate way to apply the style in both the browsers. Thanks for any help!
unable to use Jquery Accordion in wordpress
HI i am new to jquery and wordpress . there is a requirement to show data using collapsable accordion. is it poosible to use this accrdioni n wordpress?. If it is then please guide me how can I do this . regards rbjaved
jQuery / jQueryuUI/ JS Defer testing
Updated from 1.8.1 to 1.9.2, tabs seem to be broken. Also updated jQuery from 1.8.2 to 1.8.3 Then deferred all of them by using the defer async properties. This is what I'm seeing on my test environment: Basically Product Information, Customer Reviews, and Image Gallery are all supposed to be tabs, and works fine at: http://www.amleo.com/knife-soil-leonards-own-stainless-steel/p/4750/ But on my test site, where I'm deferring my JS, and have updated both jQuery & jQueryUI, the tabs are not being constructed
drag and drop with iscroll on desktop
Hi, I am using iscroll and wants drag and drop features in my application. This works fine for Ipad and android devices but not working on windows desktop. can any one help?
does the following plugins play well with a jQuery UI theme?
I am planning to use following as of now: but I am not sure there will be issues of compatibility, when i start to use jQuery UI theme, (and also in future when HTML5 becomes more mainstream...), in near future, on my website.... 'jQuery form plugin': http://jquery.malsup.com/form/ 'jQuery plugin: Validation' : http://bassistance.de/jquery-plugins/jquery-plugin-validation/ 'jQuery CKEditor Plugin: http://www.fyneworks.com/jquery/ckeditor/#tab-Support I do not want to keep learning about various plugins
external javascript overwrites while I try to insert it into DOM
I am able to execute external JS file (which is used to render chemical molecules) inside jQuery. However, when the external JS file is loaded, it overwrites everything from my initial file. How am i supposed to insert the external JS file into the appropriate DOM (in this case, the last available class with className "render") without overwriting the existing HTML file? I use an URL to get data in JSON format and parse it using .each() function as mentioned below. $(document).ready(function(){ $.get("someURL",
JQuery mobile app. It all boils down to the the click event firing twice in Android
Hi, I have a problem with a simple JQuery mobile app. It all boils down to the the click event firing twice. This issue only in Anroid , the same code is working in iPhone.It is working even Anroid emulator. When I click on the button 'one' or 'two' it will load twice the same page, because of that it seems to be flickered. Let me know any updates. Thank you Sreekumar Here's the code <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
ckeditor plugin vs tinymce editor plugin
Hello, please advice which one is better, more stable, more easy (documented) to use - based on your experience. And if you which editor is being used on this jquery forum page? thank you. Rajeev
how does 'jQuery form plugin' + 'jQuery plugin: Validation' and 'jQuery CKEditor Plugin' "assist" each other?
Hello, 'jQuery form plugin': http://jquery.malsup.com/form/ 'jQuery plugin: Validation' : http://bassistance.de/jquery-plugins/jquery-plugin-validation/ 'jQuery CKEditor Plugin: http://www.fyneworks.com/jquery/ckeditor/#tab-Support among these 3, the most confusing part to me is: both -form plugin, and validation - do form validation and both upload files. then why do I need the 'form plugin'? since they overlap so much, do they work properly with each other? I guess I am also not sure about what
How can I access tables row cells using jQuery
A table like the following haw would I access the cells of a row? <table id='mytable' > <tr> <td><input id='chkbx0' type='checkbox' checked /></td> <td>Boston</td> <td><input id='ch0' type='text' value=23 checked /></td> <td><input id='chkbx0' type='checkbox' checked /></td> <td>Charlestown</td> <td><input id='ch1' type='text' value=33 checked /></td> <td><input id='chkbx0' type='checkbox' checked /></td> <td>New York</td> <td><input id='ch2' type='text' value=3 checked /></td>
replacement ways for selecting items
I have two sets of options to select. Game -------- Game1 Game2 Game3 Game3 Difficulty ------------ Easy Medium Hard Initially I used radio buttons to select an item for each set. But keeping radio buttons are spoiling the images that are kept. Are there any other possible ways or plugins developed that allows user to select an item by single click. I don't want to use radio buttons, checkboxes, dropdown. Is this possible or I will have to use any one of mentioned controls......
Tabs in ajax not showing second time
I use an ajax function to get some data out of my database, i load the data in a new view which will be loaded in a <div> in my current page. in the view i load i use jquery ui Tabs to display the data. When i call the ajax function a second time the tabs dissapear and i just get the links and the <div>'s without a layout, can someone explain me how to solve this?
jQuery .ajax problem
Oh boy is this a doozy. I have a <div> on a page that needs to have it's text updated as a result of a ajax all to the server. $('#reportDiv').text(ReturnUnidentfiedItems()); ReturnUnidentifiedItems() makes an ajax call back to the server to get a formatted (html) list of Items. There are 2 problems with this code. Here is the code. Note the comments I have added after the alert() calls. function ReturnUnidentfiedItems() { var x = ''; $.ajax({ url: '/Search/ReturnUnidentfiedItems/',
using 2 jquery on the same side
as the title tells, I want two oilka jquery on the same page, how can I do it? Have a news ticker and the other slides. both of them, I have uploaded from the web these are the codes I hope to get help because I stuck to my side just for this problem. <! - Javascripts -> src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js" <script type="text/javascript"> </ script> <script src="js/functions.js"> </ script> <script src="js/jquery.carouFredSel-4.4.3-packed.js"> </ script> <script src="js/twitter.js">
Can someone explain this behavior with the border line? easytabs plugin
I've been trying to manipulate the jquery easytabs plugin, and ran into something that stumps me (not too hard, I'm not a CSS expert and I suspect it is a CSS related issue, but maybe not). Here are two simple pages. http://www.squeezypork.com/demo1.html http://www.squeezypork.com/demo2.html In Demo 1, the tab outline works in the way I want it to work - it vanishes under the text and follow the tab around. In Demo2, the tab outline doesn't work right, and appears under the tabs. Any idea what is
How can get a variable value when I leave my page
Dear All, I am loosing my time looking to get a value when I leave a page. On my home page I have a code which record my position in a data called tracking_data $('#home').live('pagebeforeshow', function(e){ $('#mapHome').css('height', Resize.content()-35 +'px'); // Start tracking the User var track_id = "me"; watch_id = navigator.geolocation.watchPosition( // Success function(position){ tracking_data.push(position); //alert(tracking_data[0].coords.latitude);
jQuery PHP
Coding up an example in Jquery 1.3 with PHP Chapter 4 forms and Form Validation At first the book has you use the jquery.validate.min.js plugin with rules in the document section, which works fine. Then he has you move the rules to a php array, so I wrote the code, no problem, then he has you replace the client-side with 'rules' : <?php echo json_encode($form_rules); ?> this simply does not work IE flags it as an error and Firefox does nothing. a test shows it returns ("name":{required":true),"email":{required:true}}
Reloading a div
Hi, I am using a Ajax to call a PHP script in order to authenticate users on my website. Depending on the response returned I am displaying one of two divs (success or failure). If the login is successful I want to display the name of the authenticated user within the welcome message on the relevant div. My thoughts were to set a PHP SESSION variable in my login.php script and then reload the success div before I display it. Here is my code: $.ajax({ type: "POST",
onclick the button "M" makes the "M" divider to move at the top
Hi ! I have a page that has a listview of 125 names ; that listview has 26 "divider", one for each alphabet letters A to Z ; each divider has an "id" : "A", "B", "C", etc. The page's fixed header has 26 buttons, one for each alphabet letters. When the page is loaded, the divider "A" is at the top of the screen. I would like the listview to move in order that a divider, say "M" divider, move at the top of the page when I click on the button "M".. ...and so on for each button-divider. I would appreciate
All ID except hovered
Well, am 2 days into this. Delphi background, syntax for this is seeming fairly new for me. The goal is to change opacity of all but the image being hovered. So far, I can change opacity for the hovered item but I want to reverse this. A common thing but all the examples don't seem to work for ID's, at least not the way I have done it. Tried a dozen different ways to use :not, no luck. Perhaps someone can make the syntax plain for me? The reason I am capturing the ID to a variable is that eventually
Need help with some code
Hi, I am trying to make this script rotate the links along with the images but i can't seem to get it to work :( http://jsfiddle.net/chrisackford/NDh7d/2/ e.g. i want the "a" to be shown then the image fades out and is replaced with the next "a" and the the first child is appended to the end of the .slide-front div I have got the script back to a functional state Anyone got any ideas? Many Thanks chrisackford
Autocomplete only value in array
hi all how can i prevent users to type other things in inputfield then value in array. For example <html lang="en"> <head> <meta charset="utf-8" /> <title>jQuery UI Autocomplete - Default functionality</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" /> <script src="http://code.jquery.com/jquery-1.8.3.js"></script> <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script> <link rel="stylesheet" href="/resources/demos/style.css"
Next Page