[jQuery] .get works in Firefox, but not IE
Here's some code I have that works great in Firefox. But in IE, it this line does nothing: $ ('#bottomHalfofThickbox').html(updatedSamples); function redecorate(){ $('.removeSample').click(function(){ var productID = $(this).attr("productID"); $.get("/viewSampleDetail/removeSampleFromCart.cfm", { productID: productID }, function(updatedSamples){ $('#bottomHalfofThickbox').html(updatedSamples); $('#bottomHalfofThickbox').html('test');
[jQuery] New plugin: File Style
Not being able to style file inputs is long time problem. File Style to the rescue! It enables you to style file inputs and makes your AD happy. http://www.appelsiini.net/projects/filestyle http://www.appelsiini.net/projects/filestyle/demo.html I would appreciate all feedback. Especially from IE7 users. Does the file browser open when you click on different "Choose file" buttons? -- Mika Tuupola http://www.appelsiini.net/
[jQuery] Make a Thickbox with the iframe query parameter talk to update the html of the parent page
$ ('div#test',parent).empty().append("<cfoutput>#texttowritetoparentdiv#</ cfoutput>"); Is there something wrong with this that you can see?
[jQuery] can this cool feature be done w/ jQuery
Hello, I was browsing through slasdot and came across a cool feature. If you go to this link http://developers.slashdot.org/article.pl?sid=05/05/13/2023250 you will notice that in the left side panel there is a widget. This lets you filter your comments and comments on the right hand side are dynamically controlled. I looked up the page source and just saw this. Dont know what this is but surely isnt jquery. Was wondering if someone knows if this can be achieved with jquery. or if there is a plugin
[jQuery] MIT Licence question very important for everyone
Hi One very important question for licensing : I use jquery in my php applicastion and then i begin to sell my soft, so the entier application becomes under MIT license ? So i'll be obliged to provide not encoded copies of all codes sources or only framework and other sub scripts supplied as MIT in my soft ? i've never found a clear answer anywhere. Thanks for your ideas Regards Rob DELAIRE
[jQuery] how to detach jqmodal from an element?
Hi there! Quick question: obviously it is possible to attach jqModal to an element, but IS IT POSSIBLE TO DETACH JQMODAL FROM THAT ELEMENT LATER? Let me be more explicit about this: say you want a window to pop-up when you click a link. So you attach jqModal to the link. OK, all fine! But, say you dont want that to happen more than once. You just want the window to appear when the user clicks the link for the first time. After that, you would like for nothing to happen when the user clicks that link
[jQuery] Does anyone find the old jqModal is better than the latest one?
Hi, I' ve upgraded to the latest version of jQuery. I then upgraded my versions of jqModal (Version: 2007.08.17 +r11) and its stylesheet -- jqModal.css. But when I was working with an older version (Version: 2007.02.07 +r5) along with the latest version of jQuery, things worked better. Compare the two pages (roll over the arrow graphic and then click on the "Edit Module Title" link: http://elearningrd.info/portal/old_modal.php and http://elearningrd.info/portal/new_modal.php Are there things I should
[jQuery] how to reset hidden radio fields???
I've got a series of yes/no question - if the user selects 'yes' - I display a hidden div with additional questions: $("#flexsched").css('display', 'none'); $("input[@name='flexschedule']").click(function() { $("input[@name='flexschedule']:checked").val() == 'No' ? $('#flexsched').hide('fast') : $('##flexsched').show('fast') }); What I'd like to do is if the user clicks 'yes', then 'no' again - hiding the optional questions - I'd like to clear any they might have checked in the optional question.
[jQuery] Selecting with "this"
Hi, I want to make a really simply thing: hide and show "p" elements in a list clicking in the first "p" I have this code in document.ready function: $('#texto>ol>li>p+*').hide(); $('#texto>ol>li>p').addClass('pointer'); $('#texto>ol>li>p').click(function(){ $('this+*').toggle(); <- this is not working }); I've try $('+*',this).toggle(); but it only matches the first element after this and I want to match all elements in list after this element (all brothers) Any ideas?
[jQuery] number of selected elements
<!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=421401313-24102007><FONT face=Arial size=2>hi friends,</FONT></SPAN></DIV> <DIV><SPAN class=421401313-24102007><FONT face=Arial size=2></FONT></SPAN> </DIV> <DIV><SPAN class=421401313-24102007><FONT face=Arial size=2>a quickie here:</FONT></SPAN></DIV> <DIV><SPAN class=421401313-24102007><FONT
[jQuery] jquery and youtube's Gdata
Hi all, I'm trying to parse the xml file that's returned by youtube. In it are the following lines: <entry> <id>...</id> .... .... <media:group> <media:title type="plain">some title</media:title> <media:player url="someurl"/> <media:thumbnail url="2.jpg" height="97" width="130" time="00:00:03.500"/> <media:thumbnail url="1.jpg" height="97" width="130" time="00:00:01.750"/> <media:thumbnail url="3.jpg" height="97" width="130" time="00:00:05.250"/> <media:thumbnail url="0.jpg" height="240" width="320"
[jQuery] Hovering over jQuery retrieved HTML
Hello! I'm using jQuery to build a form dynamically. Here's how it works: You are presented with an input box. When you focus on the box a dropdown list appears that you can click on in order to insert the chosen option into the input box, or you can use the keyboard arrow buttons to select your choice. When you move to the next input box the page makes a call via AJAX to grab information for the input box based on the previous selection. The problem is that the ".hover()" function doesn't seem to
[jQuery] Safari's option list not display selection correctly
Hi, I have : <select id="state" name="state" type="text"><option value=""></select> the list of options is assigned in an Ajax call in jQuery (document).ready, and the selected option is assigned with jQuery("select#state").val(mystate); This works with Firefox and Opera, it correctly shows the choice, however in Safari, it will not reflect the changes until the field state receives focus, anyway to force Safari to display it when it is assigned the value? Thanks. A.C.
[jQuery] problem with jquery in ie6 en ie7 when using bannerscripts from 3rd parties
Hi We have the following website http://www.itbuzz.nl/tabid/89/pr/1203514/default.aspx here we hav an acoordeon like script for the buzzingonfo on the right side and the new items in the middle. This page works perfect in firefox but in ie 6 and ie7 the accordeon code doesnt get fired, the news and the buzzing info items dont collapse. This doenst happen all the time but only when certain flash banners are used that also use javascript themselfes i some way. for example the coannon and the atos origina
[jQuery] draggable clones are not draggable
Hello there, I am trying to accomplish a seemingly easy task, drag some small pictures onto a bigger one. I also want the dragged pictures to be cloned, so more of them could be used for the aforementioned purpose. What I've come up with is the following: <pre> function makeDraggable(expr) { /** * Makes the selection (by expr) draggable */ $(expr).draggable( { start: function() { // only clone if clone is not yet present if ( $(".draggedClone").length == 0 ) { if
[jQuery] draggable clones are not draggable
Hello there, I am trying to accomplish a seemingly easy task, drag some small pictures onto a bigger one. I also want the dragged pictures to be cloned, so more of them could be used for the aforementioned purpose. What I've come up with is the following: <pre> function makeDraggable(expr) { /** * Makes the selection (by expr) draggable */ $(expr).draggable( { start: function() { // only clone if clone is not yet present if ( $(".draggedClone").length == 0 ) { if
[jQuery] Debugging jQuery's ajax call
Hi, I'm trying to debug a js function, it seems HTTP proxy monitor does not monitor XMLHTTPrequest/response, any tools in OS X that can do the job? Thanks. A.C.
[jQuery] Corners and equal height columns
So I am using the jquery rounded corners plugin and it breaks my equal height columns cause it needs overflow visible. However, if I just try setting the column heights equal it breaks wymeditor because it ends up resizing it and makes it giant. Any ideas?
[jQuery] Multiple loads of page degrades performance(?)
Hi all I'm fairly new to jQuery, but have been playing with it for a couple months. This is my first post here. I've got a page with a <table> where each cell has a div that gets reloaded using load(). Each page that gets loaded into its cell also needs to be able to reload -- preferably multiple/infinite times. What I'm finding, however, is that after a few loads, the performance degrades pretty significantly. Is this an unavoidable side-effect of reloading jquery multiple times on the same page?
[jQuery] How to count characters
Hi, I have <textarea id="id_Message" class="vLargeTextField" name="Message" rows="8" cols="40"></textarea> how can I count numbers of characters that a user writes? Thank you B.
[jQuery] How to query youtube
Hi all. I'm trying out the new JSONP getJSON method with <a href="http://youtube.com">youtube.com</a> and it tells me that one of the parameters are invalid. Obviously YouTube doesn't support JSONP but is there anyone who has succeeded in getting data from youtube via jQuery? Thanks. Cheers, Jon.
[jQuery] ajax with two html input arrays
jQuery List, I have 2 form element arrays: <input type="hidden" name="rockno[]" value="/* Changes based on rock id */"> -and- <input type="text" name="units[]" value="/* Changes based on selected rock */"> The form's size changes at runtime, so the user can enter as many rocks as needed. Therefore, the size of the rockno array and units array are unknown. On the server side, php picks it up: $rockno = $_POST['rockno']; $units = $_POST['units']; I don't know how to send this array using javascript
[jQuery] Copying HTMLElement methods in IE
This might be kind of a niche thing, but anyways... I'm trying to extend jQuery so that if $() returns a single element, you can get the element's properties directly on the jQuery instance. e.g. $('#something').tagName // "DIV" $('#something').style.color = '#f00'; $('#something').getElementsByTagName('p') (I know, these are contrived examples but I'm trying to get this to work for a new library I'm developing.) The first two work in FF and IE, but the last one fails in IE -- it seems IE doesn't
[jQuery] .hover() issue
Hi, I came across a weird situation. I would appreciate if someone can help me figure out a way to prevent this. Please see my sample page at http://www.rabbihorowitz.com/index_new2.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 (in Firefox) if you put your mouse over the red (which starts the animation) and then you quickly move your mouse over the green
[jQuery] Blur event for DIVs
Hi, I want to trigger an action when a user moves the mouse outside of, or clicks outside of a particular DIV (named "contextMenu" in the example below). But nothing is triggering the event. Is my below code wrong or is there no such thing as a "blur" event for DIVs? Thanks, - Dave <script type="text/javascript"> $(document).ready( function () { $('#contextMenu').blur(function() { alert('blur'); // Never gets called. $(this).hide(); }); // Set classes for menu items. $('.contextMenuItem').hover(function()
[jQuery] New plugin: Bigger link
A simple one - but hopefully useful? http://jquery.com/plugins/project/biggerlink
[jQuery] Align to bottom (Div)
Trying to figure out a solid efficient algorithm for aligning objects to the bottom. The div is a column and the height is dynamic because the contents of the right column changes. (see below) so say the markup for the image is this: <div id="container"> <div id="col-left" class="alignstupidbottom"> <img src="blahblah.gif" /> </div> <div id="col-right"> contents </div> </div> so in order to align say an image to the bottom you have to do this: 1. find the height of the container 2. find the height
[jQuery] move div according to mouse X position
<!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=531004419-23102007><FONT face=Arial size=2>hello friends,</FONT></SPAN></DIV> <DIV><SPAN class=531004419-23102007><FONT face=Arial size=2></FONT></SPAN> </DIV> <DIV><SPAN class=531004419-23102007><FONT face=Arial size=2>i'm (still) trying to create this interaction: a very
[jQuery] move div according to mouse X position
hello friends, [first message did not show up, sorry if this is a double post] i'm (still) trying to create this interaction: a very wide div scroll into view, according to the user mouse position on the screen. It's something i've done in flash without issue, but here in javascript, even with jquery i'm not too successful. the best result i have so far is this: http://m2.lab-au.com/proto_metalab2_datascape.htm but apparently i've got some coordinates wrong. Can someone help me out/ give advises?
[jQuery] [ANN] jQuery in Action (30% OFF COUPON)
Hey guys,<div> </div><div>As many of you already know, I have been working on jQuery in Action, a book on jQuery for Manning Publishers.</div><div><br class="webkit-block-placeholder"></div><div>Almost the entire book is available on MEAP (Manning Early Access Program), and it's going to be published in December of this year. </div><div><br class="webkit-block-placeholder"></div><div>The book itself is pretty awesome. It tries to give you the information you need with a useful narrative, including
[jQuery] jqGrid new version
I have released a new version of jqGrid. Demo page here: http://trirand.com/jqgrid/jqgrid.html Home page: http://www.trirand.com/blog/ Enjoy.
[jQuery] Minified jQuery?
Hey guys, I've noticed that on the front page of jQuery.com there is a new version for download, the minified and gzipped one. now it says that it weighs 14k, while ont he google download page, it says 46k. downloaded, and indeed, it's a 46k js file. what gives? where is the minifieing & gzipping coming in? Salut, Eli
[jQuery] Best way/approach for updating table via ajax
I am still exploring all these, but currently with the idea of minimizing DOM and jQuery work, I have a table like so: <table id="serverTable"> <thead> <tr><th>c1</td><th>c3</td><th>c3</td></tr> </tread> <tbody> </tbody> </table> where <tbody> block initially has no rows. The ajax call, runs a server side applet which returns the rows, a table without the <table></table> tags and this result is injected into the <tbody> $("table#serverTable tbody").html(msg); This works fine. Another approach is
[jQuery] Confusion about show/hide and visibility attribute
Hi, I have this DIV <div id="contextMenu" style="position:absolute; visibility:hidden;"> <div id="editTitle" class="contextMenuItem">Edit Module Title</ div> <div id="myspace" class="contextMenuItem">Export MySpace HTML</ div> </div> Notice that I have visibility = hidden as I want this for the default state. However, after the page loads, and I call $('#contextMenu').show(); the DIV does not appear. Where am I going wrong? Thanks, - Dave
[jQuery] How to access loaded elements?
Hi, I have observed that if a element is ajax' loaded, it's element can not be accessed, example: $(" test line").appendTo("#test2");*/ $("p").addClass("emphasized"); This will work, but if you put the test line in a file(test.html), then you do: jQuery("#test2").load("test.html"); $("p").addClass("emphasized"); This will display the text, but $("p") can not find the loaded to apply the addClass, any hint on this? Thanks. A.C.
[jQuery] .get returns undefined
Is there something wrong with this code below that would make updatedTest return as undefined? $.get("/test/test.cfm", { productID: productID }, function(updatedTest){ $('#bottomHalfofThickbox').html(updatedTest); });
[jQuery] Mystery "jquery" attribute and behavior...
I'm using jquery to zebra-stripe some tables. On one page, the jquery consistently displays the same odd behavior. Here's my code: $("table.Data tr:even").addClass("EvenRow"); On the first table on the page (the page has several), it applies the "EvenRow" class to the first eight rows (instead of alternating), then starts working normally for the rest of the page. Additionally, in the rows where it acted oddly, I find things like this: <tr class="EvenRow" jquery1191784494053="9" jquery1191628120598="9">
[jQuery] jqMultiSelects suggestion
Hey Rob, Thanks for jqMultiSelects. Useful one. :) One suggestion: let the user decide the selectors that will be used for the elements, instead of forcing an ID. I modified it to allow this: jQuery.fn.multiSelect = function(to, button) { return this.each(function() { var select = this; jQuery(this).dblclick(function() { moveOptions(select, to); }); if (typeof button != "undefined") { jQuery(button).click(function() { moveOptions(select, to); }); } }); function moveOptions(from, to) { jQuery(from).children("option:selected").each(function()
[jQuery] Having trouble loading HTML when it contains Javascript
Hi, I'm having a problem on PC IE 7 only. For certain parts of my page, I'm loading them when triggered by a user interaction: $.post('get_file_contents.php', {id:p_id}, function(data){ $("#"+p_id).empty().append("<div class= \"itemWrapper\">" + data + "</div>"); However, if "data" contains Javascript code, IE consistently gives me syntax errors. Firefox does not give me these errors and works normally. Is there another way I should be loading the data if the data contains Javascript? Thanks, - Dave
[jQuery] jQuery + Select Box woes
Hi all, I'm having some difficulty getting select boxes to function the way I envision them to function. I'm using the Plugin available from: http://www.texotela.co.uk/code/jquery/select/ My code looks like the following: ---- $("select#make").change(function() { $.ajax({ data: {make_val: $(this).val()}, dataType: 'json', timeout: 10000, type: 'POST', url: "/addvehicle/models_populate", error: function() {}, success: function(json)
Next Page