Jquery ajax with js class [solved]
Hi, I have a problem in my project. All my JS source have been write in class and when i execute an ajax query with jquery i lost my object in succes callback function. here is an example : var _mf = {}; _mf.myClass = function() { this.testVar = 'bar'; } _mf.myClass.prototype = { getData: function(id) { $.ajax({ url: 'http://www.mywebsite.com/getdata/', data: 'id='+id, success: this.getDataCallback, type: 'POST', dataType:
[jQuery] Functions from xml parsed document
Hi one and all, I'm loading a page from an xml file, no problems works fine; below is what is output to give a better understand of what im trying to do... <div class="product"> <\img src=blah1.jpg /> <div class thumbs><img1 /><img2 /></div> The plan is, when someone clicks on a thumbnail, it get displayed in the main image. If i hard code some values in the html (rather than parse from xml) thumbnail / display function works, the source updates, all good. However, when I parse from the xml file,
[jQuery] Validator | does not submit ajax function in Firefox
In IE it works fine but in FF I have to click again to make it go. Here is the code: ajax function- function ajaxForm() { $("#researchCenterForm").submit(function() { $.ajax({ data:$("#researchCenterForm").serialize(), url: this.action, timeout: 2000, error: function() { console.log("Failed to submit"); }, success: function(response) { if (response == "YES") { $("#researchcenter
[jQuery] [validate] async validation
Is it possible to perform validation in asynchronously? I would need this in remote validations that took a while. Thanks -- Brian J. Cardiff bcardiff(?)gmail.com .
[jQuery] Calling a jQuery function from within an ajax-loaded div
I'm loading a div using this .ajax function: $.ajax({ type: "GET", contentType: "html", url: url, async: true, success: function (conf) { $("#myDiv").html( conf );} }); <div id="myDiv"> </div> In that url that's being loaded I have this jQuery function: <script type="text/javascript"> $(document).ready(function() { $('#user_list th').hover( function () { alert("test test"); }); }); </script> <table id="user_list"> ........ ........ ........ </table> But this simple function doesn't work. Why not?
[jQuery] clueTip click and drag?
Hello, I think the clueTip plugin is fantastic and I'm using it heavily in one of my current projects. My clueTips are sticky so the user can interact with them. In one case the clueTip contains a small feedback form. But sometimes the clueTip partially covers the content that the user is giving feedback on! I'd love for the user to be able to click on the header and drag the clueTip to a more convenient location. Is the possible with the current clueTip code? If not, would it be difficult to add
[jQuery] (Bump) Why is this slide so jittery?
Anyone? Hi, all... Thought I had this solved, but would anyone care to take a look at this page: http://c21ar.wsm-dev.com/cfm/our-agents.cfm And click on the "Click here to view or hide agent's biography" link? FF2 doesn't have the jitters. The top agent's bio slides in smoothly. Any agent's bio for an agent who is beneath an already open bio works smoothly. But any bio, except the top agent, without a bio open above it, will open very jittery in IE7. Anyone else see this behavior? If you do, any
[jQuery] Firebug-1.1.0b12 with jQuery-1.2.3 inserted edition 1.0
Get help, type "help" in Firebug's Console.
[jQuery] Syntax Error
Hy! This is the code: $("a.fdisplay").mousemove(function(e) { var cssObj = { left: e.pageX, top: e.pageY-190, } $("div.fbaloon").css(cssObj); }); Opera gives me a syntax error: $("div.fbaloon").css(cssObj); ^ I'm trying to make a div folow my pointer on moving it across a link. What seems to be the problem. Can anyone please help?!?
Calling a jQuery function from within an ajax-loaded div
I'm loading a div using this .ajax function: $.ajax({ type: "GET", contentType: "html", url: url, async: true, success: function (conf) { $("#user_list_view").html( conf );} }); <div id="user_list_view"> </div> In that url that's being loaded I have this: <script type="text/javascript"> $(document).ready(function() { $('#user_list th').hover( function () { alert("test test"); }); }); </script> <table id="user_list"> ........ ........ ........ </table> But this simple jQuery function doesn't work.
[jQuery] superfish z-index with multiple menus (FF, IE, Safari)
I'm diggen the superfish menu, with the exception of one problem (kinda a big one now that I'm into it). The problem is easier to see than a long description, so you can check it out here http://zifimusic.com/testing/broken-hovers.html (the actual file I'm using is behind a closed login right now, so I can't put you right to that, but this shows the issue perfectly). Hovering over the colored bars shows that the menu's don't display above the other colored bars (which contain the parent of another
[jQuery] Superfish IE hovers z-index
I've been working on this, and had issues with FF and Safari which have now been resolved. In IE, I have a bunch of different superfish menus which end up being hidden behind other menus. Here's a link to the demo error http://zifimusic.com/testing/broken-hovers.html and the css page http://zifimusic.com/testing/css/menus.css I have already tried setting z-indexes on the ul .show and .prep, and the elements are relatively positioned, so it is my understanding that the usual IE z-index issues should
[jQuery] ajaxContent v2.1 bug with jquery 1.2.3
hi there. there is a little bug in the script when you use it with jquery 1.2.3 in the ie 6 there is an fault that tells missing argument. can anybody please fix that? or is that bug a known issue? greet jens
[jQuery] Expander and ClueTip plugins: work together?
I'm having a bit of trouble with these two great plugins and wonder if they just don't want to work together. Separately I don't have any problems and Firebug reports no trouble on my test page. However, with both enabled, Expander works, somewhat, and ClueTip not at all. By somewhat I mean that the read more link opens the expander but there's no visible Close link and this is true if I explicitly set userCollapseText in the options or not. Here is the relevant code excerpt, unfortunately this page
[jQuery] Register click event on dynamically generated <a> anchor tag
Hi All, Is there any way to bind events to dynamic html content. e.g I have a div tag and button <div id="outerdiv" style="z-index:1;"></div> <button id="btn">Click</button> when the page loads. On click of button a registered event gets fired creating a anchor tag <a> in the <div> tag $(document).ready(function(){ $("#btn").click(function () { $("#outerdiv").html('<a href="www.yahoo.com">click me</a>'); }); $("a").click(function(){ alert('in here'); return false; }); });
[jQuery] jQuery - GET results
I am wondering if anyone here can help me with after retrieving my results via ajax using jQuery how to print them in say a DIV tag and print them all out, I have this so far: $(document).ready(function(){ $.ajax({ type: "GET", url: "letters.php", dataType: "html", error: function(){ alert('Error loading XML document'); }, success: function(data){ alert("Data Loaded: " + data); } }); }); That works fine, it prints all of my HTML out in my alert that I have in, but I want them on the screen. Any ideas?
[jQuery] Jeditable - Variables unknow
Hi .. i'm a newbie on javascript world and newbie of jquery but it looks like funny an speedy.. i've a problem and i'm looking around to fix it i'm coding a questionnaire in php , and it works as well, but i would give the possibility to edit an already answered quest using jeditable.js plugin, this is my generated with smarty: {foreach...} <p class="editable_select">The answer is <strong>"{$item[6]}"</strong> {/foreach...} this is the js: $(function() { $(".editable_select").editable("index-object.php",
[jQuery] jTagging plugin is cool but so sloooow!!
I'm using the plugin jtagging from http://www.alcoholwang.cn/jquery/jTagging.htm I love except it is painfully slow. I looked at the code and it has a lot of nested loops. I'm sure things could be done a lot more efficiently, just don't know where to start. Any suggestions on how I can speed it up? Thanks, VJ
[jQuery] Tablesorter IE7 Problem
I'm having a weird problem where Tablesorter does not sort properly in IE7. It works perfectly fine in Firefox 2.0.0.x and Safari. The one tricky thing in my structure is that I don't have text in my <td> cell. Instead, I have input buttons with values which go directly in each cell. Here's my essential structure: <table class="tableBorder" cellspacing="0" cellpadding="0"> <thead> <tr> <th>Module Name</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td><input id="Submit6" class="select" name="submit1"
[jQuery] ajaxQueue "get" params?
Can I send parameters using ajaxQueue ? If so, how do I do? Thanks<br clear="all"> -- Rafael Santos Sá :: webdeveloper <a href="http://www.rafael-santos.com">www.rafael-santos.com</a>
Collapsable fieldset
http://joolee.nl/projecten/scripts/collapsablefieldset/ ^^ testcase ^^ I'm trying to write a script to collapse and open an fieldset with a specific parameter (in this case the checkbox but I think I'm going to change it to classnames). I came this far and got a bit stuck. I don't think the method / structure I use is the best one, could you guys take a look at it? One of the problems is defining the height to animate to. I put it on static 300px but that's not how it should be. It should animate
[jQuery] Superfish IE network issues
First off, I aplogize in advance that I can't link to the site where I'm having issues - it is a government intranet site. I will do my best to show all elements of the issue here. I'm using the superfish menu to show a dropdown - everything works fine in my LAN testing, but when I move things up to our intranet site, IE6 has a weird problem - the menus drop down, but are drawn VERY slowly. The menu items will appear first, followed usually by the ul background, then by the li background (divider
[jQuery] Brain fade...how do you destroy a div?
I'm 99% sure this is really simple, but I just can't work it out... I have a collection of divs with unique IDs. On some event I need to destroy a specific one of these divs. I mean completely destroy, not just fill the div with nothing. Any pointers? Cheers, Steve
onload help needed
I am using jquery for some fade effects. I also have google maps which stands alone as far as I know. But both work OK. I am trying to introduce a right click piece of code which is also stand alone. When I put onload-"trap()" in the body tag the googlemaps stops but the right click (stop pic downloads) and jquery works OK. I assume it's the onload taking over google maps. I know that there is a method of doing a jquery onload (I have 1.2.3) but not being a coder I have now idea how to install it.
[jQuery] jqmodal and scrolling
Hi, Is there a way to add scroll bars to a jqmodal dialog? -- Tom Burns
[jQuery] events on embedded SVG
Hello, I am having an html page and I embed an svg file through. <object id="map" data="/Demo/map.svg" type="image/svg+xml" height="500" width="600"> </object> or even <embed id="map" src="/Demo/map.svg" type="image/svg+xml" height="500" width="600"> The problem is that I cannot access the elements inside the svg file through jquery. I can do htmlObj = document.getElementById("map"); /*//this works only in IE SVGDoc = htmlObj.getSVGDocument();*/ //this works in firefox SVGDoc = htmlObj.contentDocument;
[jQuery] Slow performance in IE7
I'm trying to use the hover event on a series of data with 18 columns of data. Here's a sample of the code: $("tr.orders").hover( function() { $(this).addClass("highlighted"); }, function() { $(this).removeClass("highlighted"); } ); This works beautifully in Firefox and IE (specifcally v7) but in IE the performance is exponentially slower. Some of the pages I'm trying to use this on display 45 to 50 rows and IE performs sluggish. On a full display page we include over 200 rows
[jQuery] Accessing the DOM from an XHR Request
I'm sure a lot of us have run into this issue, but searching - I couldn't find anything about it. The problem is that when you do an Ajax request, the result is simply a string, not a document, thus you cannot access the dom, and you cannot modify it other than by using string-parsing methods. One solution I have heard of it putting the whole content into a div / iframe, then accessing it - I don't know why, but that just sounds messy. Here's a snippet of code I got from: http://www.thescripts.com/forum/thread478280.html
[jQuery] Problem with jquery.validate.js
Hi all, I'm working with the JQuery validate plugin and having a few problems. I must first point out that I am a novice and may be asking dumb questions! Any tips or links would be great. I have a test page here I am working on: http://paulcollinslondon.com/contactTest.php I am using another script to replace the normal submit button with an image (/javascript/scripts.js). The problem with this is when I use this script it doesn't interact with the JQuery validation and it uses the standard PHP.
Puttin load()'s data to a variable
I've been wrestling with this problem for a while now.. How do I put what ever load() returns in to a variable? I tried this but it did not work: test = load("checkchanges.php?object_id="+object_id);
[jQuery] jquery click(function) and animate() function cross broweser.
Hi there guys, it seems muy site is not working on any IE version and on firefox it does. http://85.17.142.65/~astrazeneca/proceshtml/astra2.html thanks for your help
[jQuery] Problem fiding a certain text inside a table
Hello all, I'm having a hard time trying to make a script. This is the whole picture: - I have lots of tables in the same page - Each of those tables has a button that, once pressed, find and highlight all '*' characters inside the table What I'm thinking about doing is: Find all TDs that contain '*' inside: $(this).find("td:contains('*')"); Ok, this worked, I found the TDs.... but now I have to look inside these TDs and highlight ONLY the * character.... how can I do it? I need to find the * and
[jQuery] Calling all jQ & CF users...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN"> <HTML> <HEAD> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=us-ascii"> <META NAME="Generator" CONTENT="MS Exchange Server version 08.00.0681.000"> <TITLE>Calling all jQ & CF users...</TITLE> </HEAD> <BODY> <!-- Converted from text/rtf format --> <P DIR=LTR><SPAN LANG="en-us"><FONT FACE="Consolas">Hi, all</FONT></SPAN><SPAN LANG="en-us"><FONT FACE="Consolas">…</FONT></SPAN><SPAN LANG="en-us"></SPAN></P> <P DIR=LTR><SPAN LANG="en-us"><FONT
[jQuery] Looking New jQuery Logo
I remember seeing a streamlined, grey on grey logo, I think John R. used in a presentation. Anyone have a high def version of this? - jake
[jQuery] Anyone willing to take a look and see why this is happening?
Hi, all... Got some strange sliding going on. Here's the link: http://c21ar.wsm-dev.com/cfm/our-agents.cfm Click on the "Click here to view or hide agent's biography" link. The top bio slides and hides nicely. The others are just spastic. The jQ controlling this is: <script type="text/javascript"> $(document).ready(function() { $('div.bio-slide').find('div.biography').hide().end(); $('a.showbio').each(function(i) { var
[jQuery] Selecting Children Of $(this)
I'm working on a wireframe for an ecommerce site. I need to simulate some shopping cart functionality, like updating total counts and dollar amounts on change(). I've already done this with a page that contains one table. This page contains multiple tables, so I need to add another loop: from <-- $(".someGrid input").each(function(){ //some kind of code... }); --> to <-- $(".someGrid").each(function(){ $(this + " input").each(function(){ //some kind of code }); }); --> The problem is, the second
[jQuery] Menu animations problem
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html><head><title></title> <META http-equiv=Content-Type content="text/html; charset=windows-1251"> <meta http-equiv="Content-Style-Type" content="text/css"> <style type="text/css"><!-- body { margin: 5px 5px 5px 5px; background-color: #ffffff; } /* ========== Text Styles ========== */ hr { color: #000000} body, table /* Normal text */ { font-size: 9pt; font-family: 'Courier New'; font-style: normal; font-weight: normal; color: #000000;
[jQuery] Using JQuery Effects in Parent Window from iFrame?
Hello, I have a simple HTML file with an iframe. Inside the iframe is a simple submission form. I would like to be able to click "Submit" and have Jquery append content to a div that is outside of the iframe. I have exhausted my knowledge of parent heirarchy in JS trying to find a solution. I couldn't find a solution in the Wiki or on Google. Any help is appreciated, Andrew -- View this message in context: http://www.nabble.com/Using-JQuery-Effects-in-Parent-Window-from-iFrame--tp15885517s27240p15885517.html
[jQuery] Effect: fadeOut fadeIn / opacity modifications don't work in my app
hi friends, I just noticed the fadeIn fadeOut effect don't work anymore in my application, meaning: there is no "error", but the elements don't fade. The elapsed time of the effect runs then the element hides or shows, but without opacity transition. I think this might be not a bug in jquery but a misconfiguration on my part, somewhere in the CSS. my app is pretty huge so i'm not going to ask you to look through it, but only if you know what would be the reason of opacity not to work. Thanks! BTW,
[jQuery] TableSorter + TableEditor
Is it my setup or did the new releases of Tablesorter broke definitely the compatibility with TableEditor ? I would surely donate to an update project, i'm not able to do this
Next Page