Set attr error in IE 8
Hello guys, I'm tried to set attribute for <a> element by code: $('#aID').attr('href', url); It's work good in Firefox. But, in IE8 occur a bug: href attribute have no change instead, an attribute added in <a>: jQuery15038535942919934396="354" Sometime, href attribute have change (view in Developer Tool), but click on <a> , it not is new value, it's old value. This bug also happen with TR tag when i try to set bgcolor attribute. Why? Please help me about this case. Thanks.
JQuery UI Tabs scrollable tabs
Hi, I am looking for tabs functionality similar to Extjs or dojo where we have functionality to scroll tabs when we have many tabs.i found functionality some thing closure to them in jquery at http://seyfertdesign.com/jquery/ui.tabs.paging.html. the problem with plugin is it works fine for Jquery ui 1.7 and jquery 1.3. when we are using the same plugin with 1.4 and ui 1.8.pagination doesnt work as seen in above link and if we try to close lat tab it is not closing.Any help here would be greatly
Ajax call returns table but css styles not applied.
Hi to all, I have a table with has cells that contain check boxes: <td> <% var name = String.Format("PlayerMetaData[{0}].PlayListMetaData[{1}].IncludedInPlayer", playerIndex, playlistIndex); %> <div data-role="fieldcontain"> <fieldset data-role="controlgroup"> <input type="checkbox" name="<%: name%>" id="checkbox-1" class="custom" <%: playListMetaData.IncludedInPlayer ? "checked" : "" %>
Google's new image search results page
I am intrigued by the way it shows rows of images which are neatly justified, left AND right sides. I was trying to figure out how they manage to do that so I could incorporate it into an image scroll of my own. Do you suppose they are cleverly pre-selecting images for each row so they fit nicely or is there some sleight of hand going on with how they size them? Every so often I DO see thumbs that have a few pixels cropped off the sides. What I DON'T see are images where they've been cropped
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();
Event on showing/hiding of element
Are there any plans to provide events (like 'onshow'/'onhide') on changing visibility of elements ? There is something similar in jquery mobile but works only on divs ('pages').
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
Issue with validation plug-in add rule method
Hello, I am using the latest of all JQuery plugins required for doing validation... When using the $("#myinput").rule("add", aRule) method for defining my rules ; I am getting the following error: c.data(d.form, "validator") is undefined when executing the $("#myform").validate(); when I use $("#formid").validate(rules) it works fine. My controls are wrapped with a form tag. This is the code: Rule #1 $("#_firstName_id").rules("add", { required: true, messages : { required: "Enter First Name
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>
ListView Arrow Button Don't Respond To Click
Hi, I don't know if this is a bug or just the way to go. I found out that there is no respond if we click the arrow button in listview. It's all ok if we click elsewhere in the listview but not the arrow button(which is autogenerated when we use data-role="listview" tag). The jQM demo page also happens to behave like this. AFAIK, people tend to click an arrow assuming thats the right button to go forward. - Iyas
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.
Less than/greater than attribute filtering e.g. $("element [attribute>='value']")
Hi everybody, I have for the past couple of hours tried to find a way to do a greater than and less than comparison in jQuery, as I'm doing some frontend filtering on a XML dataset. So I have been looking at a way of doing something like this: $("element [attribute>='value']") I havent been able to find a solution so I looked into the jQuery code and found that I could solve this issue altering the jQuery core where it looks at possible attribute filtering types (approximately around line 4129-4145)
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
Next Page