[jQuery] The Easy Button
<span style="font-family: trebuchet ms;">The post is a little demonstration of xPath selections in jQuery. Check the image at the bottom of the post.</span><br style="font-family: trebuchet ms;"><span style="font-family: trebuchet ms;"> <a href="http://www.bennadel.com/index.cfm?dax=blog:1003.view">http://www.bennadel.com/index.cfm?dax=blog:1003.view</a></span><br style="font-family: trebuchet ms;"><br style="font-family: trebuchet ms;"><span style="font-family: trebuchet ms;"> I asked Ben to upgrade
[jQuery] Ajax/load doesn't load Google Ads?
Hi-- I am using AJAX to load a sidebar into my page: $('#side').load('side.html') It loads fine except for the the Google Ad code that is in side.html: <div style="margin-left: 3px;"> <script type="text/javascript"><!-- google_ad_client = "pub-XXXXXXXXXXXXXXXX"; google_ad_width = 160; google_ad_height = 600; google_ad_format = "160x600_as"; google_ad_type = "text_image"; //2007-10-01: xanadu google_ad_channel = "9867202388"; google_color_border = "336699"; google_color_bg = "FFFFFF"; google_color_link
[jQuery] jqModal ajax weirdness
Issuing an ajax call to a cgi, and passing a parameter. The parameter is the value of a text box on the page. But for some reason, the value isn't being sent to jqModal as I call it. It just stays the same as it is when the page loads. <script type="text/javascript"> \$(document).ready(function() { $('#bar').jqm({ajax: 'ajax_hspick.cgi?q=' + document.addPlayerForm.foo.value , trigger: 'input.bar'}); }); </script> <input type="text" name="foo" value="testing"> <input type="button" class="bar" value="Go">
[jQuery] Problem with ajax in jquery.(Unable to figure this out)
I am unable to get the ajax to work in jquery. Whenever i pass a .php url to $.ajax. it does not return and none of the callbacks are executed. It justt hangs with no error. It looks very smple but does not seem to work.. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <script language="javascript"
[jQuery] $.ready and https
I get mixed mode popups over https when using the $.ready() function. The line of code that's causing the problem is: if(script)script.onreadystatechange=function(){if(this.readyState! ="complete")return;jQuery.ready(); I think there was a few threads discussing the same problem but nothing came out of them. Has anyone managed to solve this problem at all or is should I just not use $.ready() for secure sites?
[jQuery] jQuery Datagrid Plugin v.7
Hey all, I just released Just finished the initial release of my datagrid plugin. I named her Ingrid. :) Features in this release: - resizable columns - paging toolbar - sorting (server-side) - row & column styling The goal here is to give jQuery a robust, native datagrid that's up to snuff with those found in the EXT or YUI libraries. Check it out here: http://www.reconstrukt.com/ingrid/ Thanks much Matt
[jQuery] Age Verification - Validation Plugin
Has anyone already written an age verification method for Jörn's validator.js? Something that would take a given date in an input field and compare it to Today's date minus "X" years? Thanks, Will
[jQuery] Getting a div with scroll bar to stay scrolled down
Hi all, I have a div that will refresh itself and the scroll bar just won't stay down. The solution I've found is: var objDiv = document.getElementById("divname"); objDiv.scrollTop = objDiv.scrollHeight; This doesn't work: $('#divname').scrollTop = $('#divname').scrollHeight; Therefore is there a more jquery-like way of doing it other than using plugins perhaps? Thanks. Eric
[jQuery] Add Table row
Hi, I would like to use jQuery to add a row with form fields of a table to the end of the table, the idea is to duplicate the previous one it with all of the form fields (drop downs, input fields, hidden fields, etc.) changing the input ID of each input, clearing the input values and adding a "Delete button" at the end of the row to allow the user, Pretty much like "Add new Row" button that basically will add a new empty row following some sort of template changing the input IDs, clearing the values,
[jQuery] jqModal validation (repost)
I'm using jqModal to display a form that gets populated through AJAX. I need to add validation so when "Submit" is clicked I need to make AJAX call to the server and then if validation error is detected instead of dismissing the dialog (which I do now) I need to display warning and leave jqModal dialog in place. I suspect that I can do it with a callback but can someone just hint me how it can be done?
[jQuery] AJAX problem
I am unable to get the ajax to work in jquery. Whenever i pass a .php url to $.ajax. it does not return and none of the callbacks are executed. It justt hangs with no error. It looks very smple but does not seem to work.. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <script language="javascript"
[jQuery] Problem with ajax in jquery.(Unable to figure this out)
I am unable to get the ajax to work in jquery. Whenever i pass a .php url to $.ajax. it does not return and none of the callbacks are executed. It justt hangs with no error. It looks very smple but does not seem to work.. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <script language="javascript"
[jQuery] Calling hide/show methods from existing JavaScript function
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns="http://www.w3.org/TR/REC-html40"> <head> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=us-ascii"> <meta name=Generator content="Microsoft Word 11 (filtered medium)"> <style> <!-- /* Style Definitions */ p.MsoNormal, li.MsoNormal, div.MsoNormal {margin:0in; margin-bottom:.0001pt; font-size:12.0pt; font-family:"Times New Roman";} a:link,
[jQuery] A few suggestions for the password strength plugin
Hello, I've started using the password strngth plugin and there were 2 things i noticed right away - There is one string hard coded : The minimum number of characters is. This makes it hard to internationalize. - There is a possibility to add weak passwords but it's too specific. For example 123456 is a bad password but 1234567, 12345678 are considered good. Another example it's allowed to add an all spaces password. Wouldn't it be possible to trim the password before it's checked and is it possible
[jQuery] [Plugin] Password Strength Meter
Hi Folks, Please find another one of my plugins here: http://jquery.com/plugins/project/pstrength This is a simple plugin that allows you to attach a client side password strength meter to any form element. You can check out a demo and documentation here: http://digitalspaghetti.me.uk/index.php?q=jquery-pstrength The password at the moment is quite simple in it's input and output, but I'll be improving it. At the moment, the algorithm for calculating password strength can be a litte flaky. -- Tane
[jQuery] Superfish: Menu keeps jumping around
Hi Superfish experts, If you look at the following page: http://elearningrd.info/portal/test3.php you'll notice that when you roll over the arrow, it moves and the row that it occupies expands. Is there anyway to make it such that the arrow stays fixed in one area, with a fixed width, but the menu below it opens and closes as necessary? Thanks, - Dave
[jQuery] Unsubscribe
<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns="http://www.w3.org/TR/REC-html40"> <head> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=us-ascii"> <meta name=Generator content="Microsoft Word 11 (filtered medium)"> <style> <!-- /* Font Definitions */ @font-face {font-family:"Lucida Grande"; panose-1:0 0 0 0 0 0 0 0 0 0;} /* Style Definitions */ p.MsoNormal, li.MsoNormal, div.MsoNormal {margin:0in; margin-bottom:.0001pt; font-size:12.0pt;
Drag and Drop into another place.
I'm trying to use the JQuery UI to drag a div into a cell and have the div become part of that cell. I haven't had any luck getting it to do anything but lay over top of the table. Here is the code I'm trying to use: $(document).ready( function(){ $('.block').Draggable( { ghosting: true, opacity: 0.5, fx: 300 } ); $(".drop").droppable( accept: ".block", ondrop: function(ev, ui){ $(this).append( $(ui.draggable.element) ); } ); } ); Thanks, Steve
[jQuery] Can Not change characteristic color beside a:hover , a:visited i.t.d
Can Not change characteristic color beside a:hover , a:visited i.t.d
[jQuery] AjaxCFC + jQuery tutorial: part 2
I realize that this is waaaaay late in coming, but I've finally put together part two of the AjaxCFC + jQuery tutorial. I feel seriously guilty about not getting it out before now, so I hope anyone who was interested in seeing it still is, will forgive my lateness in getting it published, and will find it useful and informative. Cheers, Chris<br clear="all"> -- <a href="http://cjordan.us">http://cjordan.us</a>
[jQuery] Online jQuery Live Syntax Highlighting Editor????
Does that already exist, a Online jQuery Live Syntax Highlighting Editor?
[jQuery] How to suck web content from an iframe to a div
Hoping anyone can help. I use a custom scroll bar jquery plug-in which requires the content to be within a DIV. Some of the content I want to load is from other web sites. I am pretty sure it is possible to load the content into a hidden iframe and then, once it has finished loading, suck the data in the iframe into my div and then apply my scrollbar plugin to the newly fitted div. What's the proper method and plug-ins used to achieve this please? What are some of the pitfalls in doing this, if any?
[jQuery] PHP variable into jQuery
Hello, I have a form where the values are pulled from MySQL and looped through using PHP. The name and id values are create dynamically. For example HTML: Item A <input type="checkbox" name="event_id_22" id="eid_22" / > Item B <input type="checkbox" name="event_id_23" id="eid_23" / > For example PHP: Item A <input type="checkbox" name="event_id_$value" id="eid_$value" /
[jQuery] prevent checkbox to check when click
hi, how do i prevent the checkbox to be check when click if it doesn't meet certain requirements? Thanks
[jQuery] jQuery.AJAX statement
hi I am very new to jQuery. I am trying to make up a 'load on scroll' function. I have a few questions on the following piece of code. -Is jQuery.ajax a valid call ? or should i be using some other module beside jQuery? -what does dataType: html mean? what other dataTypes could I be returning? -My biggest confusion is that when mycontent.php is called HOW can i pass a variable to my php code, say 3, so that it can return values from (25 * 3) onwards (assuming i want to load next 25 records each time
[jQuery] Aaron Gustafson has a great ALA-Article on (Content-)Image Alignment and Consistency
Anyone already has a similar approach based on jQuery? If so, is there a chance to share it? Regards, Erik
[jQuery] accordian plugin brings up errors in IE7
Using accordian 1.5 and jquery 1.1.2 * $Rev: 3353 $ In IE7 I keep getting the following error when clicking on one of the menu items. it works in FF2 although it stutters a bit. ================================ ERRORS: errors at: elem[name] = value; segment of code in jquery: name = name.replace(/-([a-z])/ig,function(z,b){return b.toUpperCase();}); if ( value != undefined ) elem[name] = value; return elem[name]; ================================ I am using the following div structure (span is for
[jQuery] Image Overlay w/Options
Hello, How can I make it so when I hover over an image, it turns transparent. After it does this, there are two icons on the image, each hyperlinked. I can't seem to find a way to get an overlay with links on my script. http://www.infrontdashboard.com/sitebuilder/templates/*Real%20Estate/RE-1B/preview.gif ^ The image http://famfamfam.com/lab/icons/silk/icons/camera.png http://famfamfam.com/lab/icons/silk/icons/picture_add.png ^ The icons $(document).ready(function() { $('#templatepics img').mouseover(function()
[jQuery] Continuous Animation Firefox Problem
Hi, I came across a weird situation. I would appreciate if someone can help me figure this out. Please see my sample page at http://www.rabbihorowitz.com/index_new.cfm. The way this is supposed to work is that when you hover over the red column it animates and expands over the green column and contracts back when you remove your mouse. But I found that if you put your mouse over the red (which starts the animation) and then you quickly move your mouse over the green area before it gets covered, the
[jQuery] setInterval not working
<!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.16544" name=GENERATOR></HEAD> <BODY> <DIV><SPAN class=375441617-18102007><FONT face=Arial size=2>hi friends,</FONT></SPAN></DIV> <DIV><SPAN class=375441617-18102007><FONT face=Arial size=2></FONT></SPAN> </DIV> <DIV><SPAN class=375441617-18102007><FONT face=Arial size=2>can someone tell me what i'm doing wrong:</FONT></SPAN></DIV>
[jQuery] How to trigger an event/callback if the class(es) of an Element (e.g. div) changes?
Hello, is it possible to trigger an event when the class of an Element has changed? I have an DIV without any class="" onclick on that DIV it gets the class="selected" is it possible to listen to this change and trigger a function to get all the divs with the class="selected" I cannot trigger on the click-event because this happens before the class was added, with the effect that the just clicked DIV is not counted thanks in advance PS: I hope I explained the problem somehow
[jQuery] Accordion setting height: 0px and overflow-y: hidden
Hi, I'm using the accordion widget that came with the recent release of jQuery UI and I'm having trouble getting the right height of the second content of the accordion. The code is as follow: $(function(){ $("#side-content").accordion(); }); $(function(){ // Load the tags and after clicking on a tag add it to the input text function get_tags(category) { $("div#tags").load('/monitored/tag_cloud/'+category, function () { $("div#side-content div#tags p").click( function () { $ ("input#search_text").val(jQuery(this).text());
[jQuery] Bind event that should be executed first
Hi all, I have to bind an event of type "submit" to a form but I have to make sure that the function binded will be executed before other submit bindings. Is it possible with jQuery ? -- Fabien Meghazi Website: http://www.amigrave.com Email: agr@amigrave.com IM: amigrave@gmail.com
[jQuery] How does $(document).ready() work?
I am working on a project where using jQuery's $(document).ready() would be extremely useful, but unfortunately I cannot use jQuery. I found this page on determining when a document's DOM is ready: http://www.javascriptkit.com/dhtmltutors/domready.shtml Is this how jQuery does it? Thanks! - Jim
[jQuery] Tabs and Cookies
Hello, I am trying to implement the tabs jquery, but I would like for the browser to remember the tab selected on page refresh. Following details within another post, I have the following: <code> <head> <link type="text/css" rel="stylesheet" href="ui.tabs.css"> <script type="text/javascript" src="jquery-1.2.1.pack.js"></script> <script type="text/javascript" src="jquery.cookie.js"></script> <script type="text/javascript" src="ui.tabs.js"></script> </head> <script type="text/javascript"> var TABS_COOKIE
[jQuery] show/hide based on list selection
I have found this question in the archives and set up a test page based on the responses I have found. But for me it is not working, the section is hidden and doesn't reappear no matter what is selected. I have tried several different browsers. The real task is on a more complex page, I am just trying to get the simple test to work first. The test page is at http://globin.bx.psu.edu/phencode-test/t.html Thanks, Belinda
[jQuery] Create link around email anywhere on page?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META http-equiv=Content-Type content="text/html; charset=us-ascii"> <META content="MSHTML 6.00.6000.16544" name=GENERATOR></HEAD> <BODY> <DIV><SPAN class=586161315-18102007><FONT face=Arial size=2>My company has some poorly written legacy code that outputs email fields to the page. Problem is that the email field variable named is itself variable. We don't know in advance that any specific field contains an email or not.</FONT></SPAN></DIV>
[jQuery] 2007 Web Design Survey
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META http-equiv=Content-Type content="text/html; charset=us-ascii"> <META content="MSHTML 6.00.6000.16544" name=GENERATOR></HEAD> <BODY> <DIV dir=ltr align=left><SPAN class=940532414-18102007><FONT face=Arial color=#0000ff size=2>Discuss amongst yourselves.</FONT></SPAN></DIV> <DIV><FONT face=Arial color=#0000ff size=2></FONT> </DIV> <DIV><FONT face=Arial color=#0000ff size=2><A href="http://alistapart.com/articles/2007surveyresults/">http://alistapart.com/articles/2007surveyresults/</A></FONT></DIV>
[jQuery] AJAX problem on Internet Explorer
Hello Everybody, Please go to this page http://iconsushi.com/products/ . and add the product by clicking on + icon. The product icon shows up in the shopping cart by AJAX. Now when you click on the product icon (in shopping cart) again it gets removed from the shopping cart. This functionality is working fine in Firefox but not in IE. Here is the code which i m using for this purpose: function deletefromcart() { var href=$(this).attr('href'); var o={}; $("#tooltipHelper").hide();
[jQuery] number formatting plug-in
hi, is there a number formatting plugin for jQuery? Thanks
Next Page