Using Ajax To POST Something
hi , this is my first time to asking a question in this website . i have an ajax post method Like the below code $.ajax({type:"POST",url:"functions.php",data:{"Showdata":"showdatatouser"},success:function(data){ $('#datagridview').html(data); }}); as you can see im just posting somthing to functions.php into the functions.php we have couple lines of code , that's return for me a Table content with couple Links in the top of that Table . after that i just defined an event for that links at the top
Basic Autocomplete (1.10.2) fails with IE7 and IE8 test VM's
hi, I'm using some VM's from MS (running virtual box host) to test IE7 and IE8 with jQuery Autocomplete. In both versions I get the same javascript error: 'label' is not null or not an object. Line 7143 of jquery-ui.js. Code below. Would really appreciate it if anyone can shed some light into this. Thanks! Tskeej <head> <script type="text/javascript" src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css"
Could someone please step me through how to make it work please :: Lightbox 2
I don't know how to code. I do know css/html. I do want a photo viewer and LB2 is perfect for me bit I don't know how to make it work and I have tried very hard. <http://lokeshdhakar.com/projects/lightbox2/> I've followed the steps by placing the code in a html blank page. However, I'm missing something and it might be this part: lightbox.js will add listeners to elements with attribute rel="lightbox" and once you click it it shows images in popup, from link's href attribute. I Do not understand
How to embed youtube channel in jquery mobile page?
Hi all, I'm trying to insert or embed a youtube channel in my web app created using jquery mobile 1.3.1. But I haven't found any script suitable for JQM. I only find Jquery scripts that partially work with my web app. All I would like to do is to show my youtube channel and play a movie without leaving the web app. Something that will play the movie in a sort of lightbox would be enough. But all script I've tested have hardcoded links to youtube channel, not allowing me to add the class required
jQuery Gmap plugin [Error: has no method 'gmap' ]
Hello I added the jQuery google map plugin but i got this error : Uncaught TypeError: Object [object Object] has no method 'gmap' My html : <!DOCTYPE HTML> <html> <head> <script>window.$ = window.jQuery = WLJQ;</script> <title>test_geo</title> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script> <script src="js/jquery.js"></script> <script src="js/jquery.ui.map.js"></script> <script type="text/javascript"> $(document).ready(function() { $('#map').gmap().bind('init',
jQuery Validate plugin with metadata broken after upgrade to jQuery 2.0.0
I successfully used jQuery Validate plugin with metadata (this one at http://bassistance.de/jquery-plugins/jquery-plugin-validation/ ). versions: - validate 1.9 - metadata * Revision: $Id: jquery.metadata.js 4187 2007-12-16 17:15:27Z joern.zaefferer - jquery 1.7.2 I now upgraded jQuery to 2.0.0, validate to 1.11.1, can't find metadata anymore (404 here: https://github.com/jquery/jquery-metadata ) Part of my form: <input id="email_big" name="email" type="text" class="span4 {validate:{required:true,
Accordian Icon on the right to delete the accordian.
Hi all, I have a site that allow the user to select a date and add these selections in the form of an accordian so that they can see the etc info. All works great all I need now is to add an icon to the <h3> that will be on the right and when this is clicked the accodian entry (<h3> and <div>) are deleted. Any help would be great. Cliff.
Binding events in a plugin
I'm trying to write a jQuery Websocket wrapper. I realise there are a couple out there, but I am using this as a means to learn how to write jQuery plugins. I have nothing websocketty written yet, I'm having a more fundamental issue. My code, thus far, is as follows (function($){ var methods = { init:function(options) { console.log("Innited "); return this.each(function() { } ); },
Datepicker onSelect not firing by setDate
Hi, Quick demo - http://jsfiddle.net/ZgcVK/ - the onSelect function works great but doesn't seem to be fired by setDate. Ideally, when the page loads, populate the "results" DIV as if the user selected a date from datepicker popup. Wondering if this is still a "bug" - http://bugs.jqueryui.com/ticket/6264 - has this been fixed in 1.9.1 or has the temporary fix been rolled back due to side effects? I am using jQuery 1.9.1 with jQueryUI 1.10.1 Many thanks
MultiLanguage
I have this Popup to change the Language of my apps. Do you have any codes guys how to change the language of the whole apps? without using the plugins?
Top to bottom
Hi am new, am trying to learn jquery in advance. Having issue to implement top to bottom. When i open the webpage, everything works properly, just the image which should be appeared in middle or bottom of the page, currently is shown only in the upside. Below is the code: <style> #main { float:left; width:500px; background:#c9c; } #sidebar { position: fixed; right:0px; bottom:15px; display:none;/*hid the button first*/ } #sidebar a { text-decoration:none; border:0 none; display:block; width:31px;
Loop through table with specific conditions (turning data into an xml string)
Hey all, I currently have a form with data being displayed via a web service call with JQuery's $.ajax() function which dynamically feeds the values into input fields into the form and creates table data too. I would like to retrieve the data from this form and put it into an XML string to send back to the web service. Currently my code to retrieve the data from the input fields look's like this: var cb = document.getElementById('paymentList'); var selected_cb = cb.options[cb.selectedIndex].text;
Datepicker automatic calendar display
Hello, It is possible to display datepicker's calendar automaticly when pressing tab on previous text field? I mean, when I'm positioned over a text field, if I press tab to jump to datepicker's text field, I want it to instantly display my calendar, it's also configured to display the calendar button. This is my config.: $( "#datePicker" ).datepicker({ showOn: "button", buttonImage: "date.gif", buttonImageOnly: true, dateFormat: 'ddMy', numberOfMonths: 2, minDate: "0D" }); Thanks.
Jar filling up...
I need a javascript functionality where when a jar fills as the user adds items to it. An example will be like a user is budgeting for the month and each time she adds say £100 , the jar fills up. Is there anything out there I can use. Long shot .. Thanks a great deal
Open Dialog From Within Accordion
I want to open a dialog from within an accordion The data for the accordion comes from mySQL database But whenever I try it the dialog (which also will pull in external data) seems to mess up the accordion layout. I use a for loop in php to cycle thru the company IDs and set up accordion section for each (bkos of sensitive information I cannot post here but the loop and data import parts are working good) this is totally a layout problem that I have spent hours trying to figure out and just can't....
Filter Tables with input
Hi, I'm trying to write a function to filter a table by entering a tag into an input. (like FooTable) But somehow i can just filter the last column. (JsBin document) I have no clue how to get to the other columns. Thanks for your help, Internerd
jQuery Mobie1.3 panels don't support accordion or nested lists?
I'm trying to make a fairly complex site with a lot of working parts and the navigation needs to be really simple for the end-user so I'm using a panel they can swipe-in or that is fixed on the left when it's wider than 55em (yay RWD!) -- thing is, the panel refuses to work when I try putting in a collapsible-set or a nested links menu. I have "main" items and "sub" items in the navigation menu and the end-user shouldn't have problems finding what they need fairly quickly. I would just use list-dividers
Having difficulty selecting the Li tags after the container is cached.
Having difficulty selecting the Li tags after the container is cached. var res = { loader: $('<div />', { class: 'loader'}), container: $('.container') } $('.container ul li').click(function(){ var clickval = $(this).text(); $('#eventn').val(clickval); });HTML output <div class="container"> <ul> <li> Mall @ Carnival</li> <li> Carnival City </li> </ul> </div>
can't get page-content full width 100%
Just like the topic says...I've searched and searched and can't figure out how. I have have a ui-grid and setting it to width 100% stretches it all the way to the right BUT there is still a margin on the left and I can't get rid of it! I tried setting inline css to margin: 0 and margin: 0 auto; and nothing works. What can I use to take up that margin space??? <meta name="viewport" content="target-densitydpi=device-dpi, height=device-height, width=device-width, user-scalable=no, initial-scale=1,
odd coding
Can anyone tell me what the following code does? I'm fairly new to Jquery and have trolled the internet and tutorials but with little success :- $(this).children('table.grid').each(function(table_index) { $(this).find('tbody tr').dblclick(function(dblclick_event) { $('td.link a', this)[0].click(); }); }); Any help greatly appreciated
reading network xml file
I am trying to read xml file lying on network path like : "\\abc.com\testdata\test\test.xml" I always get error function called with this(below code), but if place xml file under my solution and change url to just "test.xml" then it works fine. Can anybody tell what's wrong going on here. $.ajax({ type: "GET", url: "\\\\abc.com\\testdata\\test\\test.xml", dataType: "xml", success: function (xml) { $(this).find('item').each(function ()
My code is not working in autocomplete
Im new to Jquery Here is my code <!DOCTYPE HTML /> <html> <head> <title>Demo</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css"> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script> <script type="text/javascript"> $(document).ready(function () { var someJSON = ['Chai', 'Chang', 'Aniseed Syrup', 'Chef
early animation trigger with timeout()
hey guys, i have a small problem not directly adressed by jquery but it is about a jquery animation. i have a sequence where a stone is moved from one position to the next and so on this is done by a for() loop where the function stone_move() is called the animation is a jquery animate() i use following code: var time = 0; for (var i = 0; i < ende; i++) { ... setTimeout(function(){stone_move(...)},time); time += 800; }; the problem now is that the last movement is shown immeadiatly and
.live() upgrade simple problem... i think.
Ok so I'm upgrading to the 1.9.1 and .live doesn't work anymore, this is the old piece of code that worked: $("#select-speaker").live("change", function(event) { var selected = $(this).val(); ShowSpeakerLines(selected); }); So I tried changing it to .on as it says, but it only seems to work offline for me when i try it on the server it just doesn't respond. This was the code that worked offline but not online: $(document).on("click", "#select-speaker", function() { var selected
[resolved] simplify condition
if (primo in ["Mr.","Mrs.","Miss","Lady","Baronet"]){alert("do not use title")} should this condition work, or is it wrongly constructed? I want a simplified condition, without repeating (primo=="..."|primo=="..."|primo=="..."|primo=="...")
Tool tip and dialog position and problem with scroll
when my tooltip or dialog open my page get some scroll bar , please help what the issue ? and also tooltip position not respect to curser in some situation when first time mouse hover occur on element.
Change collapsible div color
i want to change collapsible div and listview color i gave style but the color does not change what should i do? <div data-role="collapsible" data-collapsed="false"> <h3 style="background: rgba(204,244,204,0.9);">Hotel Ibrahim Pasha </h3> <ul id="listeu" data-role="listview" data-theme="b" data-inset="true" > </div>
Appending a list, binding to event is not working.
Hi I have the following code that when selected adds another item to the list. The problem I have is that the additional item does not get recognised on the following event handler especially as I want to return the id and the data-stream value. It works perfectly fine on the first block of code but not when the second is added. <ul data-role="listview" data-inset="true" data-theme="e" id="heatsMenu" style="border:2px solid #fff;"> <li id="a" data-stream="1"><a href="#display_details" data-transition="slide">
img gallery inside accordion not working.
Hello. First of all, sorry I just posted this 3 times by mistake, deleted one of them and now non of the three work (404 error on the forum) so thats why Im reposting. My problem is that inside an accordion, I cant put a image gallery plugin (tried several) and they work outside of it. My code is <script src="js/jquery-1.9.1.min.js" type="text/javascript"></script> <script src="js/jquery-ui.1.10.2.min.js" type="text/javascript"></script> <link href="css/jquery-ui.1.10.2.css" rel="stylesheet" type="text/css"
insert the loading spinner with .getJson
So that's what I'm trying to do...insert a spinner and hide it when the page content is loaded but it's not working. Here's what I have: $('#mainNews').on('pageinit', function(event) { $.mobile.showPageLoadingMsg(); getNews(); }); function getNews() { $.getJSON('file.php', function(data) { $.each(data, function (i, u){ append-to-listview; } $('').listview('refresh'); $.mobile.hidePageLoadingMsg(); }); }This seems simple but I can't
jQuery Username Available with asp.net controls
I am wanting to add username availability checks in with my other validation. Here is my code: $(document).ready(function () { var validator = $("#MainForm").validate({ rules: { <%= username.UniqueID %>: { required: true, minlength: 6, usernameCheck: true; }, <%= tbPassword.UniqueID %>: { required: true,
Vertical Scrolling text
I am a rank newbie to programming beyond basic shell scripting, so if I ask what appear to be stupid questions, please forgive me. I'm trying to create a page that will have several - probably a dozen - bullet points that are on a slow vertical scroll. Ideally the page viewers (consumers of the data) would be able to click on an item and drag the scroll - when I see an interesting item I could click and hold on it to stop the scrolling/drag it to move the list either up or down, then release it
How to Refresh PHP Captcha Image on Form using jQuery
Hi, can you please let me know how I can refresh an image captcha generated by PHP? what i have is an PHP file "captcha.php" which crerats the image on the form and I I also have following form <html> <head> <title>Test Form</title> </head> <body> <form action="validate.php" method="post"> Enter Image Text <input name="captcha" type="text"> <img src="captcha.php" /><br> <button type="button" id="refresher">Refresh Captcha!</button> <input name="submit" type="submit" value="Submit"> </form> </body>
Apple store reject webview based jquery mobile Aplication
i developed jquery mobile map application and then i called this URL with IOS web view.And also used some other IOS features such as network connection control... but they rejected my application. in my app there are makers and it is look very good in my iphone and also it was touchable vsvs but they rejected.Why there are web view if they rejected web view based application?And i think maybe they rejected because it uses google map.Are there any google map alternative in IOS? this is their rejected
Table refresh
I have this code var tbl = "<table id='tclean'><thead></thead><tbody id='tbody'></tbody></table>"; $(tbl).appendTo('body'); coptions = "<td><select name='slider-flip-m' id='slider-flip-m' data-role='slider' data-mini='true'>"+ "<option value='off'>Nee</option>"+ "<option value='on' selected=''>Ja</option>"+ "</select></td>"+ "<td><select name='slider-flip-m' id='slider-flip-m' data-role='slider' data-mini='true'>"+ "<option
Reconize if we come from a Iphone Web App
Hi there ! I have this probleme. i use cookies and session to do appear or doesn't appear a div in my web site. (Thi div contain i sentence who propose to add my web site as bookmark on the iPhone). now, imagine the users had already add my website. And he click on the icon from the iPhone Home screen to go on the website. I would like that this user don't see the div again. (It's logical i think you guess why =p). Then do you know a solution (Javascript or Php maybe?) to know if we arrived from
Issues with Google Chrome not working with my Jquery or Javascript file
I'm stuck with our new solution not working in Google Chrome. It works well in IE7-IE10, Safari, and Firefox but for some reason does not work in Chrome. Wondering if it could be an issue with the parsing navigator.userAgent and navigator.vendor scripts within the code.
Dialog box doesn't show
Hello, I've a problem to open my dialog box when I click on one of the three links. I already tried to create the following javascript code to execute my dialog box but this last one doesn't show : $("#lnkHeader1").click(function(){$("#dialog2").trigger("create");}); $("#lnkHeader2").click(function(){$("#dialog2").trigger("create");}); $("#lnkHeader3").click(function(){$("#dialog2").trigger("create");}); You can see the example in JSFiddle : http://jsfiddle.net/dark0502/Mpqt2/2/ It works only if
Problem with jquerymobile on "changePage"
Hi all, I have a problem with changing page. In my page there are this sections: <div data-role="page"> <div data-role="panel">panel left</div> <div data-role="panel">panel right</div> <div data-role="header">header</div> <div data-role="content">content</div> </div> If i click on a link, it starts an ajax call to change page: content will be updated, but panels became "blanks". Pages are generated using C#.Net. If i disable ajax feature (data-ajax="false"), panels work correctly.
How topdf string from ajax as pdf in browser ...
Hello, Im using ajax to call a program that will create a pdf stream. How do I change the content type to display as a pdf. Ignore the "/%..%/", that is as/400 stuff $.ajax({ type: 'get', async: false, dataType: 'text',
Next Page