Search Results

Search found 17281 results on 692 pages for 'jquery sortable'.

Page 194/692 | < Previous Page | 190 191 192 193 194 195 196 197 198 199 200 201  | Next Page >

• jquery input-validation (number characters and decimal places).

  - by Cesar Lopez

  I have several javascript functions to validate the input data in textbox, so it will limit the user to type into the textbox a range of numbers (eg. from 0 to 500) an x amount of decimals (eg. 1 or 2 or 3 ....). I am having some issues with the javascript functions because they are three separate functions and the alerts get a bit mixed up. I was wondering if there is a jquery function that will make it neat, effective and simple. Thanks.

  Read the article

• jQuery: how to produce a ProgressBar from given markup

  - by Richard Knop

  So I'm using the ProgressBar JQuery plugin (http://t.wits.sg/misc/jQueryProgressBar/demo.php) to create some static progress bars. What I want to achieve is to from this markup: <span class="progress-bar">10 / 100</span> produce a progress bar with maximum value of 100 and current value of 10. I am using html() method to get the contents of the span and then split() to get the two numbers: $(document).ready(function() { $(".progress-bar").progressBar($(this).html().split(' / ')[0], { max: $(this).html().split(' / ')[1], textFormat: 'fraction' }); }); That doesn't work, any suggestions? I'm pretty sure the problem is with $(this).html().split(' / ')[0] and $(this).html().split(' / ')[1], is that a correct syntax?

  Read the article

• JavaScript autocomplete upon typing

  - by James

  Right guys, all autocomplete plugins and functions that I've found, they only update upon keyup/down, etc. This is fine but the search only begins occurring once the user has stopped typing and if they are typing a phrase or word, the script is unable to instantly start suggesting, etc. I know this'll be a very simple fix or suggestion for some of you guys, so any help would be greatly appreciated as to how I can convert it to be instantly as a key is pressed. Thanks!

  Read the article

• How to disable Events for a while in Javascript or jQuery

  - by Tarik

  Hello, I am wondering if you guys know different approach to disable an event for a while. Let me elaborate this more : Lets say I have a div or button which has a subscriber to its onclick event. To prevent the double click when the the methods are doing some ajax things, these are the some of the ways we can do : Disable the button till the method finishes its job Unbind till the methods finishes its job and then bind it again. Use some kind of flagging system like boolean so it will prevent method from working more than once. So is there any other ways, maybe some javascript tricks or jQuery tricks which is more efficient and better practice. Thanks in advance.

  Read the article

• Jquery Asp.Net GridView Data Binding

  - by oraclee

  Hi all; <form id="form1" runat="server"> <div> <asp:Button ID="Button1" runat="server" Text="Button" /> <asp:GridView ID="GridView1" runat="server"> </asp:GridView> </div> </form> How to call Method Jquery ? public void GetGrid() { DataProviderDataContext db = new DataProviderDataContext(); GridView1.DataSource = db.Employees.ToList(); GridView1.DataBind(); } I do not know English pls help

  Read the article

• Using JQuery getJSON method

  - by nav

  Hi, I am attempting to pase a a JSON data using the JQuery getJSON function. The REST query is: http://query.yahooapis.com/v1/public/yql?q=select%20woeid%20from%20geo.places%20where%20text%20%3D%20%22london%22&format=json&jsoncallback=? The script I'm using to parse 'data' to obtain the WOEID value doesnt seem to work below: $.getJSON("http://query.yahooapis.com/v1/public/yql?"+ "q=select%20woeid%20from%20geo.places%20where%20text%20%3D%20%22"+ "london"+ "%22&format=json&jsoncallback=?", function(data){ console.log("json: " + data); var datatmp = data; if(data.results[0]){ var data = filterData(data.results.place[0]); } } ); Can anyone say what I'm doing wrong? link text

  Read the article

• Reuse cached selector inside a child selector

  - by macca1

  var $container = $('div#myContainer'); var $panels = $('div#myContainer > div'); Is it possible to reuse the selector I've already cached in $container within the next child selector?

  Read the article

• Jquery ajax success function returns null?

  - by udaya

  I use the following the jquery statements to call my php controller function, it gets called but my result is not returned to my success function.... function getRecordspage() { $.ajax({ type: "POST", url:"http://localhost/codeigniter_cup_myth/index.php/adminController/mainAccount", data: "{}", contentType: "application/json; charset=utf-8", global:false, async: true, dataType: "json", success: function(result) { alert(result); } }); } My controller method, function mainAccount() { $_SESSION['menu'] = 'finance'; $data['account'] = $this->adminmodel->getaccountDetails(); if(empty($data['account'])) { $data['comment'] = 'No record found !'; } $json = json_encode($data); return $json; } I get the alert(1); in my success function but my alert(result); show null... Any suggestion...

  Read the article

• Html generate data and print from another page

  - by Hulk

  In the below code, in a.html there is this code as, <div id="tableview"></div>//Data loaded dynamically <input type="button" id="printbtn" onclick="print()"/> <script> function print() { var data=$('#tableview').html(); dataobj.print(); } In b.html I need to print a.html without opening it ,But without opening it how will the data in the div get generated and how to print only this data from b.html Thanks..

  Read the article

• Drop custom jQuery UI draggable in FullCalendar plugin?

  - by ropstah

  I need to be able to drop custom jQuery UI draggable objects on the FullCalendar plugin. How can this be done? $(document).ready(function() { $('.plannable_items li').draggable(); $('#fullcalendar').fullCalendar({ //onDrop : function(dropObject, dragObject) { } //This would be the solution ofcourse, however this doens't exist... }); }); <div id="fullcalendar"></div> <ul class="plannable_items"> <li>Item</li> <li>Item</li> <li>Item</li> </ul> Any help would be greatly appreciated!

  Read the article

• calling Valums Ajax uploader from other DOM element

  - by Marc

  I'm facing a problem with the valums Ajax File upload. Since the plugin is working perfectly after a few modifications on the server side, I cannot implement a specific behavior. My DOM is composed with an input file plus the container to instantiate the fileuploader buttons. What I want is to be able to fire the fileuploader plugins when clicking on the input:file[name="upload-file"]. ... <div id="upload-accepted"> <fieldset> <label for="upload-file">Select a file:</label> <input type="file" name="upload-file" id="upload-file"/> <noscript> <p>Please enable JavaScript to use file uploader.</p> </noscript> </fieldset> <div id="upload-container"> </div> </div> ... <script type="text/javascript"> $(function() { var uploader = new qq.FileUploader({ action: '/file-upload', element: document.getElementById('upload-container'), onSubmit: function(id, filename){...}, onComplete: function(id, fileName, responseJSON){...} }); }); </script> I have tried to add the following on the script but it don't works $("#upload-file").live('change', function(event) { event.preventDefault(); $('.qq-upload-button').trigger('click'); return false; }); Any clues? Thanks in advance!

  Read the article

• jquery ui autocomplete database

  - by user343925

  Hello, I'd like to use jQuery UI autocomplete in order to load a list from my database but I don't know wich method I should use to do so. I tried to use the "Remote datasource" method [url]http://jqueryui.com/demos/autocomplete/#remote[/url], but it obviously doesn't work. I have the following code : js: $(function() { $("#client").autocomplete({ source: "nom.php", minLength: 2, select: function(event, ui) { alert(ui); } }); }); html : <label for="client">Client</label> <input name="client" id="client" class="ui-autocomplete ui-widget-content ui-corner-all" /> php: $query = "SELECT nom from personne"; $result = mysql_query($query, $db); while($row = mysql_fetch_assoc($result)) { foreach($row as $val) $tab[] = $val; } print json_encode($tab); It does work with ["hello","test1","test2"] instead of the url but I need to load datas form database so pls tell me how I should do. thank you

  Read the article

• Use of "setTimeout()" in my jQuery Expression

  - by Aaron Salazar

  I'm trying to add the JavaScript function setTimeout() to my jQuery expression. Without the setTimeout() my function loads a partial view with updated information when I enter text into my textbox. But, it loads the information with every keystroke. My logic is that if I can put in a timer then when the user stops typing, a second later the data is updated. As you can see I tried to put a setTimer() in but it doesn't seem to be working. $(function() { $('#DocId').live('keyup', function() { setTimeout(var styleValue = $(this).val(); $('#tableContent').load( '/CurReport/TableResults', { style: $(this).val()}), 1000); }), }); Thank you, Aaron

  Read the article

• jQuery form wizard - named anchor links

  - by Jackson

  Hi Team, Using: http://home.aland.net/sundman/ to split a complex form in to 4 steps. As well as as the 'next, back and submit' form buttons, I have created a menu above the form: step 1, step 2, step 3, step 4 linking to the hash tags #: #, #1, #2, #3 so the visitor can decide which step they want to view / edit. This works fine in firefox, but in IE and Chrome it does not seem to work. Anyone have experience with hte jQuery history plugin that can tell me the best way to accomplish this? I would like to link to the form but it is in a password protected area and subject to our NDA. If need be I could try and replicate the issue with a form on our server and link here. Thanks, Jack

  Read the article

• Adding a drop down menu with jquery

  - by Pete Herbert Penito

  Hi everyone! Here's the situation I have a webpage which has one drop down called prefer. I wanted the user to be able to choose one option and then have a link next to it called "Add" which generates another textbox with the same options, i was going to use jquery to show an additional drop down. But if possible I wanted to put the select box in an array and then loop through this process infinitely. so I could call select name="prefer[]" and somehow put in a variable which increases. Afterwards, I could use php to cycle through the array and utilize each one. Could I do this with Javascript somehow?

  Read the article

• Animate Jquery addClass on hover

  - by JamesOps

  I'm new to Jquery so unsure how i would go about editing the code below to create a fade in when the class element is hovered over. <script type="text/javascript"> <!--//--><![CDATA[//><!-- $(function() { $('div.work-item').hover(function() { }).hover(function() { $(this).addClass("hover"); }, function(){ $(this).removeClass("hover"); }); }); //--><!]]> Any pointers would be greatly appreciated. Thanks!

  Read the article

• How can I pass a html table row into DataTable.net fnAddData

  - by chobo2

  Hi I am using the DataTable.net plugin and I am wondering how can I add dynamically a row to a existing table? http://datatables.net/examples/api/add_row.html I am looking at this example and they have it like this /* Global variable for the DataTables object */ var oTable; /* Global var for counter */ var giCount = 2; $(document).ready(function() { oTable = $('#example').dataTable(); } ); function fnClickAddRow() { oTable.fnAddData( [ giCount+".1", giCount+".2", giCount+".3", giCount+".4" ] ); giCount++; } but I am wondering what happens if I want I have a table row already rendered? Say this is my table. <table border="1"> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </tr> </table> Now I have this var newRow = '<tr><td>row 3, cell 1</td><td>row 3, cell 2</td></tr>'; How can I add it through addRow? I tried oTable.fnAddData(newRow); but that seems not to work. So I am not sure how to do this.

  Read the article

• Change the get parameters in the address bar in jquery

  - by hao

  when you search on yelp, by adding additional search parameters the page does not reload. I think the results are changed based on ajax, however when you click on one of the restaruants and go back to the previous page. All of the parameters are still there. I noticed the address bars change as the parameters change. I found http://www.asual.com/jquery/address/ but it seems to add # at the end of the url. Is there a way to make it simply like index.php?xyz=1 without refreshing the page

  Read the article

• JQuery, ASCX and webmethods not seems to be working

  - by Karthik K

  Hi all, I have a cascading dropdown (3 of them) Type, Categories and Sub Categories. Type loads first and upon selection of Type, Category load and selection of Category, Sub Category loads. Also i have 2 buttons, "Add Category" and "Add Sub Category" Upon clicking on these buttons, i call a JQuery Modal Form to add them. I use Webmethod in code behind to add them to database This works perfectly in ASPX page. Since I need use this in 3-4 pages, i thought of making the above as User control (ASCX). When i try to use this in a webpage, the webmethods in ASCX don't get called. Is my approach correct? what should be done for my scenario lOoking forward for your suggestions. Thanks in advance Karthik

  Read the article

• M a java developer struggling with jQuery :(

  - by Mustafa

  Guys i am very new to jQuery.I have started using the auto complete feature.What i want is while i click on an item provided by the auto complete the page should submit to another page.I am using : $().ready(function() { $("#name").autocomplete("contacts.jsp"); $("#name").result(function(event, data, formatted) { if (data) $(this).parent().next().find("input").val(data[1]); }); $("#name").setOptions({ mustMatch : false, max: 8, onClick:selectItem, autoFill: false }); }); And this gives me good data like :Aditi XaveirAsif Garhietc for 'A'Now what i want is on clicking Aditi Xaveir, the page should submit to AditiXaveir's profile page.How do i do that?

  Read the article

• I'm a java developer struggling with jQuery

  - by Mustafa

  Guys i am very new to jQuery.I have started using the auto complete feature.What i want is while i click on an item provided by the auto complete the page should submit to another page.I am using : $().ready(function() { $("#name").autocomplete("contacts.jsp"); $("#name").result(function(event, data, formatted) { if (data) $(this).parent().next().find("input").val(data[1]); }); $("#name").setOptions({ mustMatch : false, max: 8, onClick:selectItem, autoFill: false }); }); And this gives me good data like :Aditi XaveirAsif Garhietc for 'A'Now what i want is on clicking Aditi Xaveir, the page should submit to AditiXaveir's profile page.How do i do that?

  Read the article

• jquery loop to create elements

  - by Andy Simpson

  Dear all, I have had no luck with this task so far so grateful for any help. I have an html form, in which there is a small select menu (1-10) ie <select> <option value = '1'>1</option> <option value = '2'>2</option> ... <option value = '10'>10</option> </select> depending on what value is selected i would like jquery to create (or remove) that number of input text boxes (with different names and id's). eg if 2 was selected these inputs would be created: <input type = 'text' name = 'name1' id = 'id1' /> <input type = 'text' name = 'name2' id = 'id2' /> i look forward to your no doubt simple and elegant solutions! andy

  Read the article

• Jquery tabs and IE8

  - by Stephen

  hi, i am using jquery to create the following using this code $(document).ready(function() { $("#content").tabs({ fx: { opacity: 'toggle' } }); }); $(document).ready(function() { $("#documents").tabs({ fx: { opacity: 'toggle' } }); }); Here it is in firefox working like in every other browser like this: https://www.completelettingsolutions.co.uk/working.JPG but in IE 8 ... it does this but in 7 its fine. (remove the 1 at the start of the link) 1https://www.completelettingsolutions.co.uk/notWorking.JPG I think it is somethin to do with the script opacity but i cant get it to work. does any one have any idea. Cheers

  Read the article

• Link to open jQuery Accordion

  - by pioneer

  I'm trying to open an accordion div from an external link. I see the "navigation: true" option but I'm not sure how to implement it. Do you give each div an id and call the link like this? http://domain.com/link#anchorid I'm new to jQuery so bear with me. Here is the code I'm using if it helps. <script type="text/javascript"> $(function(){ $("#accordion").accordion({ header: "h2", autoHeight: false, animated: false, navigation: true }); }); </script> <div id="accordion"> <div> <h2><a href="#">Services</a></h2> <div class="services"> <p>More information about all of these services</p> </div> </div>

  Read the article

• Retrieve object from jquery in php script

  - by majc

  I'm trying to rebuild an object encoded with Json but i'm not getting any value. JQuery: $.post("views/insert_tasks.php",{ clickedRows : clickrows , <?php echo "tasks:'" . json_encode($tasks) . "'"; ?> }, function(data) { }); this is the PHPcode to retrieve the object: $tasks = json_decode(stripslashes($_POST['tasks']), true); $tasks is empty after execute the code above. This is what I'm getting with the $_POST['tasks']: [{"task_id":"1","description":"<p>Fazer heroi</p>","createdat":"Saturday 22nd of May 2010 11:37:37 PM","createdby":"Miguel Cardoso","max_requests":"2","max_duration":"5","job_id":"Concept Artist"},{"task_id":"2","description":"<p>teste2</p>","createdat":"Sunday 23rd of May 2010 11:23:55 AM","createdby":"Miguel Cardoso","max_requests":"2","max_duration":"5","job_id":"3D Modeller"},{"task_id":"3","description":"<p>teste3</p>","createdat":"Sunday 23rd of May 2010 11:45:39 AM","createdby":"Miguel Cardoso","max_requests":"1","max_duration":"10","job_id":"Writer"}] What I'm doing wrong?

  Read the article

< Previous Page | 190 191 192 193 194 195 196 197 198 199 200 201  | Next Page >