[jQuery] Imagefit plugin problem
Hello, I am using imagefit Jquery plugin to resize the images. However, it is NOT working in IE 6 and IE 7. Is there any hack or alternative thro which we can solve our purpose to resize the images. Thanks
[jQuery] Slide In Bottom
By default, most of the actions seem to occur from the top edge of the element. I'm trying to code it so the element slides in from the bottom. The following is where I have got to: <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.easing.js"></script> <script> $(document).ready(function() { $("a").click(function () { $(".anim").animate( { height: "toggle", opacity: "toggle", }, 1500, "easeOutBack");
[jQuery] Assign a toggle to each element and its following element
I have this code in place: $(document).ready(function() { $(".toggle").next('.toggle_content').hide(); $(".toggle").click(function() { $(this).next('.toggle_content').toggle('fast'); return false; }); }); and want toogle this HTML code: <span class="toggle">Info</span><a href="#">Some link</a> <div class="toggle_content">bla</div> It seems that next() only works if the element I want follows right after. But the next element after the toggle class is a link. There can be any number of elements
[jQuery] problem with scrolling - offset function
Hi everyone I was trying to do a simple navigation for my main page. Everytime when I click image with class next it Should scroll to the next h3 element. I've got such a piece of source code: $(document).ready(function() { $("img.next").click( function(){ var pos = $("h3").offset(); $("html").animate({ scrollTop: pos.top + "px" }, { duration: 1000 }); }); }); And when I am clicking on the image witch has got a class="next" my page scrolls only once. I tried to use
[jQuery] jquery ajax and ie7
I am trying to load a page using ajax and the event wont fire. http://www.thebattalion.tv/beta/webisodes/sffd I have it working on ff, ie6, safari. ie7 just doesn't seem to load page via ajax. -TJ
[jQuery] Trouble setting background-image with css
Hi, I'm trying to set the background image of a DIV named "imageDisplay". Here's my code: var imgSrc = "url:('" + src + "')"; $('#imageDisplay').css('background-image', imgSrc); alert(imgSrc + "\n" + $ ('#imageDisplay').css('background-image')); where src = "../images/back.gif". When that alert pops up, imgSrc correctly says "url:('../images/back.gif')" but the value of the css background-image property returned is "none". What am I doing wrong in the above statement? - Dave
[jQuery] New plugin - FancyBox
Hi, I`m developing new image zooming plugin, it`s in kinda beta, but you can preview it there - http://fancy.klade.lv/ Any feedback welcomed. Janis
[jQuery] JavaScript error reporting
Hey Guys, Even the most experienced jQuery developers have errors in their code that sometimes creep into production. As such, I wanted to let you know about something you guys might find useful: a free JavaScript error reporting service called DamnIT (http://damnit.jupiterit.com) that emails you when a JavaScript error occurs in your webpages. As you undoubtedly know, JavaScript testing can be a real pain. It's nearly impossible to build an application that works perfectly across all browsers. Unless
[jQuery] Trigger a click event when pageload
Hi All, I would like to trigger an event on the page load. I looked at an example which uses $.bind and then $.trigger('click'). This works fine. I'm using livequery to rebind because there is some ajax involved in my app.With livequery the $.trigger doesn't work. Can you pls when me in fixing this issue.
[jQuery] ajax calls with mod_security
I recently moved my website to DreamHost, and enabled mod_security. Now, all of my previously successful jQuery ajax calls are returning a 503 error status. Has anyone encountered this before?
[jQuery] Official jQuery support for AIR?
Will jQuery be offering any sort of official support for AIR developers? I ask this because ExtJS has built in support for AIR methods and properties in their Ext 2.0.2 release. I've been building an HTML based AIR app over the last 2 weeks and it's awesome. jQuery has made my life so much easier than I could have hoped, but there's still a few things that I feel are missing. Even if someone came out with an AIR plugin, that would work too. Anyone?
[jQuery] AJAX or GET method used to ping server?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META http-equiv=Content-Type content="text/html; charset=us-ascii"> <META content="MSHTML 6.00.6000.16608" name=GENERATOR></HEAD> <BODY> <DIV><SPAN class=965121820-19032008><FONT face=Arial size=2>I'm wondering if the AJAX or GET/POST methods can be used to simply ping a server.</FONT></SPAN></DIV> <DIV><SPAN class=965121820-19032008><FONT face=Arial size=2></FONT></SPAN> </DIV> <DIV><SPAN class=965121820-19032008><FONT
[jQuery] Quiery for jScrollPane
Hi, Can i fix the Scrollbar height to level? Please help... Tapas.
[jQuery] jCarousel - Prevent of showing it if data got from Ajax/PHP are null
As in the subject, how is possible not to show the entire jCarousel if data passed from external PHP file are null? Now if data are null (and total variable in xml file is equal to 0), jCarousel appers without pics and with scrolling arrows, not a good effect to see. Any ideas? Thanks Cristian
[jQuery] Execute function in iFrame from parent window in IE
Hi, What I'm trying to do works fine in FF but not in IE. I'm starting to wonder if it's even possible to do in IE. Basically I have a window with an iframe in it. I have javascript in the parent window that attempts to call a function (function name = 'clear' ) in the iframe (name and id = 'iframe_printing'). Like so: top.iframe_printing.clear( ) And I keep getting the error Object doesn't support this property or method Any ideas or suggestions? Thanks much. LT
[jQuery] Latest Laptops
Latest Laptops http://laptop4u85.blogspot.com
[jQuery] How to stop event bleeding into children?
I've got this problem I'm not sure how to resolve. Given this code: $(document).ready(function() { $("#leftNav > ul > li").click(function() { alert("OK"); }); }); and given this HTML: <div id="leftNav"> <ul> <li>Item 1 <ul> <li>Sub Item</li> </ul> </li> <li>Item 2 - clicking here also alerts</li> </ul> </div> Clicking on "Item 1" gives the alert, as does "Item 2"-- but unexpectedly, clicking "Sub Item" also gives the alert. In fact, clicking
[jQuery] Help with weird IE z-index using jquery corners and perciformes menu
Hi, I'm building a small site and using Dave Methvins jquery corners to style the dives and just added the perciformes menu (jquery suckerfish). The menu works well in various browsers but in IE the expanded menu sits behind 2 "cornered" divs. I tried adding the bgiframe plugin to the ul of the submenu and explicitly setting the z-index of both the nav ul and the divs covering it but nothing seems to make a difference.. help..please... The site is at http://mfusion.com.au/telechase/signup.php
[jQuery] Callback after CSS setting not completing...
Any idea why this isn't being called?? <code> $(document).bind('tab_change', function(event, t, tc, th1, th2, ch1, ch2){ $("#" + ch1 +", #" + ch2).hide(); $("#" + tc).show(); $("#" + t).css("border-bottom","2px solid #ffcc00"); $("#" + th1 + ", #" + th2).css("border", "none", function(){ $(document).trigger('getgoogle', t); }); }); </code> I realize I may be doing things the hard way, please forgive me.
[jQuery] issue trying to removeAttr('disabled') from a select box
hi, in my app i am initially showing a select field populated with a list of merchants, if the user wants to add a new merchant instead of selecting a current one from the select field, they click a <a> to the right with toggles between a select field and input field. in the toggle function i am adding the disabled attr to the select field and removing it from the input field. this works fine, but when they try to retoggle back to the select field, it doesn't un-disable it. heres the source. html.
[jQuery] Arguments explanation for $.ajax method
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META http-equiv=Content-Type content="text/html; charset=us-ascii"> <META content="MSHTML 6.00.6000.16608" name=GENERATOR></HEAD> <BODY> <DIV><FONT face=Arial size=2><SPAN class=137135221-19032008>According to the jQuery docs, the AJAX method takes the following arguments (in addtion to others with which I'm not concerned).</SPAN></FONT></DIV> <DIV><FONT face=Arial size=2><SPAN class=137135221-19032008></SPAN></FONT> </DIV>
[jQuery] input blur validation
I have the following code: function validate_number () { var value = event.currentTarget.value; if ((value < 0) || (value > 10)) alert ("value out of range"); } $("input").change(validate_number); $("input").blur(validate_number); It works as expected, but if I hit the tab key (triggering the blur event) the focus moves to the next field. I've tried returning false as well as calling $(event.currentTarget).focus(); but neither worked. Is there a way to keep the focus from moving, or move
[jQuery] jScrollPane scrollTo bottom of a div without event
Hi, I trying to scroll to the bottom part of a div which is filled with dynamic content with a short interval. I tried: $('#content).html(new_content); $('#content').jScrollPane({scrollbarWidth:9,animateTo:true}); $('#content')[0].scrollTo('span.bottom'); ... and other things, but without luck. I Don't really understand the examples on the homepage of th jScrollPane page. Maybe it is different when using the click event. Anyone knows how to do this? Thnx! - Charlie
[jQuery] [validate] validation plugin custom errorPlacement for datepicker
Hi I've been using the validation plugin quite happily (it's a great plugin), but I've just tried to implement a datepicker on one of my forms and I cannot get the error to show correctly. My original markup is like this: <label for="title_publication_date">Publication date:</label> <input id="title_publication_date" name="title_publication_date" type="text" /> <span class="status"></span> But the datepicker (which is part of jquery UI) amends the markup on the fly to produce: <label for="title_publication_date">Publication
[jQuery] Using Tabs for a Top and Bottom Pagination
I am a little confused about something. I am using tabs for the top and bottom nav of content that is paginated. Works really well with one exception. Only one link updates it's status at a time. I want both active links to be the same, but if I click through the top one, the bottom list does not update it's active tab status and vice versa. Any ideas on how I can make both lists update at the same time? Lemme know. Dave
[jQuery] which jquery plugin might this be using?
Hello I ran across this site http://www.jigadig.com/Search/All/Auctions?satitle=phone&x=46&y=22&price-min=&price-max=&days-left=&max-bids=&hours-left=&exclude=&minutes-left= In the items listed you can slide up/down the complete single item. so that is the jquery slide up/down effect. But if you click 'view Description' or 'Listing Details' then the single items slides up a little and contents are switched. Can someone please shed some light on what jquery plugin would resemble this effect. Are these
[jQuery] Source code formatter?
A little bit OT, but... which tool you are using for JS source formatting? Howard
[jQuery] Superfish drop-down menu problem
Hi, I fumbled my way through the creation of two-tiered superfish menu, and it works beautifully except with Java disabled. Then, it doesn't even display the drop down. it must be a CSS issue, any ideas? The site is http://fiegefilms.com/ user: john pass: stevie (sorry for the password protection) Thanks in advance, Thomas
[jQuery] Need help cleaning up code
I have the following code for showing text on hover. $(document).ready(function(){ $(".apply").hide(); $("img.step1").hover(function(){ $(".apply").show("slow"); },function(){ $(".apply").hide("fast"); }); $(".telephone").hide(); $("img.step2").hover(function(){ $(".telephone").show("slow"); },function(){ $(".telephone").hide("fast"); }); $(".required_docs").hide(); $("img.step3").hover(function(){ $(".required_docs").show("slow"); },function(){ $(".required_docs").hide("fast"); }); $(".personal_interview").hide();
[jQuery] remove hard coded style
I'm "slurping" in text from a page on another internal site so that I'm not duplicating the effort when the data is changed. It's not my site, so I don't have control of the html. What I'm finding is a bunch of style tags embedded throughout the page like: <span class="style22" style="font-size: 12px"> I want to strip out this style="font-size: 12px" so I can apply css classes from my own style sheet. I'm not sure how to do this.
Closest parent conditional (selector question)
I have the following page structure: <form action="/foo" method="POST"> <div class="form"> <button onclick="__nearest_parent();">Test</button> </div> </form> OR <div class="form"> <div class="form"> <button onclick="__nearest_parent();">Test</button> </div> </div> The problem is that I want to be able to tell what the nearest parent (either class="form" or tag <form> is to the clicked element. The button may be buried down a couple levels deeper from the parent I wish to access
dynamic links with jQuery
hello, i have a bottun, that each time i press it, it creates a new link on my page that looks like this: <a href="#" class="left" name="del" id="2">clear</a> this is the JS code that with it i add the link: $("#tagChoosed").html("<p><span class='right' id='"+tagID+"'>"+tagTITLE+"</span><a href='#' class='left' name='del' id='"+tagID+"'>clear</a><br class='br' /></p>"); and in my jQuery i have this code, for handling the new links: $("a[@name='del']").click(function(){ alert("you choosed to delete
[jQuery] [validate] SubmitHandler breaks form uploading?
$(document).ready(function(){ $("#recipename").focus(); $("#submitrecipe").validate({ errorElement: "div", errorPlacement: function(div, element) { div.insertBefore( element ) }, rules: { servings: { required: true, digits: true } }, submitHandler:
[jQuery] Need help with building a widget (like what is found on the home page of http://extjs.com)
The widget a the top of the page (http://extjs.com) which shows all the different features of ext-js functionality. You can click on each link like combination samples, Grids and Trees and it changes the display to show screen shots of the functionality with some nice transformations applied to it. Is there anything similar available for jquery? would someone be interested in building this for jquery for a fee? Thanks, Vineet
[jQuery] Opera AJAX issue
Hi - I am using $.ajax to submit several forms on a page - some go to php files and others go to java files. All the forms work great in FireFox and IE. In Opera I am receiving a login dialog box asking for user name and password when working with Java files in the background. We tried the straight javascript non-jQuery AJAX call and did not receive the dialog. Any thoughts on why Opera is showing this dialog when using jQuery? I am seeing this on our live server where jquery 1.2.2 is installed and
[jQuery] "Port" FCK/TinyMCE to jQuery
I've been using TinyMCE to build a CMS that's also being built around jQuery for other functionality, and I got to thinking, a lot of the TinyMCE code is simply replicating functionality that's already in jQuery (DOM selectors. XHR, etc), so has anybody tried to remove this stuff from the MCE codebase and use the jQuery implementations instead? Additionally, how about using jQuery functionality to attach editors to controls? For example $('textarea').tinyMCE () to attach editors to all elements,
[jQuery] problem loading googlemaps into jquery UI tabs
i have a problem to load correctly googlemaps into jquery tabs. It loads the google maps but show only the half map into the viewable area. Since the project is offline i cannot post any code. But i can show a screen shot of what happening. link: http://www.ntentidaki.gr/tabsMapError.JPG best regards
[jQuery] tabs plugin - disable tabs
I use tabs plugin http://stilbuero.de/jquery/tabs_3/ <script type="text/javascript"> $(function() { $('#main ul').tabs(2,{cache: true, fxSlide: true }); }); $('#main ul').tabs('disable', 0); $('#main ul').tabs('disable', 4); </script> HTML: <div id="main"> <ul> <li><a href="catalog.php" ><span>Каталог</span></a></ li> <li><a href="ostatki.php" ><span>Остатки</span></a></ li> <li><a href="operation.php" ><span>Операции</span></ a></li> <li><a href="log.php"><span>Журнал</span></a></li> <li><a href="kontragents.php"><span>Контрагенты</
jQuery and CF first steps
I have this little ajax request which is supposed to delete a user "un" which is passed correctly. I don't get any result from function(data) and no errors either, but the record is not being deleted. Tried also $.get, same thing. Pease help. <script> function deleteUser(un){ //alert(un); $.post( 'remoteFunctions.cfm', {username:un}, function(data){alert(data)}); //self.location="http://127.0.0.1/schoolsforums/index.cfm"; } </script> remoteFunctions.cfm contains : <cfset application.user.deleteUser(url.username)>
[jQuery] change select-list after click
Hi My first post on this list, and sorry for bad spelling! Well I have a select-list, and I want to change the the selected option, afte a cklick on a google map. I can get the new value like this. document.getElementById("tagValue").value=tagValue; But I have some problem to change the selectec list on the fly in the gui. [code]<select id="tag" name="tag"> <option value="1">one</option> <option value="2">two</option> <option value="3">three</option> </select>[/code] Most thankful and
Next Page