jquery dropping position
I have a jquery drag and drop that works quite well with only one thing to complain about: when the dragable object is larger than to drop zone, I would like the object to be dropable when the mouse cursor hovers the drop zone. As it is now, it feels like the object becomes dropable when its center enters the drop zone. For a large object with a greater width, that means the object must be dragged a bit more to the left so as to have its center enter the drop zone. And this can really be an issue
[SOLVED] Joomla jquery ajax error (<base> is the culpr
Hi, I'm having this weirdness: I created a simple feedback script here: http://www.romanceculture.com/feedbackAjax.html It calls a php script which mails me the feedback. That works fine. However, after I embedd the exactly same script + html into the final page, the script doesn't work anymore. The embedded script is here: http://www.romanceculture.com When I now click on send, the page reloads and the URL says: "http://www.romanceculture.com/?submit=send" Also there's no email sent to me. Since
[jQuery] [Validation] Validation rules description
I have my form in table, with "error.appendTo( element.parent ("td").next("td") );" In the td where the errormessages is append I would like to write rule description for each field when the page is loaded and the user hasn't start typing in the field should this message be shown, for example: Full name: Your first and last name. So when keyup/submit should this message/description be replaced of the "OK" or error message from jQuery validation. Looking forward for your solutions.
[jQuery] Appending Element to iFrame body blowing up in IE
Hi, When I try to append and element to an iframe body it does not work in IE. However, it works fine in FF. Below is a simplified example of the issue. As you can see, using the same element reference (iBody) I can acess the .html() function. However append, blowup.. Any ideas? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html;
[jQuery] jQuery, Dreamweaver Templates, and Documents Produced Thereof
Can jQuery be used to manipulate uneditable document objects in an HTML/XHTML document produced from a Dreamweaver template? If so, is there a special script required to unlock them? Similarly can jQuery be used to manipulate editable objects? If so, are special scripts required to access them? Please recall that editable areas of an HTML/XHTML document produced from a Dreamweaver template come in a variety of forms including editable attributes, editable regions, optional regions, repeat regions,
[jQuery] Cannot pass vars via AJAX POST
Hi All, I am stacked with a simple code (it works perfectly on my other site, but I cannot find what could be wrong here): 1) I pass vars to file test.php via $.post("test.php", {state: state, city: city, attorney: isAttorney, paral: isParal, detect: isDetect, same_state: isState}, function(xml){ ......etc 2) the test php simply putputs all the vars <?php foreach($_REQUEST as $key => $value){ echo $key." = ". $value." "; } ?> 3) I check all the POST vars with firebug - everything is OK 4) I check
[jQuery] rss from plugins.jquery.com?
Anyone know if there's an rss feed for new/changed plugins from plugins.jquery.com? I poked around a bit, but couldn't find one. Thx, Jack
[jQuery] how to streamline my code with Event Delegation?
i'm sure the jQuery i'm using below is very ineffiecient. the only syntax that changes are the numbers in the names of my IDs and my variables - and even they're matching. everything else is constant. i'm told that "event delegation" is the answer, but cant rewrite the code appropriately (i tried, but just made a mess of things - rookie). so could someone kindly show me how to streamline the the below with event delgation. thanks. jQuery: $('#link01').click(function(){ $.get("myPage.asp", { myVar:
.animate in ie7 for absolutely positioned element
Hi - I've got a little jquery bit to add some behavior to linked mp3s. You see this here: http://www.reebee.net/bands/blue-suede-boppers/ Basically, jquery adds a speak icon and a player when the link is clicked, and the link title flies off and fades to the right: jQuery('a[href$=mp3]:not(.amplink)') .wrap('<div class="mp3_span">' + '</div>') .addClass("mp3_title") .attr("title", "Click to Play") .before('<img src="' + anarchy_url + '/images/114.png"
@import CSS not working in IE
Hi, I am using a lovely peice of jQuery to swap between CSS style sheets via links on my website. Problem is, the $("link[rel=stylesheet]") request works beautifully accross all browsers, but the $("style[type=text/css]") request does not work with IE. I have also tried $('style[type="text/css"]') but still no luck. Full script is below. Any help/direction would be much appricated. Marney <script type="text/javascript" src="/Portals/19/jquery-1.3.1.min.js"></script> <script type="text/javascript">
problem with IE and jquery selector - dont' see change event
I can't seem to get this jquery code to work in IE, it works in FF and chrome though. I believe it's a problem with the selector but not really sure. Here's the jquery code in question: <script type="text/javascript"> $().ready(function(){ $.ajax({ url: 'getProject.php', type: 'POST', success: function(projectComboBox){ $('.projectComboBox').append(projectComboBox);
Image load delay for jQuery slider
Hi everyone, I implemented a jQuery slider called Easy Slider 1.5 (from: http://cssglobe.com/post/4004/easy-slid ... or-sliding) on a website I'm developing (please excuse the mess, it's very much under construction and being hosting on a different site for the time being). Here is the page: http://tinyurl.com/d8gmek The problem I'm having is: the images in the slider load about 10% of the way and then stop, although they continue to scroll. On refresh, they load fully. I tried putting an image preloader
Jquery ui ajax tab problem
I am using jquery ui ajax tab which contains two tab called 'Jobs' and 'View' I want to reload the 'Jobs' tab with different url with sending $.post request to the server. The response html need to be updated in 'Jobs' tab content. this is my code <script type="text/javascript"> $(function() { $("#jobs").tabs(); }); </script> <div id="jobs"> <ul> <li><a href="jobs/jobs.jsp">Jobs</a></li> <li><a href="jobs/view.jsp">View</a></li> </ul> </div> I send the post as follws $.post("jobs/job.jsp", post_str,
datepicker and to many css files
witch of these files i suppose to link to my html file if i want to style datepicker? usually i don't ask for help, but my ass already hurts from sitting in front of coputer and trying to figure out this
Any plugin in jquery with lightbox effect with html pages?
Hi, I want to display an html page in a popup with lightbox effects. I have tried for jquery lightbox. But its only working with images, doesnt work with html pages. Please suggest me any plugin in jquery so that i can use it with html pages. Thanks Devesh M
[jQuery] Using namespaced event bindings for multiple $.ajax() calls.
Hi there, I have an application with multiple $.ajax() calls: (1) When the page loads, an $.ajax() call grabs and parses a JSON object. (2) When a link is clicked, an $.ajax() call sends a query to a PHP page, which returns a JSON object, which is then parsed and displayed. I have been having problems because both these events have little spinning icons in different parts of the page to show that an AJAX query is taking place. I am doing this using the bind() function to a ajaxSend() namespaced event.
[jQuery] Ajax timeout doesn't call error function?
Hi! I'm trying to setup an ajax call which throws an error on timeout. function getXMLfeed(url, target) { $.ajax({ "url": url, "timeout": 10000, "error": function(d,msg) { alert("Could not load stuff"); }, "success": function(data){ var json = $.xml2json(data); gotdata(json, target); } }); This works, but the error is never thrown. If I change the URL to something that's broken, I do get the error message, but on timeout it never happens. Am I doing anything wrong? Or is this
[jQuery] Sort losing click association
Hi, I'm currently building a list when the document is ready, then performing a sort on the list if the user clicks "sort Asc" or "sort Desc". However, when the list is sorted and redisplayed, I lose the original "click" event. How can I keep this event after sort? Below is example code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <script type="text/javascript"
[jQuery] Instantiation clash (I think)
Hey guys, no point going into detail yet, but both pieces of code work independently here, it's just when they're put together it messes things up. I assume it's an instantiation issue. Would anyone care to help me experiment? The two function are below: <!-- display footer logo tabs --> <link type="text/css" href="<?php bloginfo ('stylesheet_directory'); ?>/scripts/javascript/css/smoothness/jquery- ui-1.7.1.custom.css" rel="stylesheet" /> <script type="text/javascript"> $(function() { $('#tabs').tabs();
[jQuery] how do we change the css stylesheet of selected accordion header ???
Can anyone please tell me ,how do we achieve that the selected accordion header should have different background color and other headers which are not selected should have different background color. I am naive with Jquery , jquery generates some kind of CSS associated ..how do we overide that ? Please help..
[jQuery] [validate] How can I reset the error messages without using the form plugin????
The validation plugin is great and I'm using it very successful with my ASP.net web services for AJAX data entry and validation. What I would like to do is use the JavaScript form reset method AND somehow reset the validator's error messages from the prior validate() invocation but I do not want to use the form.js plugin (nor do I need to since I never really submit any of the many forms on a page -- the forms are just used for the validation process). Thanks for any advice you can give...
[jQuery] jQuery.support for AOL?
Is anyone aware of an event that can be used to flesh out AOL via jQuery support()?
[jQuery] tablesorter Speed issues
Hi folks, I've just started using tablesorter for one of my projects, and overall I love it. Does just what I need. The one issue I've come across is that it's S-L-O-W! On a small table, it's just fine. Once I get up to about 400 rows, however, it takes a long time. 6 seconds before the list appears sorted, and another 10 seconds before I actually regain control of the browser (Firefox 3.08 / Win32 in this case). Is this normal? Should it really take that long to sort 400 rows of data? I could understand
[jQuery] localScroll not working in Internet Explorer
I have a web form that I'm using localScroll to 'paginate' the form... https://www.omansion.com/weddings_and_parties/event_request_form/ The form scrolls to the right perfectly in Firefox and Safari, but not internet explorer (6 or 7). It has something to do with the fact that the hrefs of the previous/ next buttons on the page are assigned dynamically. If I hard code the previous and next button hrefs, it works fine in IE. Unfortunately it is REALLY cumbersome to re-code this page with hard coded
[jQuery] How to customize scroll bar
I use jQuery slider ui, and I want to customize the scroll bar http://penta.twnoc.com/product_detail.php?type=1&sub=1 almost done, but only one thing, when you scroll handle box to right, the box will over the scroll bar, and I don't know how to fix it.
[jQuery] Set event handler attributes does not work on IE7
Dear all, I'm trying to set event handler attributes when the DOM is ready, but it doesn't work on IE7. The snippets are as such: <script type="text/javascript"> var onInputChange = function (){ alert("Hey I'm changed"); } $(function() { $(".input").attr("onchange", "onInputChange();"); }); </script> <input type="text" class="input" /> Now I tried this on FF3 and I can see in Firebug that jQuery successfully adds the onchange attributes to the input text. But this does not
[jQuery] Superfish woes in IE
I am working on a vertical, AJAX-produced dynamic menu that will has two levels of flyout sub menus. So far the menu works as expected in Firefox 3.0.8 and Safari 3.2.2, both on Windows, but not in IE7. The issue I'm dealing with is that the sub menus do not appear next to the higher level menu as they should. Instead the pop up "all over the place". Sorry to be vague, but there doesn't appear to be any pattern. Some sub menus overlap with the parent menu, some appear to the right with a wide gap
can't drag out of an accordion :-(
OK, attached is as small of an example as I can make. I need to have 'tools' in an accordion and be able to drag them out to a 'sortable'. Everything works fine, unless the draggables are in the accordion. Then, they seem to be confined to it. Setting scroll: false and container: window doesn't seem to help, or do what I expect. This is a show stopper for me. Both the accordion and drag/drop are required. Thoughts? <html> <head> <title></title> <link type="text/css" href="../style/jquery/ui.all.css"
Choppy jQuery Animations
Hey guys, I've been having some trouble getting jQuery to display anyhting smoothly. I'm using the jquery.lightbox-0.5 at the moment and when it fades it and displays pictures it is extremely choppy. Part of this seems to be coming from the fact that I am pulling images out of Google Picasa via their API, but even if I use static images hosted on the server, the animation quality is still very poor. Any help would be appreciated. The problem is most noticeable in Firefox. Click any of the pictures
Toggling css styles with jquery
Hello, I've just started using jquery today, so forgive me if this is staring me in the face or anything. I'm using toggle() to open and close content sections, i want the link's background image im using to change depending on if the content is open or closed. I've came close, it starts off closed with a down arrow gfx, and i've managed to make it change when its open to a up arrow gfx. its getting it to change back to the downarrow upon closing where i'm a bit lost. Jquery: $(document).ready(function()
[jQuery] coda slider issues (not sliding)
so I got coda-slider and tweaked it to look a bit different, but the problem is that it will not slide :( can anyone please help me?
[jQuery] Coda Slider
so I got coda-slider and tweaked it to look a bit different, but the problem is that it will not slide :( can anyone please help me? Here is the example what I am talking about: [URL="http://www.naspos.com/zindex/index.html"]http://www.naspos.com/ zindex/index.html[/URL]
[jQuery] select change function
hello everybody, i'm new in jquery (and javascript). ive try to write a little function to change the background-color for an element. it can change the text but not the background-color. any help? -----------jQuery--------------- $("select").change(function() { var bar = ""; var foo = ""; $("select option:selected").each(function() { bar += $(this).text(); foo += $(this).css("background-color"); }); $("#result").css('background-color',
[jQuery] How do we change the css stylesheet of selected accordion header
Can anyone please tell me ,how do we change the css stylesheet of selected accordion header. I want that the selected accordion should have different background color and other which are not selected should have different background color.
jQuery corner firefox/opera problems, works on local
I just started using jquery corner for my website, happily developed away in localhost, but when I moved it to the server problems started appearing. This is the first, and hopefully only, time something's worked in IE, but not in firefox or opera. I was having problems getting it to work with chrome, so I added "-webkit-border-radius:8px;" to my css, and used the jquery corner for all other browsers. Hosting on bluehost if it makes any difference. Any help would be appreciated.
[jQuery] Changing part of a URL path with JQ on hover?
Hey guys, I have a image rollover I need to do through JS (I don't think it's going to be possible through straight forward CSS. The practicality is I'll have to put an extra class on all the images to make them reference'able) I have this: $(document).ready(function() { $("#accreditors a").hover( function() { // change part of the url path;}, function() { // revert the url path back to normal;} ); } ); Any tips or functions you can throw my way, or will I have to go at it and handle the string?
New to Jquery (big block of code)
Hi I am new to Jquery. I have built my portfolio using the library. Everything works fine, however I have a huge js file and most of the lines are the same commands with only 1 or 2 lines of different code. I was wondering if anyone could help me condense this and in the process help me learn better, cleaner coding. Here is the link to the page and the js file http://www.jamesvec.com/james_dev/portfolio.html http://www.jamesvec.com/james_dev/js/port_effects.js any and all help would be greatly appreciated.
jquery autocomplete - select list not showing?
Hey guys, Prehistory: i recently installed and set-up the jquery-autocomplete plugin from here: http://www.pengoworks.com/workshop/jquery/autocomplete.htm I followed the instructions exactly and left the js-files and css-files of autocomplete untouched. Now everything works fine, i can see that a selection list is rendered back to the client in the logfiles and i can see that jquery tries to display this selection list. The problem: The problem is, that the selection list on the client is not displayed
onclick change div content
Hey Guys! I'm working on my website. http://www.stillestormen.nl/check/fakkelteit.html as you can see I have the thumbs on the left and on the right the photo. But i'm new to jquery. maybe you guys can help me. What I want is: When I click on one of the thumbs I want to display the photo on the right. The thumbs are in: <div id="tumb3"> <div id="tumb4"> and the main photo is in: <div id="fotoview"> I hope someone can help me with this because this is the only thing that I need to finish the site.
[jQuery] jQuery click actions not functioning in redrawn HTML
Here is my situation. I have a DIV that contains some head and ordered list tags in it. Upon initial load, I hide the contents of the lists with slideUp() and use slideToggle(), and clicking on one of the links in the lists populates the fields in a form. This all works fine, until the form is submitted (via AJAX). Based on the form submission, I need to redraw the contents of this DIV to account for a new item in one of the lists, or reorganization of the items. this is put in a function that uses
Next Page