Insert data in database using AJAX
I've been using this files two insert data in the database, but unsuccesfully. Can someone tell me what's wrong? index.php <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> <script type="text/javascript" src="jquery-1.6.4.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $('#submit').click(function() { var name = $('#name').val();
Multiple object geolocation and tracking
A friend and I are trying to make a bus tracking application for the town that we live in in hopes of making the bus system more reliable. We've been looking online to see if this is possible or if it's been done before and currently I don't think either of us has found anything. So my question is, is it possible with the google maps API, to geolocate multiple object given e data (working on getting the data) and to have those markers move as the object moves along its path? And on top of that, is
Problem leaving animated "busy" image running when switching pages
I'm not sure whether this is a browser, javascript or jQuery issue, but: I want to display an animated "busy" image while switching to a new page, however: ShowBusy() ; // Show animated "busy" image location.href = "/newpage.php" ; freezes the animation. Using a normal link, coupled with a click event to display the busy image works fine, as in: $('.busy').click( function() { ShowBusy(); return true ; } and <a href="/newpage.php" class="busy">Click Me</a> but for various resons isn't always
how to create data-icon="arrow-d"
how to create 'li' with data-icon="arrow-d" dynamically in jquery mobile.
Repeat
How I can repeat this code every time when all animation end. My Idea is when the animations stop must start again and again and .... every time The code <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Jquery Animation</title> <style type="text/css">body{margin:0;padding:0;color:#333}#effectTwo{display:none}</style> <link rel="stylesheet" type="text/css" href="http://www.codingjack.com/textfx/css/cj-text-fx.min.css" /> <script src="http://www.codingjack.com/textfx/js/jquery-1.6.1.min.js"
Convert text to uppercase
I found this script on the internet but it doesn't seem to work in my webpage. $('jqueryselector').val($(this).val().toUpperCase()); What am I missing? I get the following error: SCRIPT5007: Unable to get value of the property 'toLowerCase': object is null or undefined jquery.tools.min.js, line 1 character 25784 I'm not even sure why I am getting a 'toLowerCase' error when I'm using the toUpperCase function?? So confused!
Validate select fields based off drop down selection
I'm trying to validate select fields depending on the drop down selection. I have also tried if ($('#PropertyOwnership').val() != "Property Owner") { nothing is working. How do I fire select validation based off of what the user selects from the dropdown? The jQuery: if ($('#PropertyOwnership').attr("value") != "Property Owner") { aReturn = ValidateItem('RentalContactsName', true, "Please enter the contact's name.", null, true); if (!aReturn) return aReturn; } The HTML: <div><select id="RentalPropertyOwnership" name="RentalPropertyOwnership">
JQuery validate - not working for a checkbox
Hi I'm having trouble getting JQuery validation to work with a set of checkboxes. I'm generating the checkboxes using an ASP.NET checkboxlist, and I've used JQuery to set the 'name' attribute to the same thing for each checkbox in the list. Here's the code that gets written to the browser. I'm setting the 'validate' attribute on the 1st checkbox to set the rule that at least one checkbox must be selected. The JQuery validation works for all other elements on the form, but not for the checkbox
Tried IF ELSE with two function, does not work
Tried combining my Jquery validate with proress animation like this, but does not work: these two functions need to work as validate is successful and all field filled, then do page animation of progress load. [code] jQuery(function(){ if(validate){ jQuery("#oldpassword").validate({ expression: "if (VAL.length > 5 && VAL) return true; else return false;", message: "Please enter a Current Password" });
QUnit and Automated Testing
Just wondering...Has anyone setup or have any ideas on an ideal usage of QUnit with automated testing tools? Currently at my company we are using Hudson as our build server. We would like to: 1. Automatically startup a browser and run QUnit tests 2. Save the QUnit tests to an easily parsable file format (JUnit xml seems to be the standard) Once that is done, it should be trivial to report the results in the CI server. Currently we're doing this by firing up Selenium and then loading the page with
Reading Hex values from conf file!
Hi! I'm having trouble solving this one. I'm reading a conf file via http from my local computer. In that conf file I have 8 different colours represented in HEX values e.g. #3be6c4 etc. I'm reading the conf file as follows: $.ajax({ url: "http://some_path/colours.conf?callback=?", type: 'GET', success: function(res) { var result = $(res.responseText); console.log(result); } }); What I would like to do is, grab the values and into my index.html. The will appear in a list. Any suggestions on how
Why not ˚data-role="popup"˚ outside of ˚data-role="page"˚ ?
i am wondering why the designated popup content element data-role="popup" needs to be inside of the data-role="page" element. wouldn't it make more sense to place it outside of it, since it is not actually part of the page displayed, but an extra element that shows up later on during runtime.
Can I disable hover effect by using: buttonMarkup.hoverDelay = 0
In order to optimize user experince/response time I'm wondering if setting the global setting buttonMarkup.hoverDelay = 0 will result in that JQM doesn't apply the hover css to elements? If so it should be stated in the documentation: http://jquerymobile.com/demos/1.2.0-pre/#/demos/1.2.0-pre/docs/api/globalconfig.html If it is not the case, why is that?
Alert refreshes page
Not sure why but when I click the OK button for the function it refreshes the entire page instead of going to the field as a focus. function IsNumeric(item, message, scrollTo, focus) { var numExp = /[0-9 -()+]+$/; var aReturn; aReturn = $('#' + item).val().match(numExp); if (message && !aReturn) alert(message); if (scrollTo && !aReturn) ScrollToPosition(0, scrollTo); if (focus && !aReturn) { $('#' + item).focus(); ScrollToElement(item); } return aReturn; } function IsAlpha(item, message, scrollTo, focus) {
How does block-ui work ?
I am using blockui JQuery plugin. It is not doing what I need it to do. I have some events and html elements disabled or not working when they should. I want to write my on blockui, but I am not sure how the block ui is stopping the UI thread. I want to know what is the technique used by block ui to stop all inputs. Can anybody help ?
Galerie thumbnail Pop-Up
Iam looking for a pop up window for my galerie. By clicking on a thumbnail the pop-up window should appear. Possibly like used in lightbox for an single image.
Is there a way to select a collasible row within a list from another page
Is there a way to select a collasible row within a list from another page I can select a collasible set on a page from another page. But how can you selection a row within the set. <p><a href="#mrktrpts" data-role="button" data-mini="true">This shows me a collapsible list on the mrktrpts page</a></p I would like to be able to select a specific item (row) within that collapsible list from another page.
Replace Part of an Link in an HTML File
Hello community, I want to replace a part of a link. See my example below. The Links : 1) href="/businessapplications/iop/weschein/Lists/Receipts/EditForm.aspx?ID=219" 2) href="/businessapplications/iop/weschein/Lists/Receipts/EditForm.aspx?ID=220" should be changed into : 1) href="http://www.newsite.de/new.aspx?ID=219" 2) href="http://www.newsite.de/new.aspx?ID=220" Thank you in advance for your support I've alredy try this but this doesn't work. $('table tr td.ms-vb-icon a').attr('href', $('table
asp:GridView rowselect
Can you help me.. I need to highlight row on gridView row click event and display first 2 column values in label. How do I do this with jquery?
Getting text from file and displaying split into additional divs
Hi All Sorry if this sounds super simple but I just started with JQuery and am getting myself lost totally I have gon through the tutorials and getting there slowly but I need to be able to do the following I have a text file that contains as listed below : Total Taken : Number Total Remain : number Total Closed : number I can get to read this into my page using this $(document).ready(function() { $(".text").load("comercialsupport.txt" ).text() }); What I wish to do is put the areas
Auto swap thumbnail image
Hello ppl, Im starting to learn jquery. I have a question.. I have a banner and this banner have some thumbnail images. When i click on any thumb, it changes to a bigger size of the thumb. But it only changes when the user clicks on a thumb image. I need it to automatically swap in X seconds. So, I have: <div id="banner"> <img src=˜img1.jpg˜ /> <img src=˜img2.jpg˜ /> <img src=˜img3.jpg˜ /> </div> <div id="thumb"> <img src=˜thumb_img1.jpg˜ /> <img src=˜thumb_img2.jpg˜
Problem with validation
Hi all. I'm trying to validate some fields before opening a dialogue but I can not do. <link type="text/css" href="css/smoothness/jquery-ui-1.8.23.custom.css" rel="stylesheet" /> <script type="text/javascript" src="js/jquery-1.8.1.min.js"></script> <script type="text/javascript" src="js/jquery-ui-1.8.23.custom.min.js"></script> <script type="text/javascript" src="js/jquery.maskMoney.js"></script> <script type="text/javascript"> function enviardados(){ if(document.formContas.nome.value == "") { alert(
Is there any restriction on php version for JQM?
Hi! I'm having problem using jquery mobile on php version 5.2.11. Any linking page using ajax it is not working, It shows -Error londing page- and I getting internal error 500 from server. Linking internal pages and linking pages without ajax (data-ajax="false")work fine. I can't find any information about any restrictions on php nor a similar issue. Does anyone have a clue about it? Thanks,
problems authenticating an ajax request
Hello all, I'm trying to send an ajax request which should authenticate via basic http authentication. In the jQuery.ajax() documentation page (http://api.jquery.com/jQuery.ajax/) it states that there are two options, "username" and "password" that can be specified, and that they are going "to be used in response to an HTTP access authentication request." I set those two options in my request, but I cannot see any "Authorization: Basic xxx" header being send by jquery. this is my code: $.ajax(
Leor Zahavi: Want to learn jQuery
Hello everybody! I am Leor Zahavi and I am really interested to learn jQuery. What are the basic concepts I should know before starting jQuery as I know a little core java. Thanks Leor Zahavi
How do I disable loading of ajax-loading image?
Hi. As I'm not using any ajax-loader.gif I'm wondering if it is possible to disable the load of this? I mean, why using 7 kb of bandwith, time and overhead of loading something that I'm not using? Kindly regards Ruffio
Timer, function, element & maybe Ajax & php
Hi, This is the scenario I want to created. I have 10 products which I want to display and which have their on unique count down timer. 1) I have retrieved Timer(from mysql) 2) <p> will display the count down timer *Note my theory was element <p> was to call the function(Timer mysql) by itself and if the condition is wrong. Update the <p> text without loading (I believed got to do with Ajax) and perform again the function 1 sec later. ---------------------------------------------------------
I'm very new. I'm wanting to know the difference between download on the homepage, and the UI widgets downloads and ect....
Okay, firstly I apologize for the noob questions, but I learn quick, so hopefully you'll forget all about me soon lol. On the Jquery.com homepage, there is the big download button, and I understand what to do there I'm pretty sure. I click the button, copy all of the code, and save it as a .js file to point to when scripting requires it. I'm confused about the widgets and other offerings you can get when clicking on the UI link. Each seems to have it's own code that comes with it. My question is,
Mobi Scroll date Picker popup is not opening sometimes
I have three pages in my app. Home.aspx ,day.aspx,month.aspx which has same footer. I navigated to home page first. Scenario1: when i click on day of the home.aspx it takes to day.aspx which has mobi scroll date picker in the header. In this scenario date picker is working fine. Scenario2: I clicked on month button first in the footer of home.aspx it takes to monthpage.aspx which has list items in it.When i click on list item it takes me to day.aspx page.Then also date picker is working fine.I click
Unable to change footer button theme
I am trying to change the footer button theme in the page show method with the below code but it is not working.Default theme is applied instead of below theme can you please suggest alternative for this. $('#ftrDetails').attr('data-theme', 'c') footer button code <a href="DayDetails.aspx" id="ftrDetails" data-role="button" >Day</a>
jQuery file must be in same folder as HTML program
On two occasions I have needed to place the jQuery.js file and the .css in the same folder as the html program. It seems it is the only way I can get the program to work correctly. Admittedly, these .js and .css files were the work of someone else who contributed the program free to other users. This odd requirement of same folder placement leads me to ask for understanding here. Please help: is there a way around this? although, I have not tried everything, I suppose, as yet. Thanks, dre7777777
Jquery: Adding an onload event for a gridview
I have one grid, here is html code: <table cellspacing="0" border="1" style="border-collapse:collapse;" id="grid1" rules="all"> <tbody><tr> <th scope="col">Nr de ord</th> <th scope="col">StudentId</th> <th scope="col">Name LName</th> <th scope="col"> <span id="mondayText">monday<br></span> <span id="monday">14.05.2012</span> </th> <th scope="col"> <span id="thuesdayText">thuesday<br></span> <span id="thuesday">15.05.2012</span>
How to create a function in jquery executed right after a grid is loaded
I have one simple gridview, I want to create a function in jquery that is executed right after a grid is loaded. I'm trying to call with: live and ready, but it doesn't work :(
Server sent event feedback to client
Hi, I am new to jQuery/jQuery Mobile and javascript programming. I have a question about server sent events and jQuery Mobile: Toggle slider html: <li style="height: 40px;"> <div class="containing-element"> <label style="position: relative; top: 10px">Slider1</label> <span style="float: right"> <select name="Slider1" id="Slider1" onchange="SetBit('Val')" data-mini="true" data-role="slider"> <option value="off">Off</option> <option
Focus setup in navigation
I use theme "e" for navigation, but when I click on a button, it's "focus" state for some reason displays as "b" (theme). Any idea how to fix that?
Version problem
when i changed from <script src="http://code.jquery.com/jquery-1.6.2.min.js?foo=bar"></script> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.css?foo=bar" /> <script src="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.js?foo=bar"></script> to <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"></script> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css"
having problems showing multiple pages in a single page layout
Hi. The large part of my app is a single page layout. However, there are a couple of pages that are multi-page layout - for example where I have dialogue boxes. If I am currently on a single page, and link to a multi-page, only the first page of that multi-page is shown. The rest of the pages are removed from the DOM. Refreshing the page re-shows the missing pages again. Can anyone shed any light on this. What am I doing wrong? Thanks
Form is not getting submitted second time.
$(document).ready( function(){ $( "input.pricerUpdate").click(function() { //document.getElementById(id).checked = true; //alert("hello"); $.post( "/cart1/programming_americanCore_process.action", $("#formBody").serialize(), function(data){ updateSummaryBar(data); }); return false; }); }); When i click the button first time the form is submitted & i get the response. After selecting another radio button...when i again submit the same form...nothing goes to server... action is not hit on the second
column header not aligned with columns
Hi , i have jqgrid problem ,my column header is not aligned with the column files used are (/ui.jqgrid.css/jquery-1.5.1.min.js/jquery-ui-1.8.11.js/grid.locale-en.js) thanks in advance
Links not Navigating Properly.
I'm a newbie to jQuery. I am attempting to make a mobile version of my site (which it sorely needs). I have the homepage the way I want it, but I'm having trouble with links. The link for Full Website is the only one currently linked. It links to "../index_full.php" for some reason when I click on it it goes here: http://www.lutzcreativegroup.com/mobile/test.php#/index_full.php No idea why it is doing this. I have tried these variations: "/index_full.php" and "http://www.lutzcreativegroup.com/index_full.php".
Next Page