[jQuery] IE7 it does't work (bug?)
here is my code $(document).ready(function() { $('#imageid').load(function(){ alert('hello'); }); }); "#imageid" is an img lable's id
Not really Jquery, but yea. [Solved]
So here is a little issue Ive had lately. Im using a module calls jqmodal, great, but when i use a tag: <input type="image" src="someimagehere"> i always get text with this that says: start query. I dont put this in my code, and even when I search my code i cannot find this string. Any suggestions? Update: turns out if the path to the image isnt right I get that text, dunno why but At least I know how to fix it.
[jQuery] Need some help with random IE crashes
http://67.199.33.151/db/ We've been working on this site for a month, using jquery extensively to create a sort of templating system for views into a sql database via a web service. AJAX calls are made on loading of the page to populate various templates and lists. It's been working very nicely in firefox, and even Safari after some funkiness, but recently we've started to see IE crash randomly. This behavior is entirely reproducible and seems to occur around the setup / teardown of a bastardized
[jQuery] css generated by ajax response not bindable?
i write a <dl> in an ajax response, its seems to me that i cannot bind to the elements the ajax output provides. an example is on this page: http://www.authenticeducation.org/ajax_template/ , you must choose stage 2, performance tasks (and then the ajax content slides down and a new list appears), then chose either of the task names. These task names should be bound my function, but are ignored and send the browser to a new page, instead of calling a new load event.
[jQuery] AJAX Load Image Puzzle
Hi JQuery Gurus, I'm serving images dynamically as <img src="/images/next" /> where when /images/next is accessed my server side controller returns a new image as Content-Type: image/jpeg byte stream. This is all fine until I wrap it with <div id="to-be-updated-by-ajax"><img src="/images/ next" /></div> and wish to use AJAX to update it. It seems that since the <img ... /> portion never changes, even when it _is_ coming from server upon every AJAX request, my page never changes in the browser. Any
[jQuery] AJAX Load Image Puzzle
Hi JQuery Gurus, I'm sure someone will find this question simple -- I am serving images dynamically in my HTML as <img src="/images/next" alt="next" /> that every time /images/next is accessed, it returns a new image as Content-Type: image/jpeg byte stream. This is fine until I wrap it in a block like <div id="to-be-updated-by-ajax"><img src="/ images/next" alt="next" /></div> and hoping to update it via AJAX response: It appears that since the <img... /> portion never changes, even when this div
[jQuery] Load details content in new <tr> table row from within a table (Master/Detail)
Hello, I'm new to jQuery (and javascripting) and was wondering how I go about showing the details of a record which is displayed in a table on a new row. Just a basic expand/collapse toggler that pulls data from another page and inserts it into a <tr> below. Here's the code I have. <h2>Before </h2> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <th>ID</th> <th>First Name</th> <th>Last name</th> <th>Favorite Color</th> <th>Show Details</th> </tr> <tr> <td>1</td> <td> Joe</td>
[jQuery] How to add item directly to $ ?
Hi.<div><br class="webkit-block-placeholder"></div><div>I'm just getting started with jQuery and I'm still trying to figure out how to do some common tasks. Here's one of them.</div><div><br class="webkit-block-placeholder"> </div><div>Suppose I have something like:<div><br class="webkit-block-placeholder"></div><div> var opts = $( 'option', select );</div><div><br class="webkit-block-placeholder"></div><div>...where select is some <select> DOM element, and later I create a new option</div> <div><br
[jQuery] Help me with my corners?
Hi all... I am trying to get corners working on some elements on this page: http://www.gondwana.wb.gs/index.html?Action=Commerce2.Product&ID=1 Can anyone have a look and maybe try to figure out what I'm doing wrong? It looks odd in both Firefox and IE, although neither of them report any script errors. Thanks in advance for any help. Matt Parlane
[jQuery] ie6 fails to parse ajaxed scripts - rough fix provided
$.ajax evaluates scripts within the response when dataType is "HTML"... but not in ie6. To get around this, I have made this: function eval_html(html) { tags = /\<script.*?\>(.*?)\<\/script\>/gi; if(html = html.match(tags)){ eval(html .join("") .replace(tags, "$1") ); } } Called like so: $.ajax({ type:'POST', dataType: "html", url:url, success: function(response){ if($.browser.msie && $.browser.version
[jQuery] how to get name attribute from $(this)
Hi I am trying to create a slideing menu. I have this code $('#menu li a').click( function() { $(this).next().slideToggle('normal'); } ); This is working fine but now i am trying to add the cookie plugin by kalus into this so that it remembers which menu item was open and which closed. I am very new to jquery so the way i thought of doing this was. - at Every click I will set the cookie with name of the menu item $.cookie('the_cookie', 'value'); //value would actually be name attribute value from
[jQuery] Load details content in new <tr> table row from within a table (Master/Detail)
Hello, I'm new to jQuery (and javascripting) and was wondering how I go about showing the details of a record which is displayed in a table on a new row. Just a basic expand/collapse toggler that pulls data from another page and inserts it into a <tr> below. Here's the code I have. <h2>Before </h2> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <th>ID</th> <th>First Name</th> <th>Last name</th> <th>Favorite Color</th> <th>Show Details</th> </tr> <tr> <td>1</td> <td> Joe</td>
[jQuery] [ClueTip]
How do you set tooltips for an input type of button ? -SK
[jQuery] jqURL?
Anyone know if jqURL is up to date with jquery 1.2.2.? http://www.oakcitygraphics.com/jquery/jqURL/jqURLdemo.html?var1=1&var2=2&var3=3
[jQuery] styleswitcher problem 2 (aka "$ is not a function")
<html> <body> Hi folks, What I neglected to point out in my first post is that I know jquery is being loaded as other function calls (e.g. Shadowbox.init();) appearing earlier in the document.ready block are being fired. I can also see the file loaded when I view - through Firebug - the javascript files loaded into the page However, further testing has revealed that it is not styleswitcher that is at fault here. If I make $("a.link1").bind("click", function() {getFirstPage(this.id)}); the first
[jQuery] Problem in [] filter
// $(document).ready(function() { $('th').parent().addClass('table-heading'); $('tr:not([th]):even').addClass('even'); $('tr:not([th]):odd').addClass('odd'); $('td:contains("Henry")').addClass('highlight'); }); // It is supposed to add 'even' and 'odd' classes to odd and even number of rows of a table EXCEPT TABLE HEADER, but unfortunaley it is not working as it should because it also formates the heading (attaching 'even' class to table header and I can see it in firebug). It looks that the filter
[jQuery] IE PNG flicker and doubled content
Hello, I've been working on a jQuery-based portfolio and learning as I go. The "Learning jQuery" book has been indispensable. I've run up against a troubling issue with the IE PNG filter, as well as flickering duplicate content in IE. The page I'm working on is here: http://www.tinderboxcreative.com/dev2/portfolio.html The trouble is, when you select a thumbnail from the set at bottom (I've only enabled the first two), IE6 has a strange bug in the gallery view near where it says "View Project Description"
[jQuery] Effect after content loaded via AJAX?
Hi there, I've been playing with jQPanels, loading remote content to some divs. Everything works fine using the load method - the callback function animates the div when the AJAX request is complete. However, not all the content in the div is loaded - images are still loading when the effects occurs. This is what I'm using: $target.load(page, function(){ $target.slideDown(); }); However, is there a way I could start the slideDown after *everything* in that div is loaded, graphics included? Shouldn't
[jQuery] Sortables -- Sortable within a sortable
See http://documents.ccme.ca/sandbox/ for example I have a sortable list, and the list items are themselves sortable lists. Everything works fine in Firefox, but in IE (both 6 and 7), you can only move an item once. After that, it's "frozen", and you can't move it, though the other items still work (until you move them, in which case they freeze as well). In the current attempt, I even destroy all the sortables and reapply them after an item has moved, but this doesn't work, either. Any help would
[jQuery] blockUI onClick stops processing in IE7
I'm using the blockUI plugin and it's tied to a form submit. When I click the submit button in IE7, blockUI goes into effect, but the form doesn't get submitted and the page just sits there with blockUI running. It works fine in Firefox though. $('input.go').click(function() { $.blockUI(); }); Any ideas? Thanks!
[jQuery] Looking for a Thumbnail Scroller with a Difference
I'm looking for a plugin that functions like scrollShow http://www.freewebs.com/flesler/jQuery.ScrollShow/ with the following difference: when one of the thumbnails is clicked, it changes an area of the page. So you could have a number of divs that are hidden, scroll through the sample images, and click one to display the associated content. I haven't even looked at the scrollShow code yet, I figured I'd try the "don't reinvent the wheel" method before I tried modifying or writing anything.
[jQuery] binding click event to area (image map)
Hey Guys, Not entirely sure what this is not working but have the following code: js: $('.optSelectMe').click(function(){ $('.noShowing').addClass('noNakedEye').removeClass('noShowing'); $('#'+$(this).attr('meta')).addClass('noShowing').removeClass('noNakedEye').highlightFade('yellow'); return false; }); html: <img src="img/004.jpg" usemap="#Map" class="textLeft" border="0"/> <map name="Map" id="Map"> <area meta="optA" class="optSelectMe"
[jQuery] Ajax scoping problem
I'm probably being daft, but I'm trying to populate an array by processing some xml but my (global) array gets destroyed when the ajax function has done it's job. I know it's because the ajax function. I know it's a scoping problem but I don't know how to fix it and most fixes I found online didn't work; My code goes something like this: var myarray = new Array(); function readXml() { $.ajax({ type: "POST", url: story_data_xml_path, dataType: "xml", success: handleXml }); } function handleXML(xml)
[jQuery] ui.tabs ajaxOptions success callback
I'm using ui.tabs to create tabs which load content via ajax. I need to run a script on the results and have tried adding a function via ajaxOptions when setting the tabs up. It doesn't work for me. Here's my code: $(".pane ul").tabs({ajaxOptions: {success: function() {alert('hello world'}}}); Anyone know how I can add a callback to ui.tabs after loading content with ajax? kind regards, Terrence Wood.
[jQuery] How to get applet width and height in Firefox
Hi, I was trying to get an applet width and height using jquery and have found this problem: <applet code="MyApplet.class" archive="HelloApllet.jar" id="MyApplet" width="80%" height="80%"> var appletWidth = $('MyApplet').width(); and in firefox got nothing but in IE works fine I have googled but found nothing about that. Sombody now why it does'nt work in FF ? And how can i get applet width in FF ? regards
[jQuery] Superfish problem with IE7
Hi, I have a little problem with superfish and IE7 (probably IE6 too couldn't test it) works perfectly with FF/Konqueror... the link : http://september.bizpax.us Here is the css I used : /* There is a version of this file commented in great detail for educational purposes here: * http://users.tpg.com.au/j_birch/plugins/superfish/superfish.commented.css */ /*** ESSENTIAL STYLES ***/ .nav, .nav * { margin:0; padding:0; list-style:none; } .nav { line-height:1.0; } .nav ul { position:absolute;
[jQuery] question about $(document).ready
Hello, i apologize in advance if this is a dumb question. I would like to reorganize my code so that i clearly have 3 steps: 1/ preloading of xml, css, img files 2/ do some preprocessing 3/ runtime, interaction can happen Now i 'm looking at which events are best suited and i wonder if i get this correctly: the docs says that $(document).ready Binds a function to be executed whenever the DOM is ready to be traversed and manipulated. Am i correct to assume it means that document.ready means the html
[jQuery] loading xml and search through it
Hello, This should be so easy yet i can't make it work. Here is what i'm trying to do: i have a data structure stored as an xml file. I need to load this structure once at the start of the application. I need a function to search through this data structure and return the corresponding value. So far i fail miserably because i don't quite get the synchronous/asynchronous side of jlife. Here is the code i came up with : // my searching function function findProjectAnchor(projectName, scape){ var thisDS
[jQuery] facing problem with ajax async type
Hi i am facing problem with ajax async parameter. if i do call ajax synchronously and i use beforeSend to show a loading div before ajax starts. it doesnt appear . but if i made it asnyc as true it works fine . any solutions ?? thanks in advance
[jQuery] iFrame in draggable div
I'm using interface plugin's Sortable feature. When I placed an iFrame in side a draggable div, and when I drag it, that iFrame is getting refreshed. After dragging is cpompleted, it is getting refreshed once. How can I prevent refresh of an iFrame while dragging?
[jQuery] jQuery 1.2.2 compressed to 14.3KB
Hi there, I gzipped the packed version to 14.3KB http://www.port80software.com/tools/compresscheck.asp?url=http%3A%2F%2Falpha.chalkley.org%2Fjquery%2Fjquery-1.2.2.pack.js Whereas the minified one is 15.3KB http://www.port80software.com/tools/compresscheck.asp?url=http%3A%2F%2Falpha.chalkley.org%2Fjquery%2Fjquery-1.2.2.min.js (I get the same results using this site http://www.gidnetwork.com/tools/gzip-test.php) Have I missed the point why people should use the minified one and gzip it rather than
[jQuery] styleswitcher problem
<html> <body> Hello folks, I've just belatedly upgraded to the latest version of jQuery and am finding old plugins now misbehaving. I'm having trouble with Kevin Luck's styleswitch. FIrebug is reporting "$ is not a function" on the first line of this code. I can't understand it - jquery is already loaded. <tt><x-tab> </x-tab> $('.styleswitch').bind('click',function() <x-tab> </x-tab>{ <x-tab> </x-tab><x-tab> </x-tab> switchStylestyle(this.getAttribute('rel')); <x-tab> </x-tab><x-tab>
[jQuery] ui.datepicker upgrade issues
Just a heads up to anyone who needs to do it, upgrading to version 3.3 will break your code. It does not keep the same interfaces, and if you have done anything non-trival with the plugin then you'll be spending more time fixing things than you are planning on. In my case it is the change from $.datepicker.getDateFor() (and .setDateFor() ) to $(obj).getDatepickerDate() (and $(obj).setDatepickerDate() ). On the surface I can see why this was done. But now I'm facing an hour or so of hunting for every
[jQuery] [SITE SUBMISSION] Businessweek using jQuery
Found this today: http://www.businessweek.com/ Business Week is using jQuery. Rey
[jQuery] jqStripe - download and demo
Apologies for the localhost link! Here goes; http://dev.iceburg.net/jquery/jqStripe/
[jQuery] keeping header at the top of page
Hi Guys, i have been asked to build a template that has a <div> block that contains a header image and nav that needs to stay visible at the top of the screen even when the user scrolls down the page. i know this can be done in frames but i would like to do this with jquery, the trouble is i don't know which function would help me acheive what i am after. Could someone please point me in the right direction? cheers Robin
[jQuery] howto properly rebind hover
hello, i am having problems to rebind the hover event on table-rows, the unbinding works just fine but the hovering does not work anymore, the hover does not get bound again. snippet: <code> // hover this.table.find('tbody tr').unbind('hover').unbind('mouseover').unbind('mouseout').removeClass('gt- hover') .not('.gt-x').not('.gt-dirty').hover(function() { $(this).addClass('gt-hover'); }, function() { $(this).removeClass('gt-hover');
[jQuery] how to build a image cycle?
Hi all! I "simply" need to build an image rotation/cycle; it has to be vertical, automatic, "looping", and the images have to be in <a> tags. Jcarousel could be quite enough for me (even if I don't need arrows), but I don't understand how to make the loop. http://sorgalla.com/projects/jcarousel/ ScrollShow could be good too, but ther's no documentation(!) http://flesler.blogspot.com/search/label/jQuery.ScrollShow Can anybody help me??
[jQuery] [validate] does not work with fields, which have a dot "." char in their name
Subject pretty much states it all. Details: I have a form like this <form action="register.castle" method="post" id="register"> <label for="account_name">Name</label> <input type="text" id="account_name" name="account.name" value="" class="textbox" /> <br /><span class="descr">some description</span> <label for="password">Password</label> <input type="password" id="password" name="password" value="" class="textbox" /> <span class="descr">more description</span> <input type="image" src="register-button.gif"
[jQuery] keep div element visible in viewport
Hi All, Is it possible to keep an element visible in the viewport even when the page has been scrolled, so as you scroll the page the header (for example) either gets bumped down or becomes visible when the scrolling stops? I know this can be done in frames but I would rather use jquery. any help would be appreciated. Robin
Next Page