[jQuery] jqDnR - jQuery 1.2 and Dimensions problem
I noticed in SVN that Brandon had updated the Dimensions plugin after the release of jQuery 1.2, so I updated to the latest code in SVN because it is MUCH smaller in size. But now the jqDnR plugin has issues in IE6 and IE7. When you start dragging the element, the element's position is way off. FF 2.0.0.7 doesn't seem to have any issues. Brice, any chance you can look into updating jqDnR to use the new core dimensions stuff in jQuery 1.2 (and 1.2.1)? Also, I've noticed that if you drag elements very
[jQuery] Tablesorter - sort callback or sort based on external options...
I have a table with a single column whose cells contain complex markup. Let's say this markup contains a name and a price: <div> <span class="item-name">Name</span> <span class="item-price">70</span> </div> I have external links that let you sort on name or price: var sort_by = 'name'; $('#sort-by-price').click( function(){ sort_by = 'price'; $('#results').trigger('sorton', [[[0, 1]]]); return false; } ); I have a custom parser and data retriever: $.tablesorter.addParser({ // set a unique id id:
[jQuery] draggable and droppable tabs
I am trying to create draggable/droppable tabs. I've got it partly built, but I'd love some community input on this. A working model can be seen here: http://scottnath.com/tabs/draggable_tabs.html Below I will paste the jquery code I'm using. First, here are some issues I'm running into that I really need some help with: 1) tabs can only be moved once 2) moving tabs from left-to-right works, but not vice/versa 3) I'm having trouble figuring out the dragged tabs original index jQuery code: $(document).ready(function(){
[jQuery] help with safari bug / empty and select
<HTML><BODY style="word-wrap: break-word; -khtml-nbsp-mode: space; -khtml-line-break: after-white-space; ">Hi this wont empty the layer after a video plugin is inserted into the layer using jquery.media<DIV><BR class="khtml-block-placeholder"></DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><FONT class="Apple-style-span" face="Monaco" size="3"><SPAN class="Apple-style-span" style="font-size: 11px;">$(document).livequery(</SPAN></FONT><FONT class="Apple-style-span"
[jQuery] AJAX .load into an iframe - possible?
I am attempting to create preview panes on a page which need to have their own separate stylesheets, and as such need to be loaded as external documents (or at least, I can't think of another way to do it). I have set up a couple of iframes -- ideally I'd sooner use objects to stay strict, however they seem like a nasty and even more opaque data structure -- and have tried a few methods to get the data to show up. As far as I can tell, the load call works fine, firebug shows the post and response,
[jQuery] How to bind data to the ajax callback function?
Below is an example to use jQuery.get() to get some html data. I expect that "0", "1" (or "1", "0") are displayed, however, it displayed "2", "2". How can I do? var url='http://foo.bar/?param='; for(var i=0; i<2; i++){ $.get(url+i, function(html){ doit(html, i); // bind 'i' to the callback function }); } function doit(html, tag){ alert(tag); }
[jQuery] Is there a way to wrap a table around content with jQuery?
Hello, I'm running into some trouble trying to wrap a table around some content. The table looks like this: <table> <tr><td>Content</td></tr> <tr><td>[image to be wrapped around]</td></tr> <tr><td>More Content</td></tr> </table> I've been experiementing with the most of the API DOM manipulation functions, but none of them seem to do the trick. I'd like to use something like wrap(), but wrap will inject the content into the first <td>, rather than the middle one. I tried putting a div in the middle
[jQuery] Unexpected behaviour with interface sortable
I've only just started playing with JQuery the past two days so I've probably missed something. I'm using the interface plugin to create a set of divs sortable by dragging. (I'm using interface rather than UI because as I understand it UI only allows sortable lists). The odd behaviour can bee seen in the example page at http://www.fogcat.co.uk/jquery/gs5.html If you grab the letter A and drag you can only move that item to the top or the bottom, dragging C only allows you to select 1st secod or last
[jQuery] Problems with jQuery loaded from JSP
Hi! New to jQuery and have successfully managed to use the ajax functionality from an HTML page. The problem is that I want to use it from a JSP page. The JSP page is identical to the HTML page, but it seems that jQuery stops working from the JSP page. At least all JavaScript evaluation stops working in this page (even if I only have a script inclusion of the jquery.js file. If I remove the link to jQuery then my own scripts start to work in the JSP page. I am completely stomped. What am I doing
[jQuery] Extremely poor performance of jQuery on AJAX partial page updates
I'm trying to use jQuery 1.2.1 to add AJAX functionality to my web application. I am using jQuery Form plugin to submit te form via AJAX and have a server-side algorithm that returns page updates. The server returns a JSON array with HTML elements to be updated and then I loop through that array and process each item. For update, I first remove the existing DOM element, then recreate it using jQuery constructor, and then append it to the parent. It works find in FireFox, but in IE the performance
[jQuery] Jquery Plugin for TinyMCE
Has the TinyMCE plugin been taken down? I have searched all over for it. Thanks
[jQuery] Duplicate IDs
Please forgive me but I'm very new to all this and was just building a page to handle multiple instances of the clueTip 'sticky' effect (example 4 on the demo page). The big problem I get is that I have to use: <ul class="uk"> <li><a id="sticky" class="plot4" href="name1.html" rel="name1.html">The Estelle<em><img src="assets/images/developments/ mannerscourt/estelle/estelle-sm.jpg" alt="The Estelle" title="The Estelle" />The Estelle is a lovely 3 bedroom property with more details to go in here...<span></span></em></a></li>
[jQuery] Ajax tabs detect automatically
hi, using that wonderful plugin for a while. Thanks Klaus Hartl ! Now, I've just been updating with version 3.0 My problem is that in older versions, you had to precise { remote: true } in order to load tab content dynamically via Ajax. Well now, tabs() detect automatically any link in the context and loads its content. I need to disable that function, because I build the tabs with a php request, and it's full of links (kind of 'products' page), so it immediately begins to load undesired remote content.
[jQuery] [NEWS] Coda-Slider Plugin
Found a jQuery version of the Coda Slider: http://www.ndoherty.com/demos/coda-slider/ I got it from the following blog: http://www.toolsoup.com/slider-or-glider-using-javascript/ Rey...
[jQuery] jquery version of YUI Buttons?
I've searched without success, so I thought I'd ask here: Does anyone know of a jquery version of YUI's Button component? (http:// developer.yahoo.com/yui/button/) I'm not opposed in principle to using YUI, but it seems like it would be easier to not have to mix libraries. Thanks, Owen
[jQuery] Get date from table cell
Hi all, I have a html table which is generated with some php scripts. It is a list of events. One of the cells of each row contains a date (in the format dd-mm-yyyy). What I want now is to select all the events (rows) which have been done and I want to assign a class to each of such a row. The problem here is of course the selector part. Is this possible with jQuery, and if so, could somebody help me out with the code? Or should this be done with php programming? Thanks! Joey
[jQuery] JQuery Expand/Collapse Troubleshooting
Hi All, I'm having a bit of trouble implementing a show/hide bit of JQuery JavaScript and was wondering if anyone had any ideas or advice that may help. On this page http://tinyurl.com/33wksr (my apologies for the missing content and overall clunkiness of the page - its been copied out of the NG CMS that doesn't support web standards just yet for troubleshooting.), I have a JQuery script (found here - http://tinyurl.com/354fk2) that is controlling the visual display of elements within a <div id="article"></div>.
[jQuery] One-liner that accelerates JavaScript on IE
http://dankogai.vox.com/library/post/one-liner-that-accelerates-javascript-on-ie.html This is very interesting suggestion to accelerate js. Replacing document object to a argument, it works more speedy on IE.
[jQuery] .clone(true) not working in IE
What my code does is you click on the link and it re orders these divs, here is the part of my code having trouble new_div[x] = $('#hotel_information div[@class=hotel_selection]:eq(' + div_index + ')').clone(true); then: for(x = 0; x < div_length; x++) { $('#hotel_information').append(new_div[x]); } Does anything look wrong in there? It works in FF(actually it works without the clone method) but not fully work in IE 7 or 6. Also the part that is not work is the tabs(using the older version and not
[jQuery] Using multiple versions of jQuery on the same page
<span style="font-family: trebuchet ms;">We are making a jQuery+stuff script that will go on lots of random pages with unknown libraries.</span><br style="font-family: trebuchet ms;"><span style="font-family: trebuchet ms;"> Some of those pages will have jQuery. (Various versions)</span><br style="font-family: trebuchet ms;"><br style="font-family: trebuchet ms;"><span style="font-family: trebuchet ms;">If I am including our script last; what is the best way to make sure our script doesn't interfere
[jQuery] Problem with each()
Hi, I'm experiencing a problem with each(): function CalculateDuration() { $(".duration").each(function() { var dur = $(this).html(); dur++; $(this).html(dur); }); } This function should take the value of fields tagged with .duration and augment them by one. Currently it's augmenting them with the number of times it finds .duration (ie.: if I have 5 fields with class duration, it will add 5 instead of 1 to each field). Any suggestions on how to solve this would be
[jQuery] $.ajax({datatype:"html"... does not seem to evaluate scripts?
The documentation notes that when using the $.ajax() functions option datatype="html": "html": Returns HTML as plain text; included script tags are evaluated however, it does not appear to me that this is happening. What am I missing? My very simple code is here: ----------------- ... $.ajax({type:"GET",dataType:"html",url:"test.htm",success:function(dta) { alert(dta); }}); ... ---------------- ----test.htm-- <div>hello</div> <script language="JavaScript"> alert("hello?"); </script> --------------
[jQuery] ajax success arguments
Hi, I'm looking on the doc, but I've a doubt about the ajaxSuccess event. In docs says:
[jQuery] ajaxForm adding parameters to the success option function
Hi I know that the success function has 2 default parameters but how do I add a custom parameter? 1 - A user clicks a form (with a ID of TOM) button 2 - The loading function gets called which just adds a class to a div with the ID of TOM_output. 3 - Then ajax requests comes back with success and I want to remove the class for the target div How do I access the the target div from with my loaded function?? function button_click(myform){ var button_output = '#' + myform.id + '_output'; var options
[jQuery] Access "parent page" from ajax generated html
It seems this post was deleted... Why? If I have a main page and a section of it generated by Ajax, how do I access an element in the main page from the section generated by Ajax? Or, in code speak: (how can I make something like this work) <html> <img id="removeMeAfterAjax" src="images/fredington.jpg" /> <div id="AjaxHolder"> <!-- BEGIN retrieved via Ajax --> <a onClick="$('#removeMeAfterAjax').remove();">Remove Fredington</a> <!-- END retrieved via Ajax --> </div> </html>
[jQuery] Interface iAutoscroller and DOCTYPE
Hi, I've tested the iAutoscroller from the Interface plugin and it doesn't seem to work when a DOCTYPE is declared, in either Firefox or IE. Is there something I'm missing, or is there a workaround? I basically want the site to autoscroll down or up as something is dragged and sorted. Thanks in advance.
[jQuery] Client Side HTML filter and DOM readiness
I would like to see if I can move our server side mail tag injection to jQuery on the client side. I guess I am wondering if the logic I am thinking will prevent any premature browser processing before jQuery gets to perform the filtering. When a message is going to be displayed on our system, the server will generate the page and based on the user's options, it may filter the message as it spits out the message body to the browser: <div id="msgwin" style="margin-left: 1%; margin-right: 1%;"> @get
Removing links
Hi all, Anyone have any idea how to do thisin jquery?
[jQuery] How to use history remote with search results
Hi, i use history remote plugin and i try to make it work when i send request from search form. I tried this approach: $('#search_form').submit ( function() { var aurl = this.action; var adata=$(':input',this).serialize(); $.ajax ( { type:'GET', url:aurl+'?'+adata, dataType:'html', success:function(x) { $.ajaxHistory.update('#' + aurl); } } ); } ); But with no success. Maybу someone can point me into right direction...
[jQuery] .wrap when targeting a frame generates an error in IE
<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> <!-- /* Style Definitions */ p.MsoNormal, li.MsoNormal, div.MsoNormal {margin:0cm; margin-bottom:.0001pt; font-size:12.0pt; font-family:"Times New Roman";} a:link, span.MsoHyperlink {color:blue; text-decoration:underline;}
[jQuery] hasLayout question
Hello This is a CSS question more than a jQuery one. I hope people don't mind. Using the IE Developer Toolbar version 1.00.2188.0 when I try to check the value of the hasLayout property of an element, I invariably get "-1". What does this value mean? Generally speaking I thought a value of -1 in a preference context means no value has been set, or the value is auto. I'd really appreciate if anyone could give me their experiences of what values the IE Dev Toolbar shows and their corresponding real-
[jQuery] Urgent requirement apply now
<p class="style19" align="center">Urgent requirement apply now <p align="center"><span class="style10"><font color="#ff0000" size="5"><strong>Pls sends your CV in </strong></font><a href="http://www.allindiajobbank.com/" target="_blank"><strong><font size="5">www.allindiajobbank.com </font></strong></a><strong><font color="#ff0000" size="5"> website. It is fast and gives U positive response. Pls pass this message to Ur friend also because vacancies are waiting.</font></strong></span> <a href="http://www.allindiajobbank.com/job_details.php?job_id=55&comp_id=19"><strong><font
[jQuery] Simplifying this X/Y box display adjustment
I wrote a tip plugin for our needs and spent much of the design time getting the cross-browser correct placement of the tip box within a BODY container (viewport) or a user-defined viewport (a specific <DIV> id passed to the plugin settings). I think I finally got it all worked out. The requirements is that there is no clipping of the tip box and the preferred placement order is: - At the end of the tag (right side) and the box centered at current mouse Y position - Above or below the current tag
[jQuery] Binding bug ?
I lost a couple of hours of my life wondering why would this happen, I was working on jQuery.Listen, and after binding, unbinding, and rebinding, the handler was being triggered twice. I finally came up with a case where that happens, only using jquery's binding methods: $('#foo') .click(function(){}) .mouseover(function(){}) .unbind('click') .click(function(){ alert('click!!'); }); clicking on foo should alert once, but in my PC, it does twice ( FF and IE ).. is this a bug ? I'll open a ticket just
[jQuery] Jquery and Pseudo classes
How does set the classes of an <a > tag? I would like to trigger the active, hover or link attributes Thanks
[jQuery] validation plugin: validation of checkboxes fail
<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=iso-8859-1"> <meta name=Generator content="Microsoft Word 11 (filtered medium)"> <style> <!-- /* Style Definitions */ p.MsoNormal, li.MsoNormal, div.MsoNormal {margin:0cm; margin-bottom:.0001pt; font-size:12.0pt; font-family:"Times New Roman";} a:link,
[jQuery] JQuery Expand/Collapse Troubleshooting
I'm having a bit of trouble implementing a show/hide bit of JQuery JavaScript and was wondering if anybody had any ideas or advice that may help. On this page http://tinyurl.com/33wksr (my apologies for the missing content and overall clunkiness of the page - its been copied out of the NG CMS that doesn't support web standards just yet for troubleshooting.), I have a JQuery script (found here - http://tinyurl.com/354fk2) that is controlling the visual display of elements within a <div id="article"></div>.
[jQuery] Announce: jqPuzzle - Customizable Sliding Puzzles with jQuery
Please ignore this if this is a duplicate post, but it seems that my first one didn't make it... --- Hi all, (First) post, first plugin! http://www.2meter3.de/jqPuzzle/ jqPuzzle lets you easily turn regular images into sliding puzzles. The puzzles are highly customizable (number of rows/cols, hole position, initial appearance, controls, animation speeds) and can be styled individually. See http://www.2meter3.de/jqPuzzle/demos.html for some demos. All you have to do: - Simply add a class name to your
[jQuery] Announce: jqPuzzle - Customizable Sliding Puzzles with jQuery
Please ignore this if this is a duplicate post, but it seems that my first one didn't make it... --- Hi all, (First) post, first plugin! http://www.2meter3.de/jqPuzzle/ jqPuzzle lets you easily turn regular images into sliding puzzles. The puzzles are highly customizable (number of rows/cols, hole position, initial appearance, controls, animation speeds) and can be styled individually. See http://www.2meter3.de/jqPuzzle/demos.html for some demos. All you have to do: - Simply add a class name to your
[jQuery] Accessing dynamically created divs
Hello! Got a question that I havn't been able to answer. This is my last resort. :) So, I have a list of dynamically created divs, with a link next to them to show or hide text inside of it. I know how to do it when its only a single box, but I dont know how to do it with a dynamic list. The whole script gets created with php, so I don't know how many divs there'll be. Normally I do the whole thing with javascript but I really like jQuery, and I wanted to try to stick to using it. So the result of
Next Page