Is is possible to change the background color of a draggable once it has been dropped ?
http://lifemayhem.com/ui/ I got this small project im working on. Everything is working great. Im trying to add a function where once the draggable element as been dragged and drop into the calendar, its background color changes. Is is it possible ? I try to mess with the stop event but..... Thanks in advanced.
Ajax from child domain
Hi all, I need to make a XHR from a child domain, for instance child.api.com -> api.com. Normally that can be done by setting the document.domain attribute to the same base domain (api.com) $.ajax({ url: url, data: [], beforeSend: function(jqXHR,settings){ document.domain = 'api.com'; console.log('before send:' + document.domain); }, success: function(resp){ console.log('success!');
Image load when dom is ready
Hi, Im trying to get the 1st image in a carousel to be inserted into a dom element on page load. Clicking the carousel images in turn, does load each image into the dom element in question. However, need to get the 1s image in the crousel to load without having to click it. Webpage: http://www.codesolv.net/play02/ //Failed Attempt to load image on page load var $enlargedCover = $('<img/>') .addClass('enlarged') //.hide() .appendTo('#midsize'); .attr('src', 'carousel-swede/images/covers/large/300-1.jpg');
[object HTMLInputElement] ?
Hello guys I already tried searching this in google. But I really don't understood this error since I'm new to JQuery. I hope someone here has kind heart and help me with this small problem. Below are my codes, index.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Submit form using Jquery to MySQL with PHP</title> <meta http-equiv="Content-Type" content="text/html;
Scroll to scrolls to top and not away from page
I have installed the scrollto plugin which works fine. The problem I have now is that when I click on an external link i.e http://google.com it just ignores it and scrolls to the top of my page instead? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Manoucher Products</title> <link href="style.css"
Having a problem with autocomplete
I am trying to use the autocomplete plugin with a large database (over 3000 items). It is very slow to work until the user gets to the 3rd character and then it is reasonable. I am trying to use the minChars option but it doesn't seem to have an effect. The relevant sections of code looks like this (I have left off the intervening HTML and code) $(function() { $( "#tags" ).autocomplete(Member,{ minChars: 3, source: MemberName }); }); <script> var MemberName=new Array();
No AJAX form loading with the experimental scrollview
Hi, when I use the experimental scrollview, the formulas doesn't load the content via AJAX? Anyone knows why? http://jquerymobile.com/test/experiments/scrollview/ I really like the scrollview. It makes the mobile website look more like an app. Regards, D.
.val problem
Hi, I have the following: $('td').keyup(function() { for(i=0; i<1; i++) { total = $('#sellshippingvat').val() ; alert(total) ; } $('#purtot').text(total); }) ; The form field is a text input field with the id/name of sellshippingvat. But it is not getting the value like it should, what is wrong?
Loop over json data structure?
Hi, I have the following data structure (shown in code view below) coming back from a query. How can I loop over this and create an <li></li> for each record on the client side? The end result should be : <li><a href="page.htm?id=1">Kate</a></li> <li><a href="page.htm?id=2">Sarah</a></li> <li><a href="page.htm?id=3">Tricia</a></li> The dynamic parts in bold. { "ROWCOUNT":3, "COLUMNS":["ID","NAME"], "DATA":{ "id":[1.0,2.0,3.0], "name":["Kate","Sarah","Tricia"] } }
simple animating question
I got everything I want to work. But I'm pondering why right when the page loads, and u hover over an image, my animation doesn't run for the very first time you hover over it. After the first hover it works just fine. i uploaded it... http://dl.dropbox.com/u/9883217/hover/index.html
How to change Save and Cancel Button
hello, i'm use the fckeditor by an littel project by myself. how to change save an cancel button as the two buttons on the left side such as *.png i figure this out this reslut the code <script type="text/javascript"> ////set all the FCKeditor configuration here and pass it to the editable var oFCKeditor = new FCKeditor( 'edit-menge') ; oFCKeditor.Config['ToolbarStartExpanded'] = false; oFCKeditor.Width = 80; oFCKeditor.Height = 50; oFCKeditor.ToolbarSet = 'SetBklein' ;
checkbox live click event not firing in 1.0a3 or 1.0a2, fine in 1.0a1
Hi all, Having developed an app using 1.0a1, I decided to updated to the latest version, now my live click events aimed at checkboxes are not firing. I'm guessing it's something to do with the way the mobile framework modifies the checkbox and adds extra styling spans etc. There must be a variation between 1.0a1 and 1.0a3 that is causing this perhaps? Does anyone know a way of binding the live click event to checkboxes in 1.0a3, I have searched but couldn't find any answers. Also, using 1.0a2 does
I load a div of a page into another page using jquery. The div has jquery collapsible panels. They fail.
I am new to jquery. I spent a few days studying javascript, css, and jquery, and then started programming. What I want to do is load a div from another page into my page. This works. So on my main page, I have a set of buttons, and when I click on a button, a corresponding div gets loaded from the appropriate secondary page. For instance, if I click on a button labeled "lady Gaga", I get a bio of lady Gaga loaded into a div in my page. (The bio originates in a div on another web page on my
how to make the nav as horizontal?
Greeting , how to make the nav as horizontal? i have this code please reply me <style type="text/css"> .tab-nav { width: 610px; overflow: hidden; background: #ddd url(tab-slide.png) no-repeat 0 0; } .tab-nav ul { position: relative; float: left; width: 1600px; margin-left: 535px; padding-left: 0; list-style-type: none; background-color: #fff; } .tab-nav li { float: left; clear: left; } .tab-nav
jQuery 1.5 (and 1.5.1rc) and event.isDefaultPrevented in Firefox
I'd like to draw attention to this post from the using jQuery forum as I've run into the same problem. It seems that in jQuery 1.5 (and 1.5.1rc) event.isDefaultPrevented is set to true in Firefox regardless of whether the event has had its default prevented: http://forum.jquery.com/topic/jquery1-5-isdefaultprevented-always-return-true-in-firefox-for-some-events Is this expected behaviour? If so is there a workaround?
append
Hi. I have two HTML tables, one with five td elements and another empty. I want to append an element from the fist table on the second table and delete it from the first table. So here is code: <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ }); </script> </head> <body> <script> $(document).ready(function(){ var numElems = $('#data-source td').length; console.log("Before deleting
Any ideas to disordering a table?
Hi, I'm new at the forum and new in jQuery. I have to alter randomly the order of the td elements of a table. Do you have any idea to do it "quickly"? My initial idea is: - Clone the original table (I can't modify it). - Disorder randomly the elements of the cloned table. - Show the cloned table. The actual code is: <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ }); </script> </head>
How to ignore default text in jQuery validation?
Hi, I'd like to use the jQuery validation plugin as seen on the following example: http://docs.jquery.com/Plugins/validation#Example But it doesn't work properly if I use inline/in-filed labels. Any help is greatly appreciated! Rain Lover
random slide of images, and menu on top
now you see a rectangular beam with image inside and the 4 menu items on the right, now, I would like to be the 4 menu items, but replace the fixed image background with a random sequence of images, with fade in transition from one image to another. Is it possible? and with which jquery gallery (free)? The home page is www.renderit.it thank you very much
Headers already sent by jQuery Mobile?
Hi Guys, Just starting to play with jQuery and jQuery mobile to be exact. I've written a login script in PHP that once the user has successfully logged in runs the following: header("Location: index.php"); When that runs though, I get the following error: Warning: Cannot modify header information - headers already sent by (output started at /Applications/MAMP/htdocs/app/login.php:22) in /Applications/MAMP/htdocs/app/login.php on line 138 I'm thinking that jQuery Mobile is posting something in the
How can I use jQuery Data Link Plugin for one-to-many objects arrays?
How can I use jQuery Data Link Plugin for one-to-many objects arrays? http://api.jquery.com/link/ I mean I have a Grid kind of output and I want that whenever any row is added,edit or removed then the array person.previousEmployers should be changed accordingly. How to achieve the same? Thanks in advance CSJakharia
Problem with draggable() in jqueryui
Hi ! I have a problem when I try to make an element draggable. All is fine until I try to scroll when I'm dragging an element. The element can go out of the container and do a lot of strange things. I'd like to know if this problem can be fixed or if it's impossible to do something ? Thank you in advance for your response.
Share your facebook-IFRAME-JQuery Expirience: What jquery modules work / dont work good there
hey, ive recently started to put some js on facebook iframe and some of the plugins are just working bad/not working at all, please reply here and tell me & all the pepole what plugins are working and what dont work (and if you solve it paste it here...) i think it will be usfull....
Validator with custom submit() function
I have a form with a DIV tag which acts as a Submit button: <div onkeydown="ButtonDown('SaveButton')" onkeyup="ButtonUp('SaveButton')" onmousedown="ButtonDown('SaveButton')" onmouseup="ButtonUp('SaveButton')" onmouseout="ButtonUp('SaveButton')" onclick="SubmitForm();" class="Button ButtonRightAligned" id="SaveButton"> <div class="ButtonLeft"> </div><div class="ButtonText"> <a tabindex="87" onclick="return false" href="#">Save and continue</a> </div><div class="ButtonRight
How do I insert email address from form submission into img src tag?
Hi guys need a little assist. I have a newsletter sign up form that I want to add a subscriber to a Bronto newsletter listing. Bronto gives me an <img> tag the source looks a little something like so: <img src="http://app.bronto.com/public/?q=direct_add&fn=Public_DirectAddForm&id=azwpqvjgpymtfjtylrmjyverwlopbli&email=example@example.com&doubleOptin=1&sendWelcome=yes&messageId=3f40ed9b14c78514cbc027a43381e1ee&fromName=SAmple+Online&fromAddress=info@example.com" width="0" height="0" border="0" alt=""/>The
Autocomplete - get list of filtered results
Is there a way to 'fetch' the results of a filtered list? eg. list contains cat, catalog, catalogue, catalogues If I type in catalog, the list should just show the last three items. Is there some clean programmatic way to fetch the results of the filter, short of using the filter as a regex on the source list (in a hidden variable in my case). [So, I still don't know how to get this done, but the regex method works good enough for the moment - maybe I haven't come across a rainy day test case yet...]
display row no in sorted tables.
Hi everyone, I'm using JQuery table sorting. I'm facing a problem that is when i sort columns my row number that is first column of my report get disturbed. I want that when i sort data first row serial no should start with 1. any solution for this issue. please help. Regards, Kashif.
Creating extra large radio buttons?
I cannot believe this is NOT possible but thus far, I've scoured the web for hours looking for an easy way to make a radio button about 10 times larger than it normally is, and make it use custom colors. For example, I'd like to use custom images for the "selected" "unselected" and forgo the normal radio button entirely. Can this be done? However, I'm hoping to KEEP the radio button as an input method in the HTML, since jQuery has some super useful tools to manipulate input via radiobutton (or other
Wait to finish before next.
Hi, I am new to jquery and cannot figure this out. I am using a extended class for addclass and removeclass. These two lines are taken from the script. addClass: function(classNames, speed, easing, callback) {... removeClass: function(classNames,speed,easing,callback) {.. Basically the extended class puts an animation on the item. THe issue is if I click on a item everything works, but if I click on another item very quick before the animation stops it starts again, so it does not wait for the call
append with html string not working in IE8
Hi, What is the difference between calling append with html string vs dom object? It seems in IE8, the following code, append with html string does not work well while append with dom object works well. FF(I am using 3.6.13) does not have this problem. Anyone has the same issue? Thanks, Stone <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta content="text/html; charset=utf-8"
addMethod in Validation plugin
I have one selector and one input box contains div id countryName and name. Now I am using validation plugin to validate. I want to do some thins if selector value none then alert will appear on click please select country on click submit. And in case of input box if input box contains . $ % then alert will appear special character not allowed on submit click. I understood I need to addmethod but unable to understand how to create the method can any please help me with this? Thanks
Multiple Show and Hide using a MYSQL Fetch Array?
Here is the code function wall_home() { global $ir,$c,$userid,$h; $wall=mysql_query("SELECT * FROM wall",$c) or die(mysql_error()); print "<table width=100% class=forumline> <th colspan=4>The Wall</th><tr> <td colspan=2 align=center><a href=thewall.php?action=post>Make A Post</a></td><tr> <th width=30%>Poster</th><th width=70%>Post</th><th>Action</th><tr>"; while($wa=mysql_fetch_array($wall)) { $user=mysql_query("SELECT * FROM users where userid={$wa['wallUSERID']}",$c) or die(mysql_error()); $wu=mysql_fetch_array($user);
Just started jquery and am stuck.
I am using an extended addclass and removeclass that basically just adds a animation onto it. I took this from the script: addClass: function(classNames, speed, easing, callback) removeClass: function(classNames,speed,easing,callback) My issue is that I need to run the following code, but if a user clicks a item then another before the last one finished it causes two items to change classes. I tried playing around with the callback, but I can't get it to work. This is what I need to do though.
Selecting all td elements in a row but the first one
Hi, all I have the following code that works fine (except the show/hide animation for the rows is proving to be a pain to get working): $('tr.docRow') .hover(function() { $(this).toggleClass('hover').css('cursor', 'pointer'); }) .click(function() { // Show and hide the row after the row that was clicked on $(this).next().toggle(); }); In the table this is for, I have a checkbox in the first cell in the row the user hovers and clicks on to expand the following row.
Google's "FastButton" -- try this.
I recently stumbled across a post from a Google employee about an optimization they came up with that makes touch buttons much faster here: http://code.google.com/mobile/articles/fast_buttons.html Based on that I did some testing and on my iphone/ipad indeed button pushing is almost instantaneous -- noticably faster than using a jquery mobile 1.0a3 button. I realize that I am not skilled enough to figure out how to incorporate it into jQuery mobile, but I figured Id share the code I used for
Help with a simple clone question
Need help from the gurus once again. I just can't seem to grasp cycling through elements very well...haha I have the following code that works well. $("#selected_products .innertxt2").live('click', function() {//used to to move product to #all_products var product_clone = $(this).clone(true); $(product_clone).removeClass('innertxt2'); $(product_clone).addClass('innertxt'); $('#all_products').append(product_clone); $(this).remove(); });//end click However, I would like to put the div with class innertxt2
help with hide div
hi to all, i want to create a hide up/down effect that hide my radio stream.. the problem is when using other than IE, the radio will automatically stop when i hide down the radio. the IE does not react this way..
Loading Ajax content on another place?
Hi there, Using the JQuery UI Ajax Tabs, how can I load external content on another place on the page? Thanks in advance
Replacing content with Regular Expressions.
Hi All, I have a string content which include the content "[some number]". I wanted to replace the inner number which is inside the square bracket with jQuery regular expressions. the number inside the brackets are always variables. Any suggesstions??
How to use jquey plugin
Hello..i'm beginer.. how to use jquery plugin..what software should install???
Next Page