[jQuery] Interface: How to rotate objects by a certain angle?
Hi, I'd like to rotate by a certain angle (e.g. a box by 45 degrees); that object is going to be draggable. What are the options? I'd like to avoid swf approaches that rotate objects after loading them rather than before. Thanks! Paolo
[jQuery] Why does my ajax function kill drag/drop?
I have Interface 1.2 Drag/Drop working. I can drag images (hardcoded) from div id=theSearchResultImages to my dropable area just fine. But when I try to add my ajax 'Search Photos By Tags' form which populates images into div id=theSearchResultImages, I can no longer drag and drop the images. Here's my form and ajax call: <form action="/jsrpc/search_photos_by_tags" name="searchAlbumPhotos" id="searchAlbumPhotos" onsubmit='$.ajax({url: "/jsrpc/search_album_photos_by_tags", data: $(this.elements).serialize(),
[jQuery] jquery Form enctype="multipart/form-data" problem
Hi All, I have added enctype="multipart/form-data" and a file field to a form. The form successful submits via jQuery Form's ajax method and the file ends up on the server. The problem is, the form won't submit if no file has been added. What am I missing?
[jQuery] testing, please ignore.
Testing, please ignore.
[jQuery] iframe question -> frameReady plugin
Are there any way to pass a param (I need to pass a DIv object) from parent to the iframe child? My code: (iwould like to use newContent info) var newContent = jQuery("#containerDiv")[0].innerHTML jQuery.frameReady( function() { debugger; jQuery("#containerContent")[0].innerHTML = newContent; }, "top.printContentIframe" );
[jQuery] Why does *this* function kill Interface Drag/Drop?
My ajax search function populates a div with thumbnails, but then the Drag/Drop code no longer works. Me scratches head. Dan Switzer was kind enough to provide the information that I need to reinitialize the Drag/Drop Interface code. Can someone help me understand how to do that? I did a quick look thru Interface docs, and a quick google on javascript initialize. Probably some answers there, tho I'm so new to javascript and jQuery that it's a blur. /dennis
[jQuery] What is the jQuery Sortable code?
Hi, I have a group of items that I make sortable when my document is "ready" $('div.listGroup1').Sortable( { accept : 'sortList', helperclass : 'sortHelper', activeclass : 'sortableactive', hoverclass : 'sortablehover', opacity: 0.8, tolerance: 'intersect', onStart : function() { $.iAutoscroller.start(this, document.getElementsByTagName('body')); }, onStop : function() { $.iAutoscroller.stop(); saveDivPositions(); } } ) What I want to do is when I start dragging a particular item of class "sidebarText",
[jQuery] Problem getting first paragraph
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META http-equiv=Content-Type content="text/html; charset=iso-8859-1"> <META content="MSHTML 6.00.6000.16441" name=GENERATOR> <STYLE></STYLE> </HEAD> <BODY bgColor=#ffffff> <DIV><FONT face=Arial size=2>How i get the first p of each div page inside the id book?</FONT></DIV> <DIV> </DIV> <DIV><FONT face=Arial size=2>This not work<BR>$('#book .page').each(function(index) {<BR> var first_paragraph = $(this + " p").eq(0);</FONT></DIV>
[jQuery] Keeping a div of controls and stats in Viewport
Anyone have a jQuery-esque method of keeping a DIV of information (or controls) in the viewport when the window has vertical scrolling? Sam
[jQuery] OK, why does *this* function kill Interface Drag/Drop?
New to javascript. New to jQuery. I've hit the wall. Interface Drag/Drop works, my search photos by tags works. Add/delete images to/from database works. All work as separate pieces. But when I try to add my search ajax function to same page where drag/drop stuff resides, the latter stop working. My search function puts found images into the same div id ("#theSearchResultImages") that Drag/Drop uses as its draggable area. Is there some sort of conflict imposed by doing so? My function + html: <script
[jQuery] DC Drupal User's Group
Tonight, there will be a meeting of the DC Drupal Users Group at the Science Club at 1136 19th Street, NW. Everyone on this list in invited to come join us for drinks and talk about code with some interesting people. See the announcement at http://groups.drupal.org/node/4324. Drupal, in case you don't know, is a popular PHP / MySQL based content management system that offers a truly extensible application framework through its modular design. Drupal uses jquery as its standard AJAX library and has
[jQuery] Remove DOM siblings after current item
I have the following DOM: <ul> <li>blah 1</li> <li id="appendExtraAppointments">blah 2</li> <li>blah 3</li> <li>blah 4</li> </ul> I would like to remove the li elements after the <li id="appendExtraAppointments">blah 2</li>. I tried doing something like this, but it didn't work: $('#appendExtraAppointments').siblings().not($('li').prev).remove(); Any ideas? Thanks!
[jQuery] Find set of questions
$('ol.ol1 > li') // returns a complete set of list elements containing quiz results... Some of the results contain correct answers, some incorrect answers... The indicator would be another list contaiing the choices and assigned classes: .correctchosen or .correctnotchosen How do I filter the set so that it returns the set of correct list elements? I want $('ol.ol1 > li'), but only those that contain at a deepter level of the DOM, another li.correctchosen Something like: $('ol.ol1 > li').filter('go
[jQuery] how to load an HTML in a div and to display it from a certain subheadline (jump to anchor)
Hello, I have several big files (about 8) and each of them has Subheadlines marked with anchors. ON another file I have a table of contents including all subheadlines as links, and I would like, when clicking on one of the links to open it in a DIV below the table of contents, the whole HTML refered but scrolled down exaclty to the selected Subheadline. If possible, would be great if that headline to be also highlighted temporary until something else is selected. I am using this code: $('.explinks
[jQuery] toggle() append: how to?
<!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.16441" name=GENERATOR></HEAD> <BODY> <DIV><SPAN class=031005912-05062007><FONT face=Arial size=2>hello jQ-zillos !</FONT></SPAN></DIV> <DIV><SPAN class=031005912-05062007><FONT face=Arial size=2></FONT></SPAN> </DIV> <DIV><SPAN class=031005912-05062007><FONT face=Arial size=2>i have a list of links organised in subsections,
[jQuery] Insert option into form select list
Is it possible to inject an option into a html form select list with ajax? I need to set up a search system and when the user clicks a name it puts that name in the select list as an option. Thanks _Tony
[jQuery] Traversing up the DOM to make a decision (using NOT or otherwise?)
Hello all, I am relatively new to jQuery having used prototype since it's inception. I am attempting to affect all anchor tags on a page except for those contained in a certain IDed element. Basically, we have some wizard forms that will contain A tags used in the form interaction that we do NOT want to be affected. All other A tags on the page are navigation links and we would like to warn the user that their changes will be lost if they navigate away from the page. I am currently using this model
[jQuery] Question about jQuery effects and append method
Hi! I'm making js script which allows to create div floating windows. I want to use jQuery + interface but I met with difficulties. I create html code with js: function createWindow() { var windowId = '#test'; var htmlW = '<div id="'+windowId+'" class="window"><div class="windowTop"><div class="windowTopContent">Window example</ div><img src="images/window_min.jpg" class="windowMin" /><img src="images/window_max.jpg" class="windowMax" /><img src="images/ window_close.jpg" class="windowClose"
[jQuery] animating with unit '%'
I've been trying to create animations with width values in percent. For instance, I have a div wrapper around my page called wrap, and I'm trying to be able to toggle it's width with .animate() from 770px wide to 100% wide. For the most part I'd like to keep it as an animation, so it fluidly expands or contracts from one value to the other. I can achieve this easily using .css() or .width(), however I can't seem to figure out how to imply percent values within .animate(). $('#wrap').animate({style:
[jQuery] Get the checked status from radio button?
Using the traditional method, it worka console.debug ( document.getElementById("type_1").checked ); But this one failed... console.debug( $("#type_1").checked ); any method to get using jquery? thanks.
[jQuery] Animations breaking in Safari 2.0.4 - elements randomly disappear
Hi guys, I've built out this page here: http://testdrive.squeezecreative.com.au/eastgate/ It's working perfectly in IE6, IE7 and FF2/PC however broken badly in Safari 2.0.4 and slightly broken in FF2/Mac. My main priority is Safari right now. As you move the mouse over the sub menu, triggering the links to fade in and out, the links start to randomly disappear! Can anybody helps shed some light on this? Thanks in advance, Tatham Oddie New to jQuery
[jQuery] Slideshow with unknown amount of images
<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:m="http://schemas.microsoft.com/office/2004/12/omml" 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 12 (filtered medium)"> <style> <!-- /* Font Definitions */ @font-face {font-family:"Cambria Math"; panose-1:2 4 5 3 5 4 6 3 2 4;} @font-face
[jQuery] PNG hack that works for repeated background images?
Hello I've been trying to implement this 'plugin' 'hack': http://khurshid.com/jquery/iepnghack/ to get a repeated background effect in IE6 and decent browsers. It appears this plugin does not work with repeated background PNG images. Instead the image is shown just once. Can anybody confirm this as a limitation/bug? Does anyone have an alternative hack (preferably jQuery based) that can achieve repeated background PNG images?
[jQuery] Changing class on a preceding element by click link in another div
I'm trying to have a "close" link in a div that is expanded by click on an h3 that is the toggler. The trick is, I need that close click to then change the class of the h3 that preceeds it, not all h3s on the page. <h3 class="accToggler ">Title</h3> <div class="accContent"> Content <p class="close">Close </div> So far my script looks like this: <script type="text/javascript"> $(function() { $ ('#ailment').find('.accContent').hide().end().find('.accToggler').click(function() { $(this).next().slideToggle();
[jQuery] ImageBox question: max width / height for images?
Hi, I'm using (and loving) the Interface (v1.2) ImageBox component, on jQuery 1.1.2. It works as advertised -- thank you to the authors! My question is this: I have some large images to display, so I would like to specify a max width / height to the overlay container (or whatever the appropriate div is). I already have thumbnail versions, so the normal display works fine, but when users click and ImageBox displays the full image, it's huge, way bigger than I want. Short of creating scaled-down versions
[jQuery] Jquery wizard plugin?
Hey just wondering if theres a plugin similar to dojo's wizard plugin?
[jQuery] Eliminating a plugin instance
A typical plugin pattern is $.fn.plugin = function( options ) { ... this.each(function() { var elem = this; new $.plugin(elem, options); }); return this; }; and to call the plugin $(function() { $("#my_id").plugin(options); }); How would I go about deleting the plugin instance so that I can set up a new plugin instance like this: $("#elem").click(function() { var new_options = { ... }; $("#my_id").plugin(new_options); }); If I follow this exactly I end up with two instance
[jQuery] JSON / PHP's json_encode()
Has nothing to do with jQuery directly, but there's alot of really great developers here, so maybe I'm missing something that someone else will catch... -------------------------------------------------------------------------------------- [json.js] { "itemtitle1": function(){ alert("this is item title 1's callback"); }, "itemtitle2": function(){ alert("this is item title 2"); } } --------------------------------------------------------------------------------------
[jQuery] Setting class="error" with validate plugin.
http://bassistance.de/jquery-plugins/jquery-plugin-validation/ Lets assume I have following HTML <tr> <td class="label"> <label for="date" class="required">Some date:</label> </td> <td> <input type="text" class="text {required:true}" name="date" id="date" /> </td> </tr> Now what I want to happen is that when form fails validation (date is empty), label for date gets class "error" added. In my case I do not want customized error messages. Just change class of the label of the input. There must be
[jQuery] TableSorter - Integer with Negative Values
I managed to get a strange bug with negative values causing the tablesorter to sort by alpha instead of by number order. Here's a sample HTML File Showing the sort by Alpha: <html><head><title>TableSorter Error</title> <script type="text/javascript" src="javascript/jquery/jquery.js"></ script> <script type="text/javascript" src="javascript/jquery/ jquery.tablesorter.js"></script> <script type="text/javascript"> $(document).ready(function() { $("#resultstable").tableSorter({ sortColumn:
[jQuery] script killing IE
I have this script that is absolutely killing IE, but works fine in FF. I wish I could post the working model, but it's behind our firewall. Here's the script: $(function(){ bindResults = function(){ $('#sbmsdata_1 a').click(function(){ $('#sbmsdata_1 img').attr('src','/images/sbms/folderclosed.gif'); $('img', $(this).parent().prev()).attr('src','/images/sbms/ folderopen.gif'); var linkval = $(this).attr('href'); $(this).blur(); $('#sbmsitems').load(linkval,
[jQuery] jqBrowser and, why no email?
Hey all, First off I stopped receiving emails from the list a while back. I have unsubscribed/re-subscribed but still nothing. My settings say I'm supposed to receive emails on each post. Is there something else I can do to get the emails going again? Secondly, I tried out the jqBrowser plugin, but it seems to cause conflicts with jQuery. Is there perhaps a backward-compatible issue, as the last update to jqBrowser looks to be from June last year? Anyone got this working? -- Josh
[jQuery] html() doesn't render html with select in it
Hello everyone, This code I wrote in October of 2006 using 1.0.x and it worked fine when I wrote it. $("#major_cats").change(function(){ $("#subcats").html(); $.post('sublist.mas' ,{ super_id: $("#major_cats").val(), market: 1, year: 2007 }, function(data) { $("#subcats").html(data); ///THIS LINE DOESN'T WORK IN 1.1.2 $("#minor_cats").change(function(){ document.location='lists/?minor_id=' + $(this).val(); }); }); }); I was called to this code because someone noticed it wasn't working any longer.
[jQuery] Plugin to link words/phrases
I am working on writing a plugin that, given a list of words/phrases, will link text. That sounds so ... less than spectacular. The concept is similar to those in-text ads, except without the popups/bubbles. (Even less spectacular-sounding.) I was wondering if there already existed a plugin for this or similar functionality. I was also wondering if it would be of interest to anyone else.
[jQuery] SOT : CurvyCorners Plugin Issue in IE
I tried to post this question on the CurvyCorner forum, but it wouldn't let me activate my registration, so I thought I'd try here in the hopes that other users of the plugin can offer some insight. The plugin works great in Firefox and IE6 (my test browsers for now), but in IE, as soon as I add an opacity value to the container the rounded corners disappear and I'm left with just the original container. In Firefox, the opacity doesn't bother the plugin at all. What I have is an unordered list item
[jQuery] AjaxExperience 2007 Presentation
<a href="http://ajaxexperience.techtarget.com/west/html/speakers.html#GLipka">http://ajaxexperience.techtarget.com/west/html/speakers.html#GLipka</a> <a href="http://ajaxexperience.techtarget.com/west/html/sessions.html#GLipkajQuery"> http://ajaxexperience.techtarget.com/west/html/sessions.html#GLipkajQuery</a> Personally, I think it's a fluke. The conference is most about "Ajax", so I sent in a proposal about "Experience". Insane huh? I haven't spoken to a crowd since last millennium. I am super
[jQuery] TableSorter question
Hello, I want my table to be sorted in the opposite direction that it's currently being sorted in when TableSorter does its first sort. I can't find a switch to do that but perhaps I'm not seeing it. Anyone know what it's called or should I just add my own? Thanks, Chris.
[jQuery] JQuery hide/show bug in Safari
hi all. im having a few problems with a safari bug with a jquery hide/show div.. please click on the core-approach section here. http://www.fifthcorner.co.uk/build/fraser/index.php?s=about it loads correctly but when you click hide, then show, the div reappears, then jumps to the top left. there is a [ margin-left:-200px; ] applied to this div (called .wrapper) that may be confusing safari. if anyone has any ideas or solutions, please let me know.. it works in all other browsers. cheers, - josh -
[jQuery] NEWS: HTML entity lookup tool built in jQuery
Ajaxian had an article about a very cool HTML entity lookup tool: http://ajaxian.com/archives/an-entity-lookup-that-helps When I checked it out, low and behold it was using jQuery. Direct Link: http://leftlogic.com/lounge/articles/entity-lookup/ Great work, Left Logic! Rey... -- BrightLight Development, LLC. 954-775-1111 (o) 954-600-2726 (c) rey@iambright.com http://www.iambright.com
[jQuery] OT: Run PHP code inline on a Coldfusion 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.16441" name=GENERATOR></HEAD> <BODY> <DIV><FONT face=Arial size=2><SPAN class=044564114-04062007>For those of you who don't know, Coldfusion is built upon Java. Someone has taken it upon themselves to write a Java library, called Quertus, which parses PHP code. Someone else then built upon THAT and wrote a Coldfusion library
Next Page