[jQuery] Edittable plugin problem
Hi All, Am using the editable plug in , When i edit the values , i want to check the already exist and also want to pass the unique key to the query , for the Update WHERE condition , script type=text/javascript charset=utf-8 var oTable; $(document).ready(function() { /* Apply the jEditable handlers to the table */ $('#example tbody td').editable( 'edit_update.php?id='(i want the getID value here ), { callback: function( sValue, y ) { var aPos = oTable.fnGetPosition( this ); oTable.fnUpdate( sValue, aPos[0], aPos[1] ); } } ); /* Init DataTables */ oTable = $('#example').dataTable(); } ); /script tbody ?php while($row=mysql_fetch_object($result)){ $id = $row-id; echo tr; echo td onclick = getID($id) $row-value/td; echo /tr; } ? /tbody How i do this , Thanks -- Regards B.S.Bharanikumar http://php-mysql-jquery.blogspot.com/
[jQuery] Re: Losing the form values in Firefox 2/3 only
I am attaching the sample code to debug the issue: http://www.mohammedarif.com/test/index.html Steps to reproduce in FF 2/3: 1. Click on Add button, this will clone the entire piece of code and append in DOM 2. Put some values in form fields in both the tables/divs 3. Click on Move up button, entire current table shifted to top but form values get lost 4. Same behavior is coming on Move down and Move to top also. But the entire piece of code is working fine in IE 6/7 Would appreciate some quick help to retain form values. Thanks in advance Mohammed Arif On May 29, 1:59 pm, Arif arif.moham...@gmail.com wrote: Hi, Unexpectedly it's not happening in IE 6/7 :) So looking for form jQuery plugin which can save and deserialize form values on a event. Already using form plugin which saves form values in an Array but it doesn't write back the values, need to write back those values after some manipulation to the individual form. But the case is bit different here; we have been using multiple forms on a single page. Looking for quick reply. Thanks Mohammed Arif
[jQuery] json format
Hi jQuery, I'm very new to the json stuff (so warned)... when I try the following: var data = { member : { name : Peter Wraae Marino } } $.ajax({ url: http://localhost/test/gui/ajax_member.php;, type: GET, data: data, cache: false, dataType: json, success: function(msg){ alert( msg ); }, error: function( XMLHttpRequest, textStatus, errorThrown ){ var t = XMLHttpRequest: +XMLHttpRequest+\n; t+= textStatus: +textStatus+\n; t+= errorThrown: +errorThrown+\n; alert( t ); } }); I get an error message saying parsing error, I assume this means my data format is wrong. but when I see how other people have used json data format then I think the way I did it is right? can someone help me out here? regards, Peter -- Power Tumbling - http://www.powertumbling.dk OSG-Help - http://osghelp.com
[jQuery] Re: json format
Hi ,var name = 'Peter Wraae Marino'; var data =name=+name; $.ajax({ url: http://localhost/test/gui/ajax_member.php;, type: GET, data: data, cache: false, dataType: json, success: function(msg){ alert( msg); }, error: function( XMLHttpRequest, textStatus, errorThrown ){ var t = XMLHttpRequest: +XMLHttpRequest+\n; t+= textStatus: +textStatus+\n; t+= errorThrown: +errorThrown+\n; alert( t ); } }); in php file just echo ur post variable like this echo $_POST['name']; Now u can get ur post name into alert pop up Hope this code u wanted? On Mon, Jun 1, 2009 at 11:39 AM, Peter Marino marino.pe...@gmail.comwrote: Hi jQuery, I'm very new to the json stuff (so warned)... when I try the following: var data = { member : { name : Peter Wraae Marino } } $.ajax({ url: http://localhost/test/gui/ajax_member.php;, type: GET, data: data, cache: false, dataType: json, success: function(msg){ alert( msg ); }, error: function( XMLHttpRequest, textStatus, errorThrown ){ var t = XMLHttpRequest: +XMLHttpRequest+\n; t+= textStatus: +textStatus+\n; t+= errorThrown: +errorThrown+\n; alert( t ); } }); I get an error message saying parsing error, I assume this means my data format is wrong. but when I see how other people have used json data format then I think the way I did it is right? can someone help me out here? regards, Peter -- Power Tumbling - http://www.powertumbling.dk OSG-Help - http://osghelp.com -- ---| Regard |--- Mohd.Tareque
[jQuery] Re: Losing the form values in Firefox 2/3 only
hi arif, what i understood from your sample page and explanation that is you cannot get the values of those elements which were generated dynamically after the page is loaded. If that is the case , you can use jQuery live() event to solve this problem, google it I hope it will help you. On Mon, Jun 1, 2009 at 9:07 AM, Mohammed Arif arif.moham...@gmail.comwrote: I am attaching the sample code to debug the issue: http://www.mohammedarif.com/test/index.html Steps to reproduce in FF 2/3: 1. Click on Add button, this will clone the entire piece of code and append in DOM 2. Put some values in form fields in both the tables/divs 3. Click on Move up button, entire current table shifted to top but form values get lost 4. Same behavior is coming on Move down and Move to top also. But the entire piece of code is working fine in IE 6/7 Would appreciate some quick help to retain form values. Thanks in advance Mohammed Arif On May 29, 1:59 pm, Arif arif.moham...@gmail.com wrote: Hi, Unexpectedly it's not happening in IE 6/7 :) So looking for form jQuery plugin which can save and deserialize form values on a event. Already using form plugin which saves form values in an Array but it doesn't write back the values, need to write back those values after some manipulation to the individual form. But the case is bit different here; we have been using multiple forms on a single page. Looking for quick reply. Thanks Mohammed Arif
[jQuery] Re: Losing the form values in Firefox 2/3 only
Abrar, I am just cloning the set of elements not generating anything on the fly, it works fine till the time I don't reset ids/strings in given below code: moveUpDown : function (that, traversOrder, noOfCharts){ Order = traversOrder || 'down'; //Provides fallback value which is 'down' if (Order === up) { var prevElem = $(that).closest([id*='+conTblHolderId+']).prev (); if (prevElem.is([id*='+conTblHolderId+'])) { //$.log(Inside up); $(that).closest([id*='+conTblHolderId+']).insertBefore (prevElem).css('background','green'); //$.log($(that).closest([id*='+conTblHolderId+']).html()) } } else if (Order === down) { var nextElem = $(that).closest([id*='+conTblHolderId+']).next (); if (nextElem.is([id*='+conTblHolderId+'])) { $(that).closest([id*='+conTblHolderId+']).insertAfter (nextElem); } } ContentTable.resetElemsIdsOrder(noOfCharts); }, You could ee the last line ContentTable.resetElemsIdsOrder (noOfCharts); which reset the order as well ids/string. If I comment out this line of code, it works fine in FF also but then my ordering get lost which is a project requirement. And last point, live() is equal to bind() so there is no need to use it in the current scenarios. Thanks Mohammed Arif On Jun 1, 11:48 am, Abrar Arshad abrar.apt...@gmail.com wrote: hi arif, what i understood from your sample page and explanation that is you cannot get the values of those elements which were generated dynamically after the page is loaded. If that is the case , you can use jQuery live() event to solve this problem, google it I hope it will help you. On Mon, Jun 1, 2009 at 9:07 AM, Mohammed Arif arif.moham...@gmail.comwrote: I am attaching the sample code to debug the issue: http://www.mohammedarif.com/test/index.html Steps to reproduce in FF 2/3: 1. Click on Add button, this will clone the entire piece of code and append in DOM 2. Put some values in form fields in both the tables/divs 3. Click on Move up button, entire current table shifted to top but form values get lost 4. Same behavior is coming on Move down and Move to top also. But the entire piece of code is working fine in IE 6/7 Would appreciate some quick help to retain form values. Thanks in advance Mohammed Arif On May 29, 1:59 pm, Arif arif.moham...@gmail.com wrote: Hi, Unexpectedly it's not happening in IE 6/7 :) So looking for form jQuery plugin which can save and deserialize form values on a event. Already using form plugin which saves form values in an Array but it doesn't write back the values, need to write back those values after some manipulation to the individual form. But the case is bit different here; we have been using multiple forms on a single page. Looking for quick reply. Thanks Mohammed Arif
[jQuery] Iframe Height
I am using Jquery to control the height of Iframe. jQuery(iframe,top.document).contents().height(); It's working for Increment of Iframe. When Iframe height decrease its not working.It returns the old value only. Anbody know why this is happening?
[jQuery] superfish prob in IE 7 when loading PDF
Hello there, I have a problem here when using superfish menus. I used the menu on top of the page and below it, i place an iframe to load a PDF. My problem is that the menus are overlapped by the opened PDF in IE 7 and Firefox. IT works fine in IE 6. Hope anybody encountered this baffling phenomenon. :D
[jQuery] Re: Dynamic loading -- newbie question
Sure, I can see it in the browser. But I would also continue to manipulate the newly loaded content. And I can't figure out how to address it (i.e. how to obtain a handle to it. On 29 Maj, 19:56, Jonathan jdd...@gmail.com wrote: Due to .load being Asynch line 10 will execute before 5-8(those are inside a callback) so it makes sense the contents won't be inside the Dom yet. On line 8 what do you mean the 'problem arises here!'. Was the proper data logged to the console, can you not see the contents when you use $ (tag).find()? 1 function reload(id, uri) { 2 var tag = #+id; 3 $svjq(tag).text(); 4 $svjq(tag).load(uri, function(data) { 5 // debug ouotput of the loaded data 6 console.log(Data: \n+data); 7 8 // PROBLEM ARISES HERE! 9 }); 10 $svjq(tag).find(XXX)...// OR HERE! 11 }
[jQuery] Send XML to web service
How would one go about sending an XML file to a web service? I'm guessing the data parameter of $.ajax function has something to do with it, but I could not find a working example in the documentation.
[jQuery] Iframe Height
I am using Jquery to control the height of Iframe. jQuery(iframe,top.document).contents().height(); It's working for Increment of Iframe. When Iframe height decrease its not working.It returns the old value only. Anybody know why this is happening?
[jQuery] bug: error of setRequestHeader in IE
hi all: I come across a bug: html headtitlettt/title script src=/jquery.js/script script $.ajax({ type: 'POST', url: './', beforeSend: function(xhr){ xhr.setRequestHeader('Content-type','application/x-www-form-urlencoded;charset=utf-8'); }, data: { a: 123 } }); /script /head body /body /html the code above in IE will results in the following header: Content-Typeapplication/x-www-form-urlencoded, application/x-www-form-urlencoded;charset=utf-8 I've test with jQuery 1.2.1 and 1.3.2. the error happened when `type' is 'POST', but not 'GET'. I check the source code, and find the following code: 3521 // Set the correct header, if data is being sent 3522 if ( s.data ) 3523 xhr.setRequestHeader(Content-Type, s.contentType); when `type' is 'POST', the s.data is not null, and the `setRequestHeader' is called. and if setRequestHeader is called twice in IE, the latter one will be appended after the former. sorry for my poor English, I hope I've expressed the situation.
[jQuery] json reading data on server
Hi jQuery, I'm trying to learn the json and ajax I have with success sent data over to the server in json now my question is how does one process this data on the server side? client side: var data = { member : { name : Donald Duck } } $.ajax({ url: http://localhost/test/gui/ajax_member.php;, type: GET, data: data, cache: false, dataType: json, success: function(json){ alert( json[test] ); }, error: function( XMLHttpRequest, textStatus, errorThrown ){ var t = XMLHttpRequest: +XMLHttpRequest+\n; t+= textStatus: +textStatus+\n; t+= errorThrown: +errorThrown+\n; alert( t ); } }); server side??? how do I get the name Donald Duck on the server side? -- Power Tumbling - http://www.powertumbling.dk OSG-Help - http://osghelp.com
[jQuery] Re: json reading data on server
if you are using PHP then this function will probably help json_decode more information: http://www.php.net/manual/en/function.json-decode.php On Jun 1, 2:26 pm, Peter Marino marino.pe...@gmail.com wrote: Hi jQuery, I'm trying to learn the json and ajax I have with success sent data over to the server in json now my question is how does one process this data on the server side? client side: var data = { member : { name : Donald Duck }} $.ajax({ url: http://localhost/test/gui/ajax_member.php;, type: GET, data: data, cache: false, dataType: json, success: function(json){ alert( json[test] ); }, error: function( XMLHttpRequest, textStatus, errorThrown ){ var t = XMLHttpRequest: +XMLHttpRequest+\n; t+= textStatus: +textStatus+\n; t+= errorThrown: +errorThrown+\n; alert( t ); } }); server side??? how do I get the name Donald Duck on the server side? -- Power Tumbling -http://www.powertumbling.dk OSG-Help -http://osghelp.com
[jQuery] downloading application/json file instead of jQuery handling it
Hello everyone! Currently I'm developping an application with RoR and jQuery. Is the first time I try to use this wonderful library so I'm still a little naive ^_^ Right now I'm having a problem that I have no idea how to solve. Documentation, google, etc have been useless for me in this point (probably because I'm not searching the right terms) So I'm creating an invitation system: simply, a form where you put an email address and when you hit submit it makes an ajax call. The server should answer with some data such 'how many invitations the user have left', possible errors and (if in development enviroment) the url for the invitation (debuggin purposes), everything coded in json. The problem is that sometimes when sending an invitation firefox pops me up with a download dialog suggesting to save an application/json file with all the data that the server processed. My jQuery script should be taking care of handling it and it is not. I have told Rails to render the answer in json format: render :json = message.to_json message is a hash with a format similar to {:error = There was an error, sorry, :invitations_left = current_user.invitations_left} And I have also specified jQuery the type expected in the return of the call: function inviteFormXSubmit() { $.post('/invitations/create', {recipient_email: $(#recipient_email).val()}, createInvitationCallback, json); } So here is my problem. Any comment will be welcomed since I have no idea how to face this problem. Thx alot everybody. Alex
[jQuery] What is the best way to pass variable data from Python to jQuery?
In my code I have some python code that retrieves some data from a db - and I need to pass some variables from the python code to my jQuery scripts in order to perform an action. The problem is - what is the best way to pass this data? So far in the office we've discussed adding the variable data into the generated HTML via classes or some other standard HTML attribute or use a custom attribute to store the data. What is the best way to accomplish this? Are there other solutions we haven't considered? -Sarah
[jQuery] Re: json reading data on server
hi, yes i'm using php... but the data is sent so the server side has to use $_GET but what do I get?? $_GET??] I assume you want me to $data = json_decode( $_GET[?] ); * * *peter* On Mon, Jun 1, 2009 at 2:48 PM, geronimo3 jeroom...@gmail.com wrote: if you are using PHP then this function will probably help json_decode more information: http://www.php.net/manual/en/function.json-decode.php On Jun 1, 2:26 pm, Peter Marino marino.pe...@gmail.com wrote: Hi jQuery, I'm trying to learn the json and ajax I have with success sent data over to the server in json now my question is how does one process this data on the server side? client side: var data = { member : { name : Donald Duck }} $.ajax({ url: http://localhost/test/gui/ajax_member.php;, type: GET, data: data, cache: false, dataType: json, success: function(json){ alert( json[test] ); }, error: function( XMLHttpRequest, textStatus, errorThrown ){ var t = XMLHttpRequest: +XMLHttpRequest+\n; t+= textStatus: +textStatus+\n; t+= errorThrown: +errorThrown+\n; alert( t ); } }); server side??? how do I get the name Donald Duck on the server side? -- Power Tumbling -http://www.powertumbling.dk OSG-Help -http://osghelp.com -- Power Tumbling - http://www.powertumbling.dk OSG-Help - http://osghelp.com
[jQuery] Scale symbol in line of text
Hello, I am creating a wedding website for a friend. I have their names at the top of the page in a large font with an in between like Mike Smith Suzy Jones. I would like to have it so that when you first visit the page the grows bigger and then shrinks back to normal size. I saw this done with Flash once and thought it looked really neat. I tried using the animate feature and that pushed the names down with it because it was increasing the font size and everything was in the same line of text. I tried changing the z-index of the two to get them on another layer, but that didn't do anything. Anyone have any ideas how I can do this in JQuery? Thanks Mike -- View this message in context: http://www.nabble.com/Scale-%22-%22-symbol-in-line-of-text-tp23814535s27240p23814535.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: Scale symbol in line of text
scuze my lazy code, on a teabreak - this is just to hilight a way of using line-height to stop the fonts sliding down. $(#names).click(function(){ $(#names span).animate({ fontSize: 50px, }, 1500 ); $(#names span).animate({ fontSize: 1em, }, 1500 ); }); #names { display:block; width:100%; height:100px; line-height:100px; } #names span { height:100%; line-height:100%; } div id=namesGroomnbsp;spanamp;/spannbsp;Bride/div another alternative is to put each word in their own div, stick all 3 in a container and float them to the left. then resizing one won't change the height of the others. On Jun 1, 1:56 pm, dmikester1 dmikest...@gmail.com wrote: Hello, I am creating a wedding website for a friend. I have their names at the top of the page in a large font with an in between like Mike Smith Suzy Jones. I would like to have it so that when you first visit the page the grows bigger and then shrinks back to normal size. I saw this done with Flash once and thought it looked really neat. I tried using the animate feature and that pushed the names down with it because it was increasing the font size and everything was in the same line of text. I tried changing the z-index of the two to get them on another layer, but that didn't do anything. Anyone have any ideas how I can do this in JQuery? Thanks Mike -- View this message in context:http://www.nabble.com/Scale-%22-%22-symbol-in-line-of-text-tp23814535... Sent from the jQuery General Discussion mailing list archive at Nabble.com. --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups jQuery (English) group. To post to this group, send email to jquery-en@googlegroups.com To unsubscribe from this group, send email to jquery-en+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/jquery-en?hl=en -~--~~~~--~~--~--~---
[jQuery] Re: Scale symbol in line of text
by the way, z-index controls layer order and wouldn't have much impact if the elements were all displayed inline. if you had two absolutely positioned elements overlapping, the one with the highest z-index would be nearer the back of the pile. On Jun 1, 2:30 pm, ryan.j ryan.joyce...@googlemail.com wrote: scuze my lazy code, on a teabreak - this is just to hilight a way of using line-height to stop the fonts sliding down. $(#names).click(function(){ $(#names span).animate({ fontSize: 50px, }, 1500 ); $(#names span).animate({ fontSize: 1em, }, 1500 ); }); #names { display:block; width:100%; height:100px; line-height:100px; } #names span { height:100%; line-height:100%; } div id=namesGroomnbsp;spanamp;/spannbsp;Bride/div another alternative is to put each word in their own div, stick all 3 in a container and float them to the left. then resizing one won't change the height of the others. On Jun 1, 1:56 pm, dmikester1 dmikest...@gmail.com wrote: Hello, I am creating a wedding website for a friend. I have their names at the top of the page in a large font with an in between like Mike Smith Suzy Jones. I would like to have it so that when you first visit the page the grows bigger and then shrinks back to normal size. I saw this done with Flash once and thought it looked really neat. I tried using the animate feature and that pushed the names down with it because it was increasing the font size and everything was in the same line of text. I tried changing the z-index of the two to get them on another layer, but that didn't do anything. Anyone have any ideas how I can do this in JQuery? Thanks Mike -- View this message in context:http://www.nabble.com/Scale-%22-%22-symbol-in-line-of-text-tp23814535... Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: Scale symbol in line of text
by the way, z-index controls layer order and wouldn't have much impact if the elements were all displayed inline. if think of your elements as being made up of sheets of paper stacked ontop of each other z-index is their order in that stack. the default behaviour is the first element in the source has the lowest z-index and the last has the highest - if you had two absolutely positioned elements overlapping the one with the highest z-index would be nearest the top of the 'pile'.
[jQuery] Re: Autocomplete two fields
On 5/30/09 5:15 AM, Adrian Grigoras adrianc.grigo...@gmail.com wrote: I use JQuery.Autocomplete to autocomplete values into one field. Depending on the first field, I also need to populate a second field. For example: I autocomplete the Name field and depending on the selected name I need to autocomplete also Phone field. It's possible to do that? it seems so. look at the Single Bird (remote) example here: http://jquery.bassistance.de/autocomplete/demo/ the backend returns an array with two members for each suggestion, the members being separated by the | character. autosuggest takes the first member for the field with autocomplete. a .result() handler takes the second member and puts it in the other field ('Hidden input'). this rather powerful trick of passing an array back for each suggestion seems to be undocumented. but you can see it by reading the demo source and observing the results from, say http://jquery.bassistance.de/autocomplete/demo/search.php?q=rob also look in function parse(data), line 371 of the plugin: row = row.split(|); presumably you can use lots of array members on each row of results.
[jQuery] Accessing generated (= by a jQuery function) links
Hi there, for an introductory article regarding jQuery I have done the obvious and shown how to do a slide show of pictures (nothing as fancy as lightbox :-). The application consists of 1 HTML, 1 JavaScript and one PHP file. Provided, I include div id=liste ul id=fuerbildernumspan class=bildervorsatzBilder/span lia title=Bild 1 von 9 [hafen] href=images/hafen1.jpg1/ a/li ... lia title=Bild 9 von 9 [hafen] href=images/hafen9.jpg9/ a/li /ul /div in the HTML file it starts working just fine. But then I want to change this list and have the a element of the picture in question removed. Which means I change the div liste in order to have it look like ... lia title=Bild 3 von 9 [hafen] href=images/hafen3.jpg3/a/ li li4/li lia title=Bild 5 von 9 [hafen] href=images/hafen5.jpg5/a/ li ... After having generated this list a click on one of the links only has the effect of switching to the image's page. Does this mean that jQuery can not access a generated element (that was not part of the original HTML file)? In other words, do functions like $.getJSON() not access generated code? The JavaScript code that generates the new links inside the ul element looks like this for (i = 1; i = bdaten.serienlaenge; i++) { if (i != bdaten.bildnr) { listentext += '\n\tlia title=Bild ' + i + ' von ' + laenge + ' [' + serie + '] href=images/hafen' + i + '.jpg' + i + '/a/li'; } else { listentext += '\n\tli' + i + '/li'; } } BTW If I have a list of thumbs, which I don't have to change after the first link has been clicked everything is fine. It's only when the links were done by a jQuery function that the second click doesn't work... Has anyone an idea whether this is due to jQuery's inner workings? Best regards, Henning aka Madhatter ;-)
[jQuery] no intellisense ...
Hello, I'm running Visual Studio 2008 SP1 on Windows 7 RC, I installed the KB958502, get the files jquery-1.3.2-vsdoc2.js and jquery-1.3.2.js placed in the root (but I tried other places) with the code below ... no intelisense . Do you have an idea why ? Thanks, %@ Page Language=C# AutoEventWireup=true CodeBehind=Default.aspx.cs Inherits=jQueryTest._Default % !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 runat=server titleFollow me!/title script type=text/javascript src=jquery-1.3.2.js/script script type=text/javascript $(function(){ $(pHi there!/p).insertAfter(#followMe); }); /script /head body form id=form1 runat=server div p id=followMeFollow me!/p /div /form /body /html
[jQuery] Re: Autocomplete Question
On 5/30/09 12:31 PM, Marc marc.st...@gmail.com wrote: I am using jquery.autocomplete in a search for schools. I have optional fields (referenced as extraParams) which allow the user to narrow the search to a specific state and city. This part works fine. If the user selects a state and city and then initiates the search be entering a value into the autocomplete field, then everything works well. My issue is that I need to execute the search and return results to the autocomplete field when the user selects a state (and nothing has been entered into the autocomplete field). Obviously, I have an onChange event in the State field which can trigger the search event, but I don't know how to manually cause the search to occur (passing a wildcard for the value of q). Any suggestions would be GREATLY appreciated. this question comes up periodically here. look in the archive for a thread called Autocomplete plugin for multiple form fields from a JSON source. the kernel is to set minChars to 0 and then when you send two 'click' events to the field when you want the suggestions to pop open, e.g. inside your .result() event handler for state input, put: $(#city).setOptions({minChars: 0}).trigger('click').trigger('click'); or it could go in an onfocus handler on the city field, as you wish.
[jQuery] Re: AutoComplete with extraParam
On 5/30/09 5:15 PM, Dushyant Patel patel.dushy...@gmail.com wrote: Hi All, I am using AutoComplete plug-in, its working great for me. But now i have some new requirement and i am not able to make it work with autocomplete. Requirement is as follow: Now i need 2 extra parameter to pass and these two parameter's value would be depend on selected value of selected box. So let me explain in details: $(.mui_search_input).autocomplete('http://weburl/Service.svc/', { minChars: 3, matchContains: false, autoFill: false, scrollHeight:200, cacheLength: 3, mustMatch: true, extraParams: { Parm1:valueofselectionbox1, Param2:valueofselectionbox2}, Here valueofselectionbox1 and valueofselectionbox2 are selection box next to search box. so i supposed to get values of those selection box and pass as extra parameter. I tired with following but not working: extraParams: { Parm1:$(.selectbox1).val(), Param2:$(.selectbox2).val ()}, the extraparams need to be functions. otherwise you just set the params to whatever values are in those selects at the time you called $(.mui_search_input).autocomplete() see http://docs.jquery.com/Plugins/Autocomplete#Dependencies_between_fields
[jQuery] Re: [autocomplete] matchContains in multiple words
On 5/31/09 5:36 PM, Alec alec.mil...@gmail.com wrote: http://docs.jquery.com/Plugins/Autocomplete Say I have the following entry in a data array: Quick brown fox Is it possible to return this entry when I search for e.g. qui fox? At this moment I can only get this result when searching for qui or fox, but not qui fox. I guess what I'm looking for is a way to split the input, and match each part against the data entries. if you're using local data, i don't know. probably not. if you're using a remote search, yes, program the search logic in your backend.
[jQuery] Re: jqGrid with an editable checkbox column
Thanks. I created a custom formatter for checkbox column called checkboxFormatter(). - html head titlejqGrid - Custom Formatter/title link rel=stylesheet type=text/css href=/themes/coffee/ grid.css title=coffee media=screen / script src=/jquery-1.3.2.js type=text/javascript/script script src=/jqgrid/jquery.jqGrid.js type=text/javascript/ script script src=/jqgrid/js/jqModal.js type=text/javascript/ script script src=/jqgrid/js/jqDnR.js type=text/javascript/script script type=text/javascript jQuery(document).ready(function() { jQuery(#list1).jqGrid({ url: '/Data/GridDataNamedColums/', datatype: 'json', mtype: 'GET', jsonReader: { total: total, //total pages for the query page: page, //current page of the query records: records, //total number of records for the query root: rows, //an array that contains the actual data repeatitems: false, id: other //the unique id of the row }, colNames: ['someNumber', 'vote', 'Title', 'other'], colModel: [ { name: 'someNumber', width: 40, align: 'left' }, { name: 'vote', width: 40, align: 'left', formatter: checkboxFormatter }, { name: 'Title', width: 400, align: 'left' }, { name: 'other', width: 40, align: 'left' }, ], onSelectRow: function(rowid) { alert('Selected ... rowid=' + rowid); }, pager: jQuery('#pagerBar'), rowNum: 10, //rowList: [2, 5, 10, 20, 50], viewrecords: true, height: 250, imgpath: '/themes/coffee/images', caption: 'Custom Formatter grid' }); }); //checkboxFormatter to wire onclick event of checkbox function checkboxFormatter(el, cval, opts) { cval = cval + ; cval = cval.toLowerCase(); var bchk = cval.search(/(false|0|no|off|n)/i) 0 ? checked=\checked\ : ; $(el).html(input type='checkbox' onclick=\ajaxSave(' + opts.rowId + ', this);\ + bchk + value=' + cval + ' offval='no' /); } function ajaxSave(rowid, curCheckbox) { //ajax Save code } /script /head body h2List - CUSTOM Formatter /h2 table id=list1 class=scroll cellpadding=0 cellspacing=0/table div id=pagerBar class=scroll style=text-align:center;/ div /body /html - Predefined formatter function, present in jquery.fmatter.js file, are called from $.unformat and fireFormatter functions. But I have simply added 'checkboxFormatter' in web page (as shown above). I have NOT modified jquery.fmatter.js. Is this correct ? Thank You.
[jQuery] slider ui 1.6 with different handle class doesn't work
I was using jQuery UI 1.5.3 and after I upgraded to 1.6 some of my sliders are not working properly. To be more specific, once I let go of the slider handle after moving it, it still moves with the mouse, even though my mouse button is not pressed anymore. It seems that if I used a different handle than the default, the above issue occurs. So $('#someId').slider(); works fine, but $('#someId').slider({ handle: '.someHandleClass' }); doesn't. Any ideas?
[jQuery] Re: Accessing generated (= by a jQuery function) links
* --- On Mon, 6/1/09, numan numan@gmail.com wrote: hello my friend how are u latest summer fashion hot fashion videos visit my websitehttp://www.fashioninfokit.com/*
[jQuery] Re: json reading data on server
* --- On Mon, 6/1/09, numan numan@gmail.com wrote: hello my friend how are u latest summer fashion hot fashion videos visit my websitehttp://www.fashioninfokit.com/*
[jQuery] Re: Autocomplete two fields
--- On *Mon, 6/1/09, numan nomigu...@yahoo.com* wrote: hello my friend how are u latest summer fashion hot fashion videos visit my website http://fashioninfokit.com/
[jQuery] Re: AutoComplete with extraParam
* --- On Mon, 6/1/09, numan numan@gmail.com wrote: hello my friend how are u latest summer fashion hot fashion videos visit my websitehttp://www.fashioninfokit.com/*
[jQuery] Re: jqGrid with an editable checkbox column
* --- On Mon, 6/1/09, numan numan@gmail.com wrote: hello my friend how are u latest summer fashion hot fashion videos visit my websitehttp://www.fashioninfokit.com/*
[jQuery] Re: Scale symbol in line of text
* --- On Mon, 6/1/09, numan numan@gmail.com wrote: hello my friend how are u latest summer fashion hot fashion videos visit my websitehttp://www.fashioninfokit.com/*
[jQuery] json indexing not working for me
the basics: php, jquery, javascript server side ajax_member.php (bascially try to send what I get back to the client,.. for testing!!!) ?php $arr = $_GET; $myjson = json_encode($arr); echo $myjson; ? client side: var data = { mybutt : is so big!, member : { name : Donald Duck } } $.ajax({ url: http://localhost/test/gui/ajax_member.php;, type: GET, data: data, cache: false, dataType: json, success: function(json){ alert( json.member.name ); } }); my problem is that the json.member.name is undefined??? why? how do I access it or what am I doing wrong? if I use json.mybutt I get what I expect.. why does the json.member.name not work? anyone... (been working 8 hours on this problem!) regards, Peter -- Power Tumbling - http://www.powertumbling.dk OSG-Help - http://osghelp.com
[jQuery] Re: accessing dom from different domain ?
$.ajax({ URL : www.myurl.com success: function(html) { var my id = $(#myid, html); alert(myid); }); }); On Mon, Jun 1, 2009 at 7:51 AM, kaspar kaspar...@gmail.com wrote: Ricardo , thank you for replay but I'm getting the same exception Permission denied to get property jq13(#open-oauth-button).click(function(event){ TwitterService.getAuthUrl(function(url){ var myRef = window.open(url,'mywin', 'left=20,top=20,width=1000,height=400,toolbar=0,resizable=0'); var win=window; jq13(myRef.document).ready(function(){ var self = win.jq13(this); self.jq13(div.buttons#deny).click(function(event){ alert(lala); }); }); }); }); I think the problem is in jq13(myRef.document). Main window has localhost domain but myRef window has twitter.com domain so there is cross domain security work . I'm wondering is the any ability to monitor events in myRef window? http://friendfeed.com/ seems made it work but dont know how :) On Jun 1, 2:50 am, Ricardo ricardob...@gmail.com wrote: does the document in the other window also have a jq13 object? If not you have to use the one in your main window and pass the other window's document as context: jq13(myRef.document).ready(function(){ // grab the document in a jq object var self = this.parentWindow.jq13(this); self.find(div.buttons#deny).click(function(event){ alert(lala); }); }); Not tested, might not work but you get the idea. On May 31, 3:38 pm, kaspar kaspar...@gmail.com wrote: Hello I'm trying to make Twitter OAuth and getting Permission denied to get property here is the code jq13(#open-oauth-button).click(function(event){ TwitterService.getAuthUrl(function(url){ var myRef = window.open(url,'mywin', 'left=20,top=20,width=1000,height=400,toolbar=0,resizable=0'); jq13(myRef.document).ready(function(){ myRef.jq13(div.buttons#deny).click(function(event){ alert(lala); }); }); }); }); is it possible to create event listeners on dom from different domain ?
[jQuery] Re: json indexing not working for me
* --- On Mon, 6/1/09, numan numan@gmail.com wrote: hello my friend how are u latest summer fashion hot fashion videos visit my websitehttp://www.fashioninfokit.com/*
[jQuery] Unable to Formulate a Proper Title
How does one assign the return value of a jQuery method/plug-in to a reference variable? Roddy An IT idiot with apparent zero ability to communicate among Geeks who systematically eschew reading but readily recommend the writing of others.
[jQuery] browser detection, conditional CSS
What's everyone's opinion on current best-practice for offering conditional CSS for specific browsers. I just noticed that Jquery used to have a detection function rolled in, which was deprecated. I have been using IE conditional comments to do this for a long while but recently used a WP theme (Justin Tadlock's hybrid) that used http user agent to add classes to the body tag depending on which browser and I sorta liked this approach. Mostly because it actually works in my PC testing enviro. Thoughts? Thanks everyone! -Adam
[jQuery] Re: Accessing generated (= by a jQuery function) links
On Mon, Jun 1, 2009 at 8:51 AM, madhatter h...@ix.de wrote: Hi there, for an introductory article regarding jQuery I have done the obvious and shown how to do a slide show of pictures (nothing as fancy as lightbox :-). The application consists of 1 HTML, 1 JavaScript and one PHP file. Provided, I include div id=liste ul id=fuerbildernumspan class=bildervorsatzBilder/span This markup is not good. You shouldn't have anything directly inside UL except LI. Doing this may cause unexpected results. lia title=Bild 1 von 9 [hafen] href=images/hafen1.jpg1/ a/li ... lia title=Bild 9 von 9 [hafen] href=images/hafen9.jpg9/ a/li /ul /div in the HTML file it starts working just fine. But then I want to change this list and have the a element of the picture in question removed. Which means I change the div liste in order to have it look like ... lia title=Bild 3 von 9 [hafen] href=images/hafen3.jpg3/a/ li li4/li lia title=Bild 5 von 9 [hafen] href=images/hafen5.jpg5/a/ li ... After having generated this list a click on one of the links only has the effect of switching to the image's page. Can you clarify this? Do you have some code that removes the A tag? Does this mean that jQuery can not access a generated element (that was not part of the original HTML file)? In other words, do functions like $.getJSON() not access generated code? The JavaScript code that generates the new links inside the ul element looks like this for (i = 1; i = bdaten.serienlaenge; i++) { if (i != bdaten.bildnr) { listentext += '\n\tlia title=Bild ' + i + ' von ' + laenge + ' [' + serie + '] href=images/hafen' + i + '.jpg' + i + '/a/li'; } else { listentext += '\n\tli' + i + '/li'; } } I don't see any click handler there. Please post all of the relevant code.
[jQuery] Re: browser detection, conditional CSS
i good thing to do is to declare this styles on your default / index page /* keep your page defaults the same across each browser */ html { width:100%; height:100%; } /* declare the initial margin and padding of each element to be 0, 0 */ * { margin:0; padding:0; } On Mon, Jun 1, 2009 at 6:44 PM, Adam adambu...@gmail.com wrote: What's everyone's opinion on current best-practice for offering conditional CSS for specific browsers. I just noticed that Jquery used to have a detection function rolled in, which was deprecated. I have been using IE conditional comments to do this for a long while but recently used a WP theme (Justin Tadlock's hybrid) that used http user agent to add classes to the body tag depending on which browser and I sorta liked this approach. Mostly because it actually works in my PC testing enviro. Thoughts? Thanks everyone! -Adam
[jQuery] Add Class to all form elements
Hey everyone, I need help with a jquery task. I have a form that has it's HTML inserted into the database (yeah yeah I know..not my idea..I'm new here and just finding this out). Anyway, each form field has an embedded class in the HTML. The form is dynamically generated. Can be anywhere from 5 to 10 to 20 to 50 fields. How can I loop over each form field and add a new class to the field (either input or radio or checkbox)? Thoughts? Thanks!
[jQuery] Re: Add Class to all form elements
script $(function() { var myforms = $(form); myforms.each(function(i) { var myform = myforms.eq(i); var myfields = $(input, myform); myfields.each(function(i) { var myfield = myfields.eq(i); myfield.addClass(myflied_+i); }); }); }); /script On Mon, Jun 1, 2009 at 7:19 PM, Loony2nz loony...@gmail.com wrote: Hey everyone, I need help with a jquery task. I have a form that has it's HTML inserted into the database (yeah yeah I know..not my idea..I'm new here and just finding this out). Anyway, each form field has an embedded class in the HTML. The form is dynamically generated. Can be anywhere from 5 to 10 to 20 to 50 fields. How can I loop over each form field and add a new class to the field (either input or radio or checkbox)? Thoughts? Thanks!
[jQuery] Plugin for styling select ?
Hey Everyone, I've been looking around the web for solutions to styling HTML form elements and haven't come up with much. Has anyone found a jQuery plugin (or possibly a standalone javascript) that lets you do this? I'm especially interested in styling the select element, but it would be great to know to have a resource that styles other items as well. It would need to be compatible with IE6+ Thanks!
[jQuery] Accordion and Facebox
I have installed accordion on my project. It works perfect for my side navigation bar. However, when i install my project with facebox afterwards, it is not working perfectly. For instance, 1. when i close the popup by facebox, the accordion isn't working until i click one of the sidebar. 2. there are few pages on my table. When i click the second page of the table produced by facebox, it jumped out from the facebox and refresh on the main page.
[jQuery] Accordion and Facebox
I have installed accordion on my project. It works perfect for my side navigation bar. However, when i install my project with facebox afterwards, it is not working perfectly. For instance, 1. when i close the popup by facebox, the accordion isn't working until i click one of the sidebar. 2. there are few pages on my table. When i click the second page of the table produced by facebox, it jumped out from the facebox and refresh on the main page.
[jQuery] JQquery Ajax call WCF remotely doesn't work
I am trying to use JQuery Ajax to call WCF, but it seems it doesn't recoginze the path. Here is my code: $.ajax({ type: GET, url: http://localhost:3314/WCFServiceEx/Service.svc/ GetData, contentType: application/json; charset=utf-8, dataType: jsonp, // data: '{PatientID:' + PatientID + ',PageName: Desktop,WidgetOrder1:' + hdnCol1.value + ',WidgetOrder2:' + hdnCol2.value + ',WidgetOrder3:' + hdnCol3.value + ',WidgetOrder4:' + hdnCol4.value + ',WidgetOrder5:' + hdnCol5.value + ',WidgetOrder6:' + hdnCol6.value + ' }', success: function(data) { alert(data.d); }, error: function(xhr) { if (xhr.responseText) { alert(text); $(body).html(xhr.responseText); } else alert('unknown error'); return; }, cache: false }); } Any suggestion? Thanks, NH
[jQuery] Live Event Handler
Hi jQuery gurus :) I am trying to use the Live Event instead of the default bind. What I have notice though is that I can't use the live event if I am selecting a specific elementID. for example $('#myInputBox').live(...) but if I use it as $(':input).live(..) it works fine. Was wondering if this is a limitation of the live event or I am using it wrong. If I can't use it would anyone suggest an alternative way for me to always bind my events on this ID? Many Thanks
[jQuery] Accordion and Facebox
I have installed accordion on my project. It works perfect for my side navigation bar. However, when i install my project with facebox afterwards, it is not working perfectly. For instance, 1. when i close the popup by facebox, the accordion isn't working until i click one of the sidebar. 2. there are few pages on my table. When i click the second page of the table produced by facebox, it jumped out from the facebox and refresh on the main page.
[jQuery] Question Animating and Removing Elements
Hi, I have a scenario where the user can click a delete button to remove a dynamic element from the page. Whent he button is clicked I want the element to slide up and then be removed from the DOM. I can't make this work however. I can either slide it up or remove it. Can anyone tell me how to force the remove function to wait until the animation is complete? Thanks, Stephen
[jQuery] Re: JQquery Ajax call WCF remotely doesn't work
Are you getting the Access to restriced URI denied error? If you are, here's my old post: http://groups.google.com/group/jquery-en/browse_thread/thread/b6579cd6f6c0a160/5e163538fcb0c139?hl=enlnk=gstq=brakes2k3#5e163538fcb0c139 Otherwise, you can try removing http://localhost:3314; from the url parameter. On Jun 1, 11:57 am, NH nhuye...@gmail.com wrote: I am trying to use JQuery Ajax to call WCF, but it seems it doesn't recoginze the path. Here is my code: $.ajax({ type: GET, url: http://localhost:3314/WCFServiceEx/Service.svc/ GetData, contentType: application/json; charset=utf-8, dataType: jsonp, // data: '{PatientID:' + PatientID + ',PageName: Desktop,WidgetOrder1:' + hdnCol1.value + ',WidgetOrder2:' + hdnCol2.value + ',WidgetOrder3:' + hdnCol3.value + ',WidgetOrder4:' + hdnCol4.value + ',WidgetOrder5:' + hdnCol5.value + ',WidgetOrder6:' + hdnCol6.value + ' }', success: function(data) { alert(data.d); }, error: function(xhr) { if (xhr.responseText) { alert(text); $(body).html(xhr.responseText); } else alert('unknown error'); return; }, cache: false }); } Any suggestion? Thanks, NH
[jQuery] JQuery Cycle Plugin, all images in pool showing up when page loads
I'm trying this Cycle Plugin, but whenever I load, lets say I have 5 images in the rotation pool, they all show up (briefly) whenever the page reloads, and then they dissapear (starting the rotation). Is there any way to avoid this? The images I'm using are 960 x 220, so it pretty much fills the screen before it hides.
[jQuery] [autocomplete] hard time with accent
Hi folks, I'm currently using this JQuery autocomplete plugin. It fits my needs, pretty cool, however I'm having a hard time with accents. If I type: Antonio, the plugin won't retrieve Antônio. I mean, it won't handle the special characters (á, à, é, í, ó, ú and so on.) Is there any option so that it can handle them? Best Regards, Gui
[jQuery] Re: browser detection, conditional CSS
On 6/1/09 1:16 PM, waseem sabjee waseemsab...@gmail.com wrote: i good thing to do is to declare this styles on your default / index page /* keep your page defaults the same across each browser */ html { width:100%; height:100%; } /* declare the initial margin and padding of each element to be 0, 0 */ * { margin:0; padding:0; } this principle is sound, though i had trouble with resetting * and now use the following default reset: html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; outline:0; font-size:1em; } On Mon, Jun 1, 2009 at 6:44 PM, Adam adambu...@gmail.com wrote: What's everyone's opinion on current best-practice for offering conditional CSS for specific browsers. I just noticed that Jquery used to have a detection function rolled in, which was deprecated. I have been using IE conditional comments to do this for a long while but recently used a WP theme (Justin Tadlock's hybrid) that used http user agent to add classes to the body tag depending on which browser and I sorta liked this approach. Mostly because it actually works in my PC testing enviro. Thoughts? Thanks everyone! i gave up on browser specific css. i couldn't find a way to do it that wasn't risky one way or another. when i really need different stylings, i will use ie conditional html to make the markup different for different browsers and then use standard css without hacks. btw: was this a jquery question?
[jQuery] Re: Plugin for styling select ?
For custom formatting selects, try the linkselect plugin: http://www.givainc.com/labs/linkselect_jquery_plugin.htm Best, --Carl. On Jun 1, 1:25 pm, amuhlou amysch...@gmail.com wrote: Hey Everyone, I've been looking around the web for solutions to styling HTML form elements and haven't come up with much. Has anyone found a jQuery plugin (or possibly a standalone javascript) that lets you do this? I'm especially interested in styling the select element, but it would be great to know to have a resource that styles other items as well. It would need to be compatible with IE6+ Thanks!
[jQuery] Wait for a certain word in array before executing when using .each loop
Here's my jQuery: var arr = ['621|342| ','620|343| ','622|342|clicked']; for (var i=0; i arr.length; i++){ var splode = arr[i].split('|'); xPos = splode[0]; yPos = splode[1]; click = splode[2]; $('#box').animate({top: yPos+'px', left: xPos+'px'},15); if (click === 'clicked'){ alert('clicked'); } } Basically, I want to wait until variable click shows the text 'clicked' before the alert happens. As it is right now (and with 'for' and 'while') it alerts 'clicked' at the very beginning depending on how many times it is in the array. Any help rocks. Thanks peeps.
[jQuery] Passing a PHP variable to jQuery
So I'm going to be printing a list of items from a database, and with each item there will be a link printed with it. Essentially, I want something like a href=link from database id=link_1Load/a, except I want the link to use ajax. So in my scripts.js file I'll have something like $('#link_1').click( function() { $('#link_1').load (link from database)}); I want to get the link from database from the PHP file that contains the initial link. How would I do this?
[jQuery] Re: Passing a PHP variable to jQuery
On Mon, Jun 1, 2009 at 3:37 PM, Mike C snib...@gmail.com wrote: So I'm going to be printing a list of items from a database, and with each item there will be a link printed with it. Essentially, I want something like a href=link from database id=link_1Load/a, except I want the link to use ajax. So in my scripts.js file I'll have something like $('#link_1').click( function() { $('#link_1').load (link from database)}); I want to get the link from database from the PHP file that contains the initial link. How would I do this? You need to read up on jquery AJAX (getting the data from .php) and JSON (the data format that your database links should be in).
[jQuery] Request: build hoverFlow in jquery core
Hey, The biggest issue i always had with jquery was that queue build up stuff. Now we have the hoverFlow plugin to fix that: http://www.2meter3.de/code/hoverFlow/index.html But i was wondering.. shouldn't this be part of the core? like for example that you can say to the animate function to run once and not build up the queue? Also the ability hoverFlow provides seems to be something that really should be in the core because everyone working with effects will probably need it at some point in time. So that's why i request to make hoverFlow part of the jquery core. Just out of curiosity. What's the fastest way to imitate the hoverFlow effect without adding that plugin? i personally would rather avoid adding any more javascript plugins to my site. one should be enough unless your doing extreme things.
[jQuery] Re: JQuery Cycle Plugin, all images in pool showing up when page loads
Found how how to do it: .pics { width: 960px; height: 220px; margin-left: auto; margin-right: auto; overflow: hidden; } .pics img { width: 960px; height: 220px; } overflow: hidden did the trick. Thanks! On Jun 1, 1:27 pm, Adrian Chen ac...@mac.com wrote: Use CSS to control the initial display of the images. How would that be done? Right now this is what I'm using .pics { height: 220px; width: 960px; margin-left: auto; margin-right: auto; } .pics img { width: 960px; height: 220px; }
[jQuery] Re: JQuery Cycle Plugin, all images in pool showing up when page loads
On Jun 1, 2009, at 2:27 PM, Adrian Chen wrote: Use CSS to control the initial display of the images. How would that be done? Right now this is what I'm using .pics { height: 220px; width: 960px; margin-left: auto; margin-right: auto; } .pics img { width: 960px; height: 220px; } Hi Adrien, Try it with two additional declarations: .pics { position: relative; height: 220px; width: 960px; margin-left: auto; margin-right: auto; } .pics img { position: absolute; width: 960px; height: 220px; } --Karl Karl Swedberg www.englishrules.com www.learningjquery.com
[jQuery] Re: JQuery Cycle Plugin, all images in pool showing up when page loads
Oops. Sorry I misspelled your name, Adrian. --Karl On Jun 1, 2009, at 3:58 PM, Karl Swedberg wrote: On Jun 1, 2009, at 2:27 PM, Adrian Chen wrote: Use CSS to control the initial display of the images. How would that be done? Right now this is what I'm using .pics { height: 220px; width: 960px; margin-left: auto; margin-right: auto; } .pics img { width: 960px; height: 220px; } Hi Adrien, Try it with two additional declarations: .pics { position: relative; height: 220px; width: 960px; margin-left: auto; margin-right: auto; } .pics img { position: absolute; width: 960px; height: 220px; } --Karl Karl Swedberg www.englishrules.com www.learningjquery.com
[jQuery] Re: Plugin for styling select ?
Thanks, I'll look into this one today! On Jun 1, 2:58 pm, clorentzen carl.lorent...@gmail.com wrote: For custom formatting selects, try the linkselect plugin: http://www.givainc.com/labs/linkselect_jquery_plugin.htm Best, --Carl. On Jun 1, 1:25 pm, amuhlou amysch...@gmail.com wrote: Hey Everyone, I've been looking around the web for solutions to styling HTML form elements and haven't come up with much. Has anyone found a jQuery plugin (or possibly a standalone javascript) that lets you do this? I'm especially interested in styling the select element, but it would be great to know to have a resource that styles other items as well. It would need to be compatible with IE6+ Thanks!
[jQuery] Re: Passing a PHP variable to jQuery
I personally would just use jQuery's .get() method. Then with your PHP pages you can use xml, json, or html snippets. I tend to use html snippets. i.e. HTML a href=MyNewBadAssDynamicPage.php?id=1 id=BadAssPage1View Bad Ass Page/a div id=BadAssPageContent/div JAVASCRIPT - $('#BadAssPage1').click(function(){ var pagelink = $('#BadAssPage1').attr('href'); $.get(pagelink, function(data){ $('#BadAssPageContent').html(data); }); }); PHP - MyNewBadAssDynamicPage.php ?php $id = $_GET['id'] // load db stuff form $id ? div class=coolstuff?php echo $dbStuff; ?/div When I was first learning jQuery one thing help me get use to the idea of ajax is not to think of databases or dynamic data. jQuery really could careless if it's loading a php, asp, js, or even html page. All it needs is a valid link to load the data. Once the data is loaded it then needs a function to decide what to do with the data. That's it. Coming from a PHP Actionscript background I would say the hardest part of learning jQuery was excepting it's simplicity. On Jun 1, 2009, at 12:37 PM, Mike C wrote: So I'm going to be printing a list of items from a database, and with each item there will be a link printed with it. Essentially, I want something like a href=link from database id=link_1Load/a, except I want the link to use ajax. So in my scripts.js file I'll have something like $('#link_1').click( function() { $('#link_1').load (link from database)}); I want to get the link from database from the PHP file that contains the initial link. How would I do this?
[jQuery] Re: Form Plugin
So when I added the error and complete callbacks I can see it working, but I'm getting an error. It looks like it's submitting 3 times and is timing out. On May 31, 7:00 pm, Robbie Clutton robert.clut...@gmail.com wrote: Hey, I tried the form plugin, but I'm not getting the expected complete event. Below is the code snippet. It's worth noting that the data returned in JSON, not a HTML redirect. Any help would be appreciated. Using Firebug, I can see the 'dom is ready' log, but not the 'all done' log message. Cheers Robbie head script type='text/javascript' src='jquery-1.3.2.min.js'/script script type='text/javascript' src='jquery.form.js'/script script type=text/javascript // wait for the DOM to be loaded $(document).ready(function() { console.log('dom is ready'); $('#myForm').ajaxForm(function() { alert(Thank you for your comment!); console.log('all done'); }); }); /script /head body form id='myform' action=http://mysite/account/picture; enctype=multipart/form-data method=post fieldset class=common-form standard-form input id=avatar name=avatar size=30 type=file / psmallMaximum size of 700k. JPG, PNG./small/p input name=commit type=submit value=Save / /fieldset /form /body
[jQuery] Problem with Form and Validate plugins
Ok, this is my last resort, as I've been working on this for a while and am completely stumped. I'm probably just doing something stupid that I haven't noticed, so maybe a fresh pair of eyes would help. Essentially my problem is this: on this website I'm developing, users can submit photos for a monthly contest. I'm using the Lightbox plugin with prototype and script.aculo.us to display winners from the past few months, and the Validate and Form plugins for jQuery to display a form where users upload their pictures. Thus, I have this in the head of my document: script type=text/javascript src=js/prototype.js/script script type=text/javascript src=js/scriptaculous.js? load=effects,builder/script script type=text/javascript src=http://code.jquery.com/jquery- latest.js/script script type=text/javascript src=js/jquery.validate.min.js/ script script type=text/javascript src=js/jquery.form.js/script scriptjQuery.noConflict();/script script type=text/javascript src=js/lightwindow.js/script script type=text/javascript src=js/ajax_upload.js/script The ajax_upload file contains the following script: jQuery(document).ready(function($){ $(#submitphoto).validate({ rules: { firstname: required, lastname: required, email: { required: true, email: true }, upload: { required: true }, message: required }, messages: { firstname: Please enter your first name., lastname: Please enter your last name., email: Please enter a valid email address., topic: Please select a photo to upload. }, submitHandler: function(form) { options1 = { target: '#lowernav_middle', iframe: true, beforeSubmit: function() { $(#lowernav_middle).html('img src=images/ajax-loader-regular.gif alt=Loading... id=loading / ')}, success: function(data) { var $out = $('#lowernav_middle'); $out.html('Form successfully received: strong' + data + '/strong'); }, }; $(form).ajaxSubmit(options1); return false; } }); }); and then finally, the form that the user sees: form id=submitphoto action=upload.php method=POST enctype=multipart/form-data fieldset class=pix legendAll fields required:/legend plabel for=firstnameFirst Name:/ labelbr / input type=text id=firstname name=firstname //p plabel for=lastnameLast Name:/ labelbr / input type=text id=lastname name=lastname //p plabel for=emailEmail Address:/ labelbr / input type=text id=email name=email // p plabel for=uploadUpload Picture:/ labelbr / input type=file id=upload name=upload size=12//p plabel for=captionCaption (optional):/ labelbr / input type=text id=caption name=caption //p pinput name=optout type=checkbox checked=checked /span class=finenbsp;nbsp;I would like to be contacted with future promotions./span/p input type=submit id=send name=send value=Submit Picture/ /fieldset /form On the server side, upload.php validates the submitted stuff again, adds the photo to a directory of uploaded images, and adds the user's information to a MySQL database, along with a reference to where the corresponding photo is stored. The whole process works fine, except when I try to do it with ajaxSubmit. The success function gets fired, but the script doesn't display any text response from the server, nor is any information added to the database. The server-side script (upload.php) is set to echo some sample text no matter how you access it, so I don't believe that's the problem. Any help on this would be incredibly appreciated. I can provide a link to the page too, if necessary.
[jQuery] Re: Passing a PHP variable to jQuery
Thanks for the replies! :D On Jun 1, 1:12 pm, Isaac Gonzalez ier...@gmail.com wrote: I personally would just use jQuery's .get() method. Then with your PHP pages you can use xml, json, or html snippets. I tend to use html snippets. i.e. HTML a href=MyNewBadAssDynamicPage.php?id=1 id=BadAssPage1View Bad Ass Page/a div id=BadAssPageContent/div JAVASCRIPT - $('#BadAssPage1').click(function(){ var pagelink = $('#BadAssPage1').attr('href'); $.get(pagelink, function(data){ $('#BadAssPageContent').html(data); }); }); PHP - MyNewBadAssDynamicPage.php ?php $id = $_GET['id'] // load db stuff form $id ? div class=coolstuff?php echo $dbStuff; ?/div When I was first learning jQuery one thing help me get use to the idea of ajax is not to think of databases or dynamic data. jQuery really could careless if it's loading a php, asp, js, or even html page. All it needs is a valid link to load the data. Once the data is loaded it then needs a function to decide what to do with the data. That's it. Coming from a PHP Actionscript background I would say the hardest part of learning jQuery was excepting it's simplicity. On Jun 1, 2009, at 12:37 PM, Mike C wrote: So I'm going to be printing a list of items from a database, and with each item there will be a link printed with it. Essentially, I want something like a href=link from database id=link_1Load/a, except I want the link to use ajax. So in my scripts.js file I'll have something like $('#link_1').click( function() { $('#link_1').load (link from database)}); I want to get the link from database from the PHP file that contains the initial link. How would I do this?
[jQuery] Re: no intellisense ...
here's your exact HTML with Intellisense working just fine for me http://i42.tinypic.com/2mdjo9e.jpg I'd take a guess you didn't install something correctly (and just to note, i am also on Windows 7 RC, so it's not that) On Jun 1, 9:48 am, Kris-I kris.i@gmail.com wrote: Hello, I'm running Visual Studio 2008 SP1 on Windows 7 RC, I installed the KB958502, get the files jquery-1.3.2-vsdoc2.js and jquery-1.3.2.js placed in the root (but I tried other places) with the code below ... no intelisense . Do you have an idea why ? Thanks, %@ Page Language=C# AutoEventWireup=true CodeBehind=Default.aspx.cs Inherits=jQueryTest._Default % !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 runat=server titleFollow me!/title script type=text/javascript src=jquery-1.3.2.js/script script type=text/javascript $(function(){ $(pHi there!/p).insertAfter(#followMe); }); /script /head body form id=form1 runat=server div p id=followMeFollow me!/p /div /form /body /html
[jQuery] Re: Question Animating and Removing Elements
Hi Karl, Thanks for the response. It works great. Thanks, Stephen
[jQuery] Re: Form Plugin
So when I added the error and complete callbacks I can see it working, but I'm getting an error. It looks like it's submitting 3 times and is timing out. On May 31, 7:00 pm, Robbie Clutton robert.clut...@gmail.com wrote: Hey, I tried the form plugin, but I'm not getting the expected complete event. Below is the code snippet. It's worth noting that the data returned in JSON, not a HTML redirect. Any help would be appreciated. Using Firebug, I can see the 'dom is ready' log, but not the 'all done' log message. Cheers Robbie head script type='text/javascript' src='jquery-1.3.2.min.js'/script script type='text/javascript' src='jquery.form.js'/script script type=text/javascript // wait for the DOM to be loaded $(document).ready(function() { console.log('dom is ready'); $('#myForm').ajaxForm(function() { alert(Thank you for your comment!); console.log('all done'); }); }); /script /head body form id='myform' action=http://mysite/account/picture; enctype=multipart/form-data method=post fieldset class=common-form standard-form input id=avatar name=avatar size=30 type=file / psmallMaximum size of 700k. JPG, PNG./small/p input name=commit type=submit value=Save / /fieldset /form /body
[jQuery] scrollTo plugin: prevent tabbing between slides?
Hi, Does anyone know of a way to prevent tabbing (via keyboard tab key) between form fields in different slides when using the jquery scrollTo plugin? For example, I have a UL with 2 LI's in it and each LI has a form inside of it. If a user is on slide 1 and hits tab on the last visible form field, the first form field on the next slide comes into view (because the browser gives it focus), thus moving slide 2 partially into view. The same kind of thing happens from slide 2 to slide 1 when shift-tabbing (tabbing backwards): a form field on slide 1 gets focused and comes into view. I'd like to prevent tabbing between the forms. To complicate matters a bit more (possibly), one of my forms has a jquery UI tab control on it, so the last visible form field could be any field on any of the tab control's tabs (ie: the last visible form field depends on what tab is showing. I tried a few things, but nothing jumped out as a good solution. Any ideas? Thanks, Jack
[jQuery] cycle plugin issue
ok i cant get the easing plugin to work with cycle plugin 1. does cycle 2.65 work with easing 1.3 2. does easing work on the scrollHorz 3. if both of these are true then what am i doing wrong $('#slideshow').cycle({ fx: 'scrollHorz', timeout: 0, speed:1000, prev:'#prev2', next:'#next2', easingIn: 'easeOutCubic', easingOut : 'easeInBack'
[jQuery] Re: cycle plugin issue
$('#slideshow').cycle({ fx: 'scrollHorz', timeout: 0, speed: 1000, prev: '#prev2', next: '#next2', easingIn : 'easeOutCubic', easingOut : 'easeInBack' The option names are 'easeIn' and 'easeOut'.
[jQuery] Not detecting element after adding new object
Hey, I hope anyone here can help me out. Basically what i am trying to do is that i have a unordered list and basically destroys the new list and creates a new one. The problem is that each element of that list has a hover event method. After the new list is created, the hover event is not detected. Any help is appreciated. Here's the sample code: Code: // clear list function $(#clear).click(function(){ $(.tlist ul).html(); var list = ; var data = [0, 1, 2, 3]; $(data).each(function(){ list += li id=\+this+\ + this + /li; }); alert(list); $(.tlist ul).html(list); }); // hover function $(.tlist li).hover( function(){ alert('hovered'); });
[jQuery] how to change colours?
sorry for my ignorance. I don't mind about fancy stuff with the Superfishmenu. I just want to be able to change the colour of the text and the background. The default is light cyan and blue. How can I do this? Many thanks! Andreas.
[jQuery] form plugin, state change error
I'm using the ajax form plugin for jquery (1.2.6). I'm running into a problem with multiple submits, where on the second submission the response is not assigned to the correct state, even though the submission was successful. Instead, the response is classified under the onreadystatechange. It should also be noted that the form is contained in a jqModal popup/lighthouse. I can reproduce this 2 ways: 1) Submit the form successfully twice without reloading the page. The second submission will sccessfully go through, but the response is not interpretted correctly (as stated above, instead of being received under the successflag it is caught in the onreadystatechange flag). 2) If I submit the form with an error and my validation catches the error (causing the submit to fail), then correct the error and resubmit... same thing happens. My setup is pretty basic: $('#myForm').ajaxForm({ beforeSubmit: function() { /* my validation*/ }, success: function(msg) { eval(msg); if (response.status == 'ok') { var m = 'p class=message'+response.message+'/p'; } else { var m = 'p class=error_message'+response.message+'/p'; } $('#emailContentForm').clearForm(); $('#emailContentError').html(''); $('#system-message').html(m); $('#email-popup').jqmHide(); } }); return false; });
[jQuery] Re: validate plugin error: $(#short-form).validate is not a function
Thanks everyone. I verified the includes and, not sure if this fixed it, but I moved all the validate code to the bottom of ready() function and everything started working. Really a great plugin! Having other issues, but will post those in new thread.
[jQuery] Bug in Block-UI jQuery plugin
Hi, I just found a bug on the Block-UI jQuery plugin. I'm using it to block a div on a component I'm developing but the problem is that the div has overflow: auto and max-height: 200px; so that the content inside it don't make it too big and be scrollable. The problem is that the overlay that block-ui creates is just 200px in height, so if we scroll down the content is still accessible. This is the CSS of the div I'm trying to block: div { overflow: auto; height: auto !important; height: 200px; max-height: 200px; /* colors and other stuff */ } (the solution I'm using for now is just change overflow to 'hidden' prior to block the div)
[jQuery] MultiFile plugin taking no parameters
This MultiFile plugin is taking no parameters. I must be overlooking something simple. Hope someone can help me out. Here's my test code: html head script src=/portal/scripts/jQuery/jquery.js type=text/ javascript/script script src=/portal/scripts/MultipleFileUpload/jquery.MetaData.js type=text/javascript/script script src=/portal/scripts/MultipleFileUpload/jquery.blockUI.js type=text/javascript/script script src=/portal/scripts/MultipleFileUpload/jquery.form.js type=text/javascript/script script src=/portal/scripts/MultipleFileUpload/ jquery.MultiFile.pack.js type=text/javascript/script /head body form input id=myinput class=multi type=file / div id=mydiv style=background-color: yellow; Here they come... /div /form script type=text/javascript $(function() { // wait for document to load $('#myinput').MultiFile({ list: '#mydiv' }); }); /script /body /html See: http://www.depot2.com/portal/test.html According to the parameter, this input should place the file names in the div#mydiv, but it doesn't. I tried setting other parameters as well, but nothing coming through...
[jQuery] Validate plugin: help with success function
So while digging around in our group's past discussions centered around the Validate plugin (which is awesome by the way), I found a function that deals with the placement of the error message on an invalid input. This was great because I needed to append the error to the invalid input's parent li, rather than placing the error immediately after the input. I tinkered a bit further and also added the class invalid to the parent li as well. My issue is this: how do I remove the invalid class from the parent li when its input is edited and subsequently validates? I'd prefer to have the plugin's script handle this, rather than writing some additional function. Below is a snippet of the script I'm working with, and a bit of a starting point for the success function (though it is totally wrong, and possibly way off). Any help would be greatly appreciated! $(#signup).validate({ //better error placement to keep from breaking the grid on checkboxes errorPlacement: function(error, element) { error.appendTo( element.parents('li').addClass('invalid') ); }, //THIS IS THE PART I'M HAVING TROUBLE WITH //kill the invalid class on success success: function(element){ element.parents('li').removeClass('invalid') ); } //rules and messages arbitrary to my issue go here });
[jQuery] Slider Values Not Accurate at Ends
Hi all! No matter if I set min/max, step, etcwhen sliding all the way left or right, the values are incorrect at the end. For example, with default values, sliding all the way left results in a value of 10but moving back to the right slightly causes it to drop to 0 and then count up from there. The reverse is true for the right/high end. It's behaving this way in both IE7 and FF 3 on XP. Anyone know a solution here? Thanks!! _ Windows Live™: Keep your life in sync. http://windowslive.com/explore?ocid=TXT_TAGLM_BR_life_in_synch_052009
[jQuery] Re: Scale symbol in line of text
Thanks Ryan. That worked pretty well. There is still one thing that is causing an issue. It is now pushing the right name farther to the right and pulling it back. Any ideas how to fix that? Thanks again. Mike ryan.joyce...@googlemail.com wrote: scuze my lazy code, on a teabreak - this is just to hilight a way of using line-height to stop the fonts sliding down. $(#names).click(function(){ $(#names span).animate({ fontSize: 50px, }, 1500 ); $(#names span).animate({ fontSize: 1em, }, 1500 ); }); #names { display:block; width:100%; height:100px; line-height:100px; } #names span { height:100%; line-height:100%; } div id=namesGroomnbsp;amp;nbsp;Bride/div another alternative is to put each word in their own div, stick all 3 in a container and float them to the left. then resizing one won't change the height of the others. On Jun 1, 1:56 pm, dmikester1 dmikest...@gmail.com wrote: Hello, I am creating a wedding website for a friend. I have their names at the top of the page in a large font with an in between like Mike Smith Suzy Jones. I would like to have it so that when you first visit the page the grows bigger and then shrinks back to normal size. I saw this done with Flash once and thought it looked really neat. I tried using the animate feature and that pushed the names down with it because it was increasing the font size and everything was in the same line of text. I tried changing the z-index of the two to get them on another layer, but that didn't do anything. Anyone have any ideas how I can do this in JQuery? Thanks Mike -- View this message in context:http://www.nabble.com/Scale-%22-%22-symbol-in-line-of-text-tp23814535... Sent from the jQuery General Discussion mailing list archive at Nabble.com. -- View this message in context: http://www.nabble.com/Scale-%22-%22-symbol-in-line-of-text-tp23814535s27240p23823917.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: Unable to Formulate a Proper Title
On Jun 1, 9:39 am, kiusau kiu...@mac.com wrote: How does one assign the return value of a jQuery method/plug-in to a reference variable? Why is this such a difficult question to answer? Who was it who once wrote that the jQuery community is helpful to those at all levels of mastery? Where are you now? Roddy Logic in the absence of humor is eternity -- a notion that ignores the reality of our mortal existence.
[jQuery] Re: Slider Values Not Accurate at Ends
Are you using ui.slider.css? Can you share a sample page? Maybe put something on jsbin.com? Also note, there's a dedicated list for jQuery UI questions: http://groups.google.com/group/jquery-ui - Richard On Mon, Jun 1, 2009 at 7:00 PM, Musixz Man mus...@hotmail.com wrote: Hi all! No matter if I set min/max, step, etcwhen sliding all the way left or right, the values are incorrect at the end. For example, with default values, sliding all the way left results in a value of 10but moving back to the right slightly causes it to drop to 0 and then count up from there. The reverse is true for the right/high end. It's behaving this way in both IE7 and FF 3 on XP. Anyone know a solution here? Thanks!! -- Windows Live™: Keep your life in sync. Check it out.http://windowslive.com/explore?ocid=TXT_TAGLM_BR_life_in_synch_052009
[jQuery] Re: Scale symbol in line of text
Try to separate the symbol in a div or another tag with position absolute. I think it will solve your problem. 2009/6/1 dmikester1 dmikest...@gmail.com Thanks Ryan. That worked pretty well. There is still one thing that is causing an issue. It is now pushing the right name farther to the right and pulling it back. Any ideas how to fix that? Thanks again. Mike ryan.joyce...@googlemail.com wrote: scuze my lazy code, on a teabreak - this is just to hilight a way of using line-height to stop the fonts sliding down. $(#names).click(function(){ $(#names span).animate({ fontSize: 50px, }, 1500 ); $(#names span).animate({ fontSize: 1em, }, 1500 ); }); #names { display:block; width:100%; height:100px; line-height:100px; } #names span { height:100%; line-height:100%; } div id=namesGroomnbsp;amp;nbsp;Bride/div another alternative is to put each word in their own div, stick all 3 in a container and float them to the left. then resizing one won't change the height of the others. On Jun 1, 1:56 pm, dmikester1 dmikest...@gmail.com wrote: Hello, I am creating a wedding website for a friend. I have their names at the top of the page in a large font with an in between like Mike Smith Suzy Jones. I would like to have it so that when you first visit the page the grows bigger and then shrinks back to normal size. I saw this done with Flash once and thought it looked really neat. I tried using the animate feature and that pushed the names down with it because it was increasing the font size and everything was in the same line of text. I tried changing the z-index of the two to get them on another layer, but that didn't do anything. Anyone have any ideas how I can do this in JQuery? Thanks Mike -- View this message in context: http://www.nabble.com/Scale-%22-%22-symbol-in-line-of-text-tp23814535... Sent from the jQuery General Discussion mailing list archive at Nabble.com. -- View this message in context: http://www.nabble.com/Scale-%22-%22-symbol-in-line-of-text-tp23814535s27240p23823917.html Sent from the jQuery General Discussion mailing list archive at Nabble.com. -- Gustavo Salome Silva
[jQuery] Re: Edittable plugin problem
No way you can do this. Ive a modified version of the plugin that i made which can do this. Ill send to if u want it. 2009/6/1 bharani kumar bharanikumariyer...@gmail.com Hi All, Am using the editable plug in , When i edit the values , i want to check the already exist and also want to pass the unique key to the query , for the Update WHERE condition , script type=text/javascript charset=utf-8 var oTable; $(document).ready(function() { /* Apply the jEditable handlers to the table */ $('#example tbody td').editable( 'edit_update.php?id='(i want the getID value here ), { callback: function( sValue, y ) { var aPos = oTable.fnGetPosition( this ); oTable.fnUpdate( sValue, aPos[0], aPos[1] ); } } ); /* Init DataTables */ oTable = $('#example').dataTable(); } ); /script tbody ?php while($row=mysql_fetch_object($result)){ $id = $row-id; echo tr; echo td onclick = getID($id) $row-value/td; echo /tr; } ? /tbody How i do this , Thanks -- Regards B.S.Bharanikumar http://php-mysql-jquery.blogspot.com/ -- Gustavo Salome Silva
[jQuery] Re: Add Class to all form elements
Or you could just do this: $(':input,:checkbox,:radio').addClass('YOUR_CLASSNAME'); On Jun 1, 10:24 am, waseem sabjee waseemsab...@gmail.com wrote: script $(function() { var myforms = $(form); myforms.each(function(i) { var myform = myforms.eq(i); var myfields = $(input, myform); myfields.each(function(i) { var myfield = myfields.eq(i); myfield.addClass(myflied_+i); }); }); }); /script On Mon, Jun 1, 2009 at 7:19 PM, Loony2nz loony...@gmail.com wrote: Hey everyone, I need help with a jquery task. I have a form that has it's HTML inserted into the database (yeah yeah I know..not my idea..I'm new here and just finding this out). Anyway, each form field has an embedded class in the HTML. The form is dynamically generated. Can be anywhere from 5 to 10 to 20 to 50 fields. How can I loop over each form field and add a new class to the field (either input or radio or checkbox)? Thoughts? Thanks!
[jQuery] Re: Slider Values Not Accurate at Ends
Richard, No, I just include the default jQ ui.js and call $(#element).slider http://jsbin.com/abuxi I think I did that right Thanks. Date: Mon, 1 Jun 2009 19:53:50 -0400 Subject: [jQuery] Re: Slider Values Not Accurate at Ends From: rdwo...@gmail.com To: jquery-en@googlegroups.com Are you using ui.slider.css? Can you share a sample page? Maybe put something on jsbin.com? Also note, there's a dedicated list for jQuery UI questions: http://groups.google.com/group/jquery-ui - Richard On Mon, Jun 1, 2009 at 7:00 PM, Musixz Man mus...@hotmail.com wrote: Hi all! No matter if I set min/max, step, etcwhen sliding all the way left or right, the values are incorrect at the end. For example, with default values, sliding all the way left results in a value of 10but moving back to the right slightly causes it to drop to 0 and then count up from there. The reverse is true for the right/high end. It's behaving this way in both IE7 and FF 3 on XP. Anyone know a solution here? Thanks!! Windows Live™: Keep your life in sync. Check it out. _ Windows Live™: Keep your life in sync. http://windowslive.com/explore?ocid=TXT_TAGLM_BR_life_in_synch_052009
[jQuery] Re: JQquery Ajax call WCF remotely doesn't work
I bet that is the problem. 2009/6/1 bittermonkey brakes...@gmail.com Are you getting the Access to restriced URI denied error? If you are, here's my old post: http://groups.google.com/group/jquery-en/browse_thread/thread/b6579cd6f6c0a160/5e163538fcb0c139?hl=enlnk=gstq=brakes2k3#5e163538fcb0c139 Otherwise, you can try removing http://localhost:3314; from the url parameter. On Jun 1, 11:57 am, NH nhuye...@gmail.com wrote: I am trying to use JQuery Ajax to call WCF, but it seems it doesn't recoginze the path. Here is my code: $.ajax({ type: GET, url: http://localhost:3314/WCFServiceEx/Service.svc/ GetData, contentType: application/json; charset=utf-8, dataType: jsonp, // data: '{PatientID:' + PatientID + ',PageName: Desktop,WidgetOrder1:' + hdnCol1.value + ',WidgetOrder2:' + hdnCol2.value + ',WidgetOrder3:' + hdnCol3.value + ',WidgetOrder4:' + hdnCol4.value + ',WidgetOrder5:' + hdnCol5.value + ',WidgetOrder6:' + hdnCol6.value + ' }', success: function(data) { alert(data.d); }, error: function(xhr) { if (xhr.responseText) { alert(text); $(body).html(xhr.responseText); } else alert('unknown error'); return; }, cache: false }); } Any suggestion? Thanks, NH -- Gustavo Salome Silva
[jQuery] Re: Slider Values Not Accurate at Ends
On Mon, Jun 1, 2009 at 9:10 PM, Musixz Man mus...@hotmail.com wrote: Richard, No, I just include the default jQ ui.js and call $(#element).slider The css in ui.slider.css is functional. It's also present in any complete jQuery UI theme. http://jsbin.com/abuxi I think I did that right You did, but the idea is to reproduce your error there so we can see it. I'm not, are you? - Richard
[jQuery] Net Tuts interviews Karl Swedberg
I post this since Karl is way too humble to do so himself A good read for those that may have not seen it yet http://net.tutsplus.com/articles/interviews/jquerified-with-karl-swedberg/
[jQuery] Re: Net Tuts interviews Karl Swedberg
Nice! Thanks! On Jun 1, 3:32 pm, MorningZ morni...@gmail.com wrote: I post this since Karl is way too humble to do so himself A good read for those that may have not seen it yet http://net.tutsplus.com/articles/interviews/jquerified-with-karl-swed...
[jQuery] Re: validate plugin error: $(#short-form).validate is not a function
Ya know.. you are going to run into major issues if the fix is that your code has to be at the problem You've got underlying issues that you really really should get help on before you continue... and it's absolutely impossible to do so unless you provide a live and working (well, *non-working*) test page for others to properly diagnose your issue (and believe it, there is an issue) You're making this an uphill battle when it doesn't need to be On Jun 1, 5:31 pm, stevegmag steveg...@yahoo.com wrote: Thanks everyone. I verified the includes and, not sure if this fixed it, but I moved all the validate code to the bottom of ready() function and everything started working. Really a great plugin! Having other issues, but will post those in new thread.
[jQuery] Re: how to change colours?
Look in the file superfish.css and find .sf-menu a and below. Just do trial and error and see what changes what. On Jun 1, 10:54 am, Andreas andr...@antibaro.gr wrote: sorry for my ignorance. I don't mind about fancy stuff with the Superfishmenu. I just want to be able to change the colour of the text and the background. The default is light cyan and blue. How can I do this? Many thanks! Andreas.
[jQuery] Re: Slider Values Not Accurate at Ends
Yes, I'm still experiencing the issue with the output on jsbin. Slide the top slider all the way to the left. It SHOULD show 80:20 (20 being the slider value). For me, it shows 70:30. But when I then move it back one step to the right...it then shows 80:20. Are you getting a different result? Thanks! Date: Mon, 1 Jun 2009 21:29:54 -0400 Subject: [jQuery] Re: Slider Values Not Accurate at Ends From: rdwo...@gmail.com To: jquery-en@googlegroups.com On Mon, Jun 1, 2009 at 9:10 PM, Musixz Man mus...@hotmail.com wrote: Richard, No, I just include the default jQ ui.js and call $(#element).slider The css in ui.slider.css is functional. It's also present in any complete jQuery UI theme. http://jsbin.com/abuxi I think I did that right You did, but the idea is to reproduce your error there so we can see it. I'm not, are you? - Richard _ Windows Live™: Keep your life in sync. http://windowslive.com/explore?ocid=TXT_TAGLM_BR_life_in_synch_052009
[jQuery] Re: Slider Values Not Accurate at Ends
The same is happening with Safari and Opera on a 2nd machine. So...it cant really be just me...hehe...right? From: mus...@hotmail.com To: jquery-en@googlegroups.com Subject: [jQuery] Re: Slider Values Not Accurate at Ends Date: Mon, 1 Jun 2009 21:27:58 -0500 Yes, I'm still experiencing the issue with the output on jsbin. Slide the top slider all the way to the left. It SHOULD show 80:20 (20 being the slider value). For me, it shows 70:30. But when I then move it back one step to the right...it then shows 80:20. Are you getting a different result? Thanks! Date: Mon, 1 Jun 2009 21:29:54 -0400 Subject: [jQuery] Re: Slider Values Not Accurate at Ends From: rdwo...@gmail.com To: jquery-en@googlegroups.com On Mon, Jun 1, 2009 at 9:10 PM, Musixz Man mus...@hotmail.com wrote: Richard, No, I just include the default jQ ui.js and call $(#element).slider The css in ui.slider.css is functional. It's also present in any complete jQuery UI theme. http://jsbin.com/abuxi I think I did that right You did, but the idea is to reproduce your error there so we can see it. I'm not, are you? - Richard Windows Live™: Keep your life in sync. Check it out. _ Insert movie times and more without leaving Hotmail®. http://windowslive.com/Tutorial/Hotmail/QuickAdd?ocid=TXT_TAGLM_WL_HM_Tutorial_QuickAdd1_052009
[jQuery] Re: Slider Values Not Accurate at Ends
Sorry, I was going off your previous instructions, so I was looking for 0 and 10. Now that I've had a closer look at your code, I see what the source of the problem is. You want to use the change event, in addition to the slide event: http://docs.jquery.com/UI/Slider#event-slide http://docs.jquery.com/UI/Slider#event-change The slide event updates while you slide it around. At the point at which slide is triggered, the slider does not yet have the new (proposed) value. The value is accessible in ui.value, so that you can return false if you don't want to allow it. But during slide if you check the value option or method, you'll get the current (soon to be previous) value. The change event fires at the very end, after it has stopped sliding and has a new value. - Richard On Mon, Jun 1, 2009 at 10:27 PM, Musixz Man mus...@hotmail.com wrote: Yes, I'm still experiencing the issue with the output on jsbin. Slide the top slider all the way to the left. It SHOULD show 80:20 (20 being the slider value). For me, it shows 70:30. But when I then move it back one step to the right...it then shows 80:20. Are you getting a different result? Thanks! -- Date: Mon, 1 Jun 2009 21:29:54 -0400 Subject: [jQuery] Re: Slider Values Not Accurate at Ends From: rdwo...@gmail.com To: jquery-en@googlegroups.com On Mon, Jun 1, 2009 at 9:10 PM, Musixz Man mus...@hotmail.com wrote: Richard, No, I just include the default jQ ui.js and call $(#element).slider The css in ui.slider.css is functional. It's also present in any complete jQuery UI theme. http://jsbin.com/abuxi I think I did that right You did, but the idea is to reproduce your error there so we can see it. I'm not, are you? - Richard -- Windows Live™: Keep your life in sync. Check it out.http://windowslive.com/explore?ocid=TXT_TAGLM_BR_life_in_synch_052009
[jQuery] Re: Slider Values Not Accurate at Ends
Oh geez. I totally missed that change event :0 Thank you much for your help/time. -Kevin Date: Mon, 1 Jun 2009 22:39:34 -0400 Subject: [jQuery] Re: Slider Values Not Accurate at Ends From: rdwo...@gmail.com To: jquery-en@googlegroups.com Sorry, I was going off your previous instructions, so I was looking for 0 and 10. Now that I've had a closer look at your code, I see what the source of the problem is. You want to use the change event, in addition to the slide event: http://docs.jquery.com/UI/Slider#event-slide http://docs.jquery.com/UI/Slider#event-change The slide event updates while you slide it around. At the point at which slide is triggered, the slider does not yet have the new (proposed) value. The value is accessible in ui.value, so that you can return false if you don't want to allow it. But during slide if you check the value option or method, you'll get the current (soon to be previous) value. The change event fires at the very end, after it has stopped sliding and has a new value. - Richard On Mon, Jun 1, 2009 at 10:27 PM, Musixz Man mus...@hotmail.com wrote: Yes, I'm still experiencing the issue with the output on jsbin. Slide the top slider all the way to the left. It SHOULD show 80:20 (20 being the slider value). For me, it shows 70:30. But when I then move it back one step to the right...it then shows 80:20. Are you getting a different result? Thanks! Date: Mon, 1 Jun 2009 21:29:54 -0400 Subject: [jQuery] Re: Slider Values Not Accurate at Ends From: rdwo...@gmail.com To: jquery-en@googlegroups.com On Mon, Jun 1, 2009 at 9:10 PM, Musixz Man mus...@hotmail.com wrote: Richard, No, I just include the default jQ ui.js and call $(#element).slider The css in ui.slider.css is functional. It's also present in any complete jQuery UI theme. http://jsbin.com/abuxi I think I did that right You did, but the idea is to reproduce your error there so we can see it. I'm not, are you? - Richard Windows Live™: Keep your life in sync. Check it out. _ Insert movie times and more without leaving Hotmail®. http://windowslive.com/Tutorial/Hotmail/QuickAdd?ocid=TXT_TAGLM_WL_HM_Tutorial_QuickAdd1_052009
[jQuery] Weird Problem with Default Web Page in Some Browsers
Hi all, I've got a frustrating problem I can't figure out, and thought someone here might be able to help. Seems so simple that I must be doing something wrong, but not sure what to do about it... When I load my site with just the URL and depend on the default page getting loaded (i.e. www.mysite.com), the page shows fine but my events don't seem to get registered. When I specify the default page explicitly (i.e. www.mysite.com/index.html), all is good. Here's how I'm registering the events: $(document).ready( function() { $('body').click( function(event) { if ( $(event.target).is('#myevent') ) { setEvent(); } }); }); But it only happens in FireFox and IE pre-IE8. In Chrome, Opera, Safari, and IE8 it just works. Any ideas how to fix it?