[jQuery] json-in-script and getJSON
I am doing some hack for blogger. Blogger API has offered JSON feed for user to load recent posts. This allows you to query a blog's public feed and get the resulting entries returned as JSON objects. The way to use the new JSON feed is creating a script element whose src value is http://blogname.blogspot.com/feeds/posts/default?alt=json-in-script&callback=myFunc where blogname is the blog you want to retrieve, and myFunc is the name of your callback function that is passed the JSON object. http://code.google.com/apis/gdata/json.html
[jQuery] Thickbox, JQuery and editInPlace
hi all, i have used jQuery with thickbox and editInPlace (http://15daysofjquery.com/edit-in-place-with-ajax-using-jquery-javascript-library/15/) successfully in Firefox. However doesnt seem to work at all in IE. Basically its meant to work like if there is a section of text, click on it and it will display the text in a textarea and then can be edited and updated to the database (using a post to a PHP file). Anyway, that works in FF as mentioned. Now in IE, I click the text that is in the Div and
[jQuery] Masked Input Plugin RC1
I'm getting there. I've released another revision to my Masked Input Plugin for jQuery. I'm calling this release candidate 1 because this is the feature set I wish to implement for v1.0 and I don't anticipate any breaking API changes. The following is a list of changes for this release. * Fixed a Safari issue where backspace deleted wrong characters and messed up cursor position. * Fixed an issue where pre-filled input (value="something") was deleted on focus. Please check it out at: http://digitalbush.com/projects/masked-input-plugin
[jQuery] NEWS: More info on the Digg Comment System
Joe Stump is a software developer at Digg and one of the main men behind Digg's new comment system. As many of you know, Digg is using jQuery v1.1.2 to manage their user comments and that's awesome news for the jQuery project. We're very excited to see jQuery being used by one of the premier sites on the Internet. More information can be found on Joe's blog via this link: http://www.joestump.net/2007/06/technical-background-of-diggs-new-comment-system.html In reading Joe's post, two things really
[jQuery] run javascript through the address bar on a site
Hey, This question is not but related to jquery but to javascript. i hope this is the right place for that aswell. On some sites that i visit there are some annoying ads which can be "blocked" by changing there style to: display: none; to do this in javascript itself you need to do something like: document.getelementbyid('theid').style.display = 'none'; but how do i run that in the address bar so that the style of that id is changed to none? i tried: javascript:document.getelementbyid('theid').style.display
[jQuery] superfish variable width
Hi How to get the superfish (or suckerfish) menu to work under IE while using a variable width ? (i.e li elements having the width of their content) On my tests it produces a strange bug where the dropdown li is horizontally positionned after the end of the parent li... Olivier
[jQuery] Selecting based on attr Class
I cant seem to figure out how to get this to work.. but If i have the list below.. I want whatever <a> i click on i want the parent <li> to have the class=".selected" appended to it, and whatever <li> currently has that attr to have it removed, I can obviously get the append part to work, but I am having trouble getting the remove part to work.. <dt class="widget-middle"> <ul> <li class=".selected"><a href="#" name="modules/test.html">Add a Main Widget </a></li> <li><a
[jQuery] traversing the content of an iframe
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8"> <META content="MSHTML 6.00.6000.16481" name=GENERATOR></HEAD> <BODY> <DIV><SPAN class=250383116-13062007><FONT face=Arial size=2>dear all,</FONT></SPAN></DIV> <DIV><SPAN class=250383116-13062007><FONT face=Arial size=2></FONT></SPAN> </DIV> <DIV><SPAN class=250383116-13062007><FONT face=Arial size=2></FONT></SPAN> </DIV> <DIV><SPAN class=250383116-13062007><FONT
[jQuery] how could I unbind .hover() ?
i did something like this: $('div').hover(function(){ // do something },function(){ // do something else }); but after some event, i need to disable the hover effect, is there any easy way to do this? thanks<br clear="all"> -- Zacky Ma <a href="http://www.marchbox.com">www.marchbox.com</a>
[jQuery] SITE: http://www.pandora.com
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8"> <META content="MSHTML 6.00.6000.16481" name=GENERATOR></HEAD> <BODY> <DIV><SPAN class=796374708-22062007><FONT face=Arial size=2>they are using jquery on <A href="http://www.pandora.com">http://www.pandora.com</A> , a last.fm like website.</FONT></SPAN></DIV> <DIV> </DIV> <P class=MsoNormal><SPAN style="FONT-SIZE: 7.5pt; COLOR: black; FONT-FAMILY: Verdana">Alexandre
[jQuery] how to access plugin settings
I feel like this should be an easy question to answer so my A.D.D. is making it hard to trace back through the jQuery source for the answer. I need to be able to access (and edit) plugin settings for interface elements after the plugin has been instantiated. Here is my specific example... Say I have the following code: jQuery('#widget').Resizable( { minWidth: 350, minHeight: 500, minTop: 0, minLeft: 0, maxRight: jQuery('body').width(), maxBottom: jQuery('body').height(), dragHandle: '#handle', handlers:
[jQuery] Event-Handling with bind()
Hello, I try to pass parameters to the Event-Handler. But it does not work like I want it to work. The handler holds only the last object that I passed to the Event- Handler. The following example explains my problem. A click on 'helloP' alerts 'barDiv' and a click on the helloDiv alerts 'barDiv'. But I want to alert 'barP' when I click on helloP. And I don't want to use two different handlers. Kind regards Andres Koetter ... <script type="text/javascript"> function handler(event) { alert(event.data.foo);
[jQuery] jquery editor?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8"> <META content="MSHTML 6.00.6000.16481" name=GENERATOR></HEAD> <BODY> <DIV><SPAN class=296401700-22062007></SPAN><SPAN class=296401700-22062007><FONT face=Arial size=2></FONT></SPAN> </DIV> <DIV><SPAN class=296401700-22062007><FONT face=Arial size=2>This may be slightly off-topic, yet i would like to know which piece of software you like best to write jquery
[jQuery] form onchange event
Hi, I have a form with submit button. When I load the form I load the var values in order to fill the form. Initiallly submit button is disabled... I would like: If use change any thing into the form I will like to enable the button. I dont' know If there is a event like < form onchage=''> I need that it works with ie and seems that onghange event doesn't work. Maybe adding some event to the form?
[jQuery] jquery flash plugin bug
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8"> <META content="MSHTML 6.00.6000.16481" name=GENERATOR></HEAD> <BODY> <DIV><SPAN class=812045723-21062007><FONT face=Arial size=2>The jquery Flash plugin (<A href="http://jquery.lukelutman.com/plugins/flash">http://jquery.lukelutman.com/plugins/flash</A> ) </FONT></SPAN><SPAN class=812045723-21062007><FONT face=Arial size=2>has a bug: it does not work when
[jQuery] jEditable - sending additional param. values
Hello folks, I'm wanting to incorporate jEditable into a slideshow editor I'm making. I want to be able to pass the ID of the particular slide being edited back to the server at the same time as the edited text. The js source file indicates this is possible, but I don't understand the syntax: * @param Hash options[submitdata] Extra parameters to send when submitting edited content. Can a user help me please? Thanks/Bruce
[jQuery] Easing and callbacks
Hi All, Just a quick note to clear up an issue people seem to have had with my easing plugin: http://gsgd.co.uk/sandbox/jquery.easing.php It is possible to use callbacks with easing, you just need to get the syntax right. There's two options, and mixing them up doesn't work. $(element).slideUp(1000, method, callback}); $(element).slideUp({duration: 1000, easing: method, complete: callback}); These are functionally identical, however the following won't work: $(element).slideUp({duration: 1000, easing:
[jQuery] finding dd in firefox will not work..
[code] <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title></title> <style type="text/css" media="screen">@import "styles.css";</style> <style type="text/css" media="screen">@import "tabs.css";</style> <style type="text/css" media="screen">@import "content.css";</style> <script src="http://jquery.com/src/jquery.js"></script> <script> $(document).ready(function(){ $("dt dl").click(function(){ $(this).parent().parent().children("#sidewidget-
[jQuery] Toggle not working correctly
Hi, On a click event I want to slideToggle and show and alert for open and close states. But the alert shows different behavior in IE & FireFox; neither in correct order. HTML: <div class="showBlock"> <a href="#" class="showTitle">The Office</a> <div class="showDescription">The best show on US networks....</div> </div> <div class="showBlock"> <a href="#" class="showTitle">The Office</a> <div class="showDescription">The best show on US networks....</div> </div>
[jQuery] Changing tablesorter.js to account for tables not containing a thead (eg .net GridView)
I thought I would share the following: I inserted code (around line 64) to take into account when the THEAD element doesn't exist. This can happen (as in my case) when using a GridView in .net. The generated table contains the column headers as the first row in the TBODY. I essentially move this row into a new THEAD prior to the execution of the rest of the TableSorter. See the code below: /** Remove the top row from the tbody and place in a thead if the thead is missing. */ for(var i=0,n=oTable.childNodes.length;i<n;i++){
[jQuery] Table cell navigation
Imagine a table row like this <tr> <td> <select>...</select> </td> <td> <input type="text" ... /> </td> <td> <input type="text" ... /> </td> <td> <input type="text" ... /> </td> <td> ... </td> </tr> Depending on the select option I need to modify or clear values in the text inputs in the 2nd, 3rd, and 4th cells. I find that this code works, but suspect there may be a better way to achieve the same result with less code? // Update 2nd column <input> with new_value. // $(this) is the select in the
[jQuery] jEdible in place editor plugin
Has anyone here used this plugin? Where can I find some good examples on how to use this? Right now, I've almost got it working, but for some reason is is doing something funny that I can't seem to figure out. Anyone see a problem with the code that I have below: $(document).ready(function() { $(".editable_textarea").mouseover(function() { $(this).css('background-color', '#ffffd3'); }); $(".editable_textarea").editable("/update.cfm", { indicator : "<img src='/jquery/plugins/images/ indicator.gif'>",
[jQuery] Easing rocks
Had occasion just now to use the Easing plugin <a href="http://gsgd.co.uk/sandbox/jquery.easing.php">http://gsgd.co.uk/sandbox/jquery.easing.php</a> I replaced a slideDown Toggle with bounceout. Kickass. And it's 2k! Too cool. Improves the interaction immediately, I'm changing my vote on stuff I think should be in the base. Yes, I am fickle. 1. Dimensions 2. Easing 3. TurboSpeed (yet to be developed) I took moreSelectors off my list. Sorry moreSelectors. Only three spots. Glen
[jQuery] Passing variable to simple show/hide function
I'm a jQuery newb and I'm playing with a wordpress theme. What I'd like to do is show/hide the categories that are associated with each post. I have attached an ID to each list of categories that corresponds to the pageID that WordPress gives me. ie: <div id="cat137">{categories here}</div> Each category group has a h4 just above it that has a similar ID: <h4 id="cathead137">{post heading}</h4> Okay, so I have my basic function at the top for showing and hiding, but I am not sure how to pass a variable
[jQuery] jQuery home page...
This might be posted in the wrong list, but the web list seemed broken. I am hoping someone see this request. It is simple, can we please have something on the home page, a tag line that tells everyone the latest current version of jQuery?
[jQuery] passing parameter from ajax loaded list to ajax loaded form
I'm "extremely" new to Jquery and I'm trying super hard to learn it. I've hit many obstacles and this one is killing me: here is what i want to do: 1 load a result list in my main page with ajax. (succeeded) 2 load a form in my main page with ajax. (succeeded) 3 load the form through ajax and passing a parameter to it by clicking on a result link that is also loaded through ajax (this is the part that i have no clue how to do.) 4 and finally, i would like to load the list once again, through ajax,
[jQuery] jQuery("form") returns what if no element found?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8"> <META content="MSHTML 6.00.6000.16481" name=GENERATOR></HEAD> <BODY> <DIV><SPAN class=343225022-21062007><FONT face=Arial size=2>a quick question:</FONT></SPAN></DIV> <DIV><SPAN class=343225022-21062007><FONT face=Arial size=2></FONT></SPAN> </DIV> <DIV><SPAN class=343225022-21062007><FONT face=Arial size=2>what does $("form").attr("action") returns if there
[jQuery] Detecting bound events
Hi folks, I've got the need to bind a function to the keyDown for some specific elements. The problem I think I have is that those elements don't start off on the page. The elements get added as the user types, so I need to bind the event to the element when it's put on screen. What I *thought* I'd do was write a function that searched for all the elements of the type that I want to bind (text boxes in this case), and further retrieve only those elements which haven't already been bound. Firstly,
[jQuery] alert and jquery?
Hi guys, This might be a stupid question but in order to make use of the alert popup with jQuery, how do I go about it? $(document).ready(function(){ alert ("helloworld"); }); Doesn't seem to work for me but I couldnt find the result of googling. Please advise if this is therefore possible or what the correct way to do this is and some links to information that will aid in my further learning of Jquery. Thanks in advance Angelo
[jQuery] BlockUI - changing messages in a dialog
I'm using the blockUI plugin to block a div, and display a small confirmation dialog, which is based on a hidden div (#question) on the page. That all works. If the user confirms the action by clicking a button, I want to display a second div with a "data loading" sort of message & loading gif while the ajax operation takes place (div#wait). I can't quite get this part to work correctly... I know I've got the syntax wrong, but not sure how best to do this... I can see the #wait div appearing briefly
[jQuery] adding a callback to thickbox
Hallo, is it possible to add a callback to thickbox? I'm loading a form via ajax and I want to handle this form with ajax again. But I cannot find a possibility to register a callback function to use the form plugin. There should be a way like <a href="ajaxPage.php? height=300&width=400&callback=handleForm">thickboxLink</a> Is there a way to do it? Mathias
[jQuery] Release: Validation plugin 1.1
Hooray! Version 1.1 of the validation plugin ( http://bassistance.de/jquery-plugins/jquery-plugin-validation/ ) brings, along a few bufixes, sophisticated validation on blur, keyup and click events. They are designed to help the user where appropiate, without interrupting when he hadn't even the chance to enter anything. Coming up in the next version: Ajax validation. Finally. Have fun! -- Jörn Zaefferer http://bassistance.de
[jQuery] Validation Element ID differ from Element name
I'm using cakephp framework and I'm running into problem if the element name if different from the element ID. Currently the form is getting submitted w/o being validated, but if I change the textarea name to "contact_description" then it will validate it. Also I would like to make sure that atleast 1 checkbox has been selected but i'm not sure how to add a custom function to multiple checkbox. <form action="/" method="post" id="sendmessage"> <label for="contact_description">Send a message to project
[jQuery] Ajax call -> lost event handlers
Here's my html: <body> <div id="content"> aaa <select id="selecten"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select> </div> </body> Ande here's my js: $(document).ready(function(){ $("#selecten").change(function(){ $("#content").load("ajax.html",{id: $("#selecten option:selected").val()}); }); }); ajax.html prints out this: bbb <select id="selecten"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option>
[jQuery] slideToggling a <dd> in firefox
I have been trying to get firefox to slide this <dd> all day.. when you click on the <dl> that encapsulates the Calendar text it is suppose to slide the <dd> under it (where the calendar is held) up. It works in IE but not in firefox.. if i alert a .html() instead of doing a .slideToggle() in IE it will give me calendar table.. but in firefox it returns null.. any ideas? <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title></title> <style type="text/css" media="screen">@import
[jQuery] Radio button
Hi, I have a problem, i'd like to mark the radio button that's checked. Here's what i came up with, but it doesn't work. $(document).ready(function() { $("input[@name='section']").click(function(){ $("input[@name='section']:checked").val() == 1 ? $ ("input[@name='section']:checked").css("background","red") : ""; }); } ) Can anyone please give me some pointers? i'm new to jquery and i'm still struggling. Thanks in advance
[jQuery] Slide-in/out: Toggle right panel example?
It seemed like forever when I was searching for anything jQuery, I kept coming up with a very nice example where a form button would toggle a dark gray panel to slide in from the right and then slide out on toggle. The panel takes up 100% of the page. I can't seem to find it now that I would actually like to see how it's implemented. Any help? THX Pete
[jQuery] jQuery on freesoftwaremagazine.com
Hey guys, just wanted to let you know, I helped develop the JavaScript for the Drupal Simple Karma Module using jQuery ajax/selectors/modifiers: Drupal project page: http://drupal.org/project/simple_karma JS Dev Test Bed: http://dev.jakemcgraw.com/karma As a result of my work, freesoftwaremagazine.com decided to publish an interview with me, where I give a jQuery listserv "shout-out": http://www.freesoftwaremagazine.com/blogs/interview_jake_mcgraw_innovation_ads/ The head editor of FSM first came
[jQuery] validate.js errors
I'm working with the validate.js plug-in from Jorn. I can't seem to get it to work, and was wondering if anyone else has had any issues. This is what I have: http://admissionstest.unl.edu/daily_visit/schedule/?type=High%20School%20Senior (code below) In firebug, I get an error: Window schedule has no name assigned (line 569) (this shows up 209 times!) The form also is submitted, and no validation is done. (clearly not what is supposed to happen). Here is my jquery code: $(document).ready(function()
[jQuery] Is this normal?
This function give me a unexpected results in IE, FF and Opera: var resizeFirstRow = function (t){ $("tbody tr:eq(1) td",t).each( function( k ) { $(this).css("width",headers[k].width+"px"); alert( $(this).width() ); alert( $(this).css("width") ); }); } where headers is a array with a width values: 80,90,250,80 and t is a div with a table element - i.e the parameter t is: <div><table><tbody>.....</tbody><table><div> in FF the result is 80, 80px 90, 90px 250, 250px 80, 80px in IE 84, 80px 94, 90px
Next Page