Use jQuery to echo value from SQL database
I'm looking to fill out an input box, and onBlur get info from the database and echo it. Very similar to how you register on this site, when you fill out a username, onBlur it checks to see if the username is available and echos yes or no. I want to fill out a username, and when you click out of the textbox, echo the First and Last name if it exists. any help on how to do this at all if very appreciated! :)
Getting the text from a li and sending it to another li.
Hello jQuery developers, I have this case: 1) There are 2 tipes of li: li.chosen that contains a single string. This string will be replaced frequently. 2) Each li.pick when clicked must send its text to li.chosen, but first the string of li.chosen must be erased. In short words, I want this list to act as a selector. <ul class="select-dominio"> <li class="chosen">.com</li> <li class="hidden-domains"> <ul> <li class="pick">.com</li>
Mixing 'this' with selector (syntax problem)
Hi :) Does someone know how to mix 'this' with a selector? Tried this but it doesn't work : $(this + '" > img").attr("src") Thanks a lot for the help :)
buttons in list?
Hello, is it some how possible to have buttons in listview using jquery mobile? I want to acheve to have controls for list view. I tested following code, but it is badly broken... <ul data-role="listview" data-inset="true"> <li data-role="list-divider">Heading</li> <li>object</li> <li> <div data-role="controlgroup" data-type="horizontal" > <a href="index.html" data-role="button" data-icon="arrow-u" data-iconpos="notext">Up</a> <a href="index.html" data-role="button"
jquery template plugin has Javascript "for In" kind of loop for looping through the object properties?
jquery template plugin has Javascript "for In" kind of loop for looping through the object properties? I mean I have a object say var person={name:'a',address:'a1'} Now I want to loop into person's properties in template just like I do in for in loop is there any way out? http://api.jquery.com/category/plugins/templates/ Thanks in advance CSJakharia
Cross domain AJAX (YQL) - Navigate between consequent data pages of the variable query changed by click
I have some divs: <div id="id1"><h3>A</h3><h4>X</h4></div> <div id="id2"><h3>B</h3><h4>Y</h4></div> <div id="id3"><h3>C</h3><h4>Z</h4></div> And use xdomainajax plugin ( YQL powered) - to load external pages. I added the following function : When i click on div it search for <h3> contents in the external dictionary and loads it to the "#cont" $("div") .click(function(){ var filter = $('h3',this).text(); $('#cont') .load ('http://jisho.org/words?jap=*'+filter+'*'); }); In current form
dynamical nested list problem
hello, i add dynamic a second list to my list. the problem is dat there will be no automatic reload from the second list. only if i hit the list entry twice the new site opens. what can i do to click on the first list, the content loads via webservice and the second list will added automatic to the first list as sub entry and opens like a nested list??? $('[data-role="contact"]').live('click tap', function () { $('#first').append('<ul><li>Next Page Entry<\/li><\/ul>'); $("#words-list").listview();
Columnize plugin not making columns...
I am using the columnize plugin v1.4 and jquery v1.3.2 and cannot figure out what I am doing wrong. My css for the column div, etc is as follows: /*columnize code*/ #middlePeopleSection {float:left;width:585px;height:460px;max-height:300px;padding:0;margin:0;background:yellow;} #columnSection{float:left;width:580px;height:460px;margin-right:1em;background:#990000;} .column{margin-right:1em;} .first,.last{clear:both;} p.people {text-align:left;font-family:"Times New Roman",times,serif;padding:0;margin:0;margin-bottom:20px}
scrollto problem
hi there, i use scrollto plugin, and jqm, if i try in deskrop browsers all things are good but if i test it on iphone and press the button to scroll, the page only jumps to top, in desktop browsers is a fine animation scroll to top...??? can anyone help me please? thanks j.
jquery conflict - multiple jquery
Hi, i am using multiple jquery in my webpage http://varghesemathew.com/test2/ One is for sliding the page contents and another is for the link AWARDS, its also like a slider kind, but both not working together. Please suggest a solution. Thx Matt
tabs disappear on second view
Hi, I'm working on a Struts 2 and using jQuery. In regards to this problem, I'm using jQuery UI tabs and loading the content via Ajax. On initial page view, the first tab is shown with the proper content displayed. Click the second tab, the proper content is displayed. Click back to the first tab, the proper content displays for a second then the page goes completely blank - completely blank. Here's the tab markup. <div id="tabs" > <ul> <li><s:a value="%{birDetailsUrl}" >BIR Edit</s:a></li>
A click function that is not always fired when object is clicked?
I am working on a basic AJAX website and have noticed a very small, yet frustrating issue. http://www.conleyconcepts.com/staging/ If I click a navigation item immediately after clicking another one, nothing happens. Can anyone shine a light on this? Is the browser struggling to handle simultaneous click events? Thanks!
How do I force a div to scroll?
I have a div with a scroll bar. It contains various child divs, and when the user sees them, they are in vertical order. So he can scroll to whatever child div he wants to. Then he can click on an arrow, and the entire child div expands to reveal a lot of text. This all works. But I'd also like to make the child div scroll up to the top of the parent div. Otherwise, it could happen that the user clicks on a child div that is near the bottom of the screen, and it expands, but most of the content
replaceWith method for
Hi Guys I have this form: <form name="summary" method="post" action="https://edgeoftheworld.securetill.com/index.html?v3rYm4dVaR5=c57d1fafd44a333bf1e9de02eb123052&url=www.edgeoftheworld.co.uk" onsubmit="submitGift(); disableSubmitSmry();"> <input type="hidden" name="action" value="payment"> <td align="center" class="column_main"> <br><!----></td> </tr> <tr> <td align="center" class="column_main"> <input type="submit" name="submit" value="Submit" class="buttonstyle" onmouseover="this.className='buttonstyle
Assigning elements to classes to control events
I'm trying to use a javascript class to assign specific event handlers to different elements. I create an object and pass it a reference to the element, and some properties for the event handler to use. When the event fires, I want the handler to reference the properties of the object. But I'm clearly doing something wrong as multiple instances all refer to the most recent object only. Any pointers? <script> function constrainTextarea(ele,maxlength) { this.ele = $("#"+ele); this.maxlength=maxlength;
Appending to href of set of anchors
I'm sure the answer to this question has to do with iterating over each element in the wrapped set, but I still don't understand why. I have a number of anchors in my page that have a class named Get. I want to append a querystring name value pair to the end of each href. $('.Get').attr('href').append('&id=' + id); does not work. Can someone tell me why and what is the correct solution. Thanks
prescribe transitions for browser's back and forward buttons
Hi, Can anyone advise how to ensure the page slides from right to left when clicking the browser's back and left to right when clicking the browser's forward button? thanks Matt
Formatting collapsible data-role
Is it possible to format the icon for the data-role type collapsible? I've been trying with no luck. Thanks
Alpha 4 double back history on back button
When clicking the automatically generated back button on a multi page in the Xcode iPhone 4.2 simulator, i get a double trigger. The page animates to the previous page and then immediately animates to the one before However if i hold the back button down for a second and then release, the back button works correctly and there is only one animation. Could be the button click and release event both being called This was fine in alpha 3 ALpha 4 does seem smoother, the jumpy pages is much better Update:
Strange jQuery + jquery.validate + fullcalander behaviour
Hi all, I am not a jQuery expert and I need you guys to help me out here please. I have two text boxes that allows a user to enter a datetime stamp (using datetimepicker for it), but I need to make sure the end timestamp is greater than the start one. I am using the jquery validate plug-in with a custom method for it. --- Code snip #1 start --- jQuery.validator.addMethod("startEndCheck", function(value, element, params) { if (!/Invalid|NaN/.test(new Date(value))) { return new Date(value) > new Date($(params).val());
Why does jQuery.Event use preventDefault as an instance test?
On a discussion elsewhere (http://tinyurl.com/3tcm6l5), I ran across the fact that jQuery.Event starts like this: jQuery.Event = function( src ) { // Allow instantiation without the 'new' keyword if ( !this.preventDefault ) { return new jQuery.Event( src ); } I'm curious as to why it's done this way rather than the more obvious jQuery.Event = function( src ) { // Allow instantiation without the 'new' keyword if (!(this instanceof jQuery.Event) ) { return new jQuery.Event(
jQuery Auto Calculation Question!!!
I have a jQuery auto calculation script, which dynamically calculates a row total then finally SUMs the grand total, and I need to add just two features to it. 1st feature: How can I assign a read-only textbox for the "Grand Total"? 2nd feature: How can I auto-calculate the "buy used?" column, and reflect the result in the sub-total column?You can view and download the script example here http://www.mugnets.com/calcscript/ To use: Just type in any number into the "Qty" field, and you will see the
Fixed Position Footer Navbar - ASP.NET
I am attempting to add a fixed position navbar in my footer. I can get it to work if I move my closing </form> tag, but I need it where it is. This is the layout I need: <body> <div data-role="page" data-theme="c"> <form> <div data-role="header">...</div> <div data-role="content">...</div> <div data-role="footer">Persistent NavBar Here</div> </form> </div> </body>The above code makes the footer navbar not inherit the page theme
How to make automatically check radiobutton?
How to make automatically check radiobutton with jquery if another radiobutton selected? In this case - if Cash od delivery selected - then Surcharge 10$ is automatically selected (mean if user want make order with option cash on delivery, must pay more money) Idea could be with validation if one is selected one coma ona or one coma two must be selected? Please help how to code it... <form> <input type=hidden name=todo value=post> <div> <p>Delivery:</p> <input type=radio name=sex value='ups'
using ajax with php, getting the LENGTH of the array
I am using jquery (.post) to send user input to a php script which returns an array. If I return the array without defining the keys (see the bottom line of the PHP below) the returnArray.length correctly gives the length of 3. However, if I try to define custom keys (the first line of PHP) returnArray.length has a value of "undefined". Is there some special way to reference the length property when the keys are customized? I know I can just define two arrays in PHP, but one array is neater, and
Why li:eq() doesn't work ?
Hi I'm trying to use addClass in a img inside the li, and I try to get the depth with a variable for be use in :eq() of the next way, but doesn't work, but if change my depth variable for a simple data inside the :eq, works it, but I can't do it this way because, all images change the class, I need just change the image inside the li. Thanx for your help ! this is the html <ul id="MenuItemsZavaSocial"> <li class="offPicture"><img class="offPos" src="images/diabeticos.jpg" /></li>
2 Autocomplete problems
I have 2 problems getting an Autocomplete to work. First, the term is not passing to the php script to modify the query as the user types. Second, the ajax success response is not properly created so no dropdown appears for selection. I have modeled the ajax success on the JSONP example in the Autocomplete documentation section, but it doesn't work for me. According to Firebug, the php does execute a query (but not using 'term') and create JSON. Here's the code. Any help would be appreciated. jQuery:
Help having problem displaying bg images in <div>
#bg001 { background-image: url(img_abc_bg.jpg); background-position: left top; } ------------------------------------- <div data-role="content" > <!-- my stuff--> <div id="bg001"><img src="imgABC.jpg"></div> <!-- /my stuff--> </div> -------------------------- t works fine out side of jqmobile?? HELP
How can i disable first node from fg.menu flyout style?
Hi developers; I am newbie about jquery and java. I have a problem. I want to disable first node from fg.menu flyout style. I 've changed some areas but it is not working what i want. Can any developers help me about this problem? Thank You.
need help creating an alert inside Autocomplete ajax
I'm having trouble creating an alert to see the data inside the success function. The code is below and does not create a drop down table, though other things work. I'm trying to look at the returned data in the success function and at the values of the label and value items. The alerts I've tried do not trigger, or create syntax errors. What alert(s) should I use? jQuery Autocomplete ajax: $("#stateProvince").autocomplete ({ source: function( request, response )
Getting started
Hi, I am a Java web developer. I have decent front-end and javascript skills but I have decided that I really enjoy that stuff and want to get better at it. So I thought getting involved in jqueryUI development might be a good way to sharpen my skills. Is there a good way to go about that? Are there any somewhat simple bugs to look at? I thank you in advance.
JQuery in CodeBehind
I need to change the css class background-color in codebehind. I know how to do it in aspx. But how to do that in cs? $("#header").css('background-color', 'red'); Thank You
stop fadeIn
hello@all, I try to implement a pager for my site. the user should have the ability to search for different things. when the user enter a catchphrase he get the result. Per page there are 10 results which jquery fadeIn. the issue is that when the user is too quick and click the link for the page 2 while jquery fadeIn the 10 results for the page 1 there is a mess. some results, which belongs to page one, appear on page 2. I don't know how to stop the fadeIn chain which was started on page 1 (but the
visual studio 2010 jquery and ScriptManager causes an error
see on stackoverflow
jQuery Mobile and AdMob Ads
Hi, I'm trying to integrate AdMob iPhone Ads into my jQuery Mobile App (A4.1). I'm successfully showing them on the first page. However, they just do not show on any subsequent page. AdMob seems to provide a way to integrate them in Ajax pages. I tried to implement this (Code under Additional API/Technical Notes): http://developer.admob.com/wiki/IPhone You can see the non working adds here: http://www.trailheadfinder.com/mobile The ads will show on this page. Then if you click on "Directory" underneath
Specific Size Scrollable Navi
I am trying to use pictures as my navigation, but am not sure how to specify the size of the pictures. I have used the JQueryTools Scrollable Navigator. The <style> looks like this: background:transparent url(images/Layout1_Menu_All.png) no-repeat; display:block; width:187px; float:left; height:30px; cursor:pointer; The part I can't figure out is the "height:30px;". I would like the height to adjust to whatever the height of the picture is, but would settle for being able
acces json with single record
When my script returns [{"Status":"Ok"}] from a jQuery.Ajax request, how do I get the Status Value? jQuery.ajax({ ... success: function(data) { alert(data.status); //<---- Is undefined }, ...
click event not firing on listview item - Alpha 4 Safari iPhone
My click observers for anchor elements in a listview fire erratically - sometimes they fire sometimes they don't - after upgrading to Alpha 4 on Safari iPhone Here's a snippet of my use case: ... $('.foobar').live('click', function(e){ alert('click fired on list view item'); }); ... ... <ul data-role="listview"> <li> <a href="#" class="foobar">Word!</a> </li> <li> <a href="#" class="foobar">Word!</a> </li> </u> ...
Changing the icon to a button on a list.
Hi, another day another problem! I have a list with names on, but instead of an arrow I want to replace it with a small button with the words change on. i.e, -------------------------------------------------------------------------- A.N.Other Change -------------------------------------------------------------------------- J.Bloggs Change --------------------------------------------------------------------------
J Query Animation Help
Im not sure if this is the correct forum for this but we have a j query slider on our site Wexford Strength As some of you may notice when you scroll over Our Team or Our Services or What We Do the dropdown box that the website has goes behind the j query slider. Now the problem is it doesnt happen on my Safari or Mozilla Firefox Browser on my Mac and it doesnt happen on Internet Explorer or Google Chrome on our Windows PC but its happening on the clients internet explorer is there any reason for
Next Page