[jQuery] Browser Inconsistencies
Hello all, I have a strange problem I don't know how to fix. My page is showing up just as it should in Firefox, but when I look at the same exact page in Internet Explorer, the buttons below the slideshow don't appear. I figured out, however that when you look at the page in Internet Explorer and hold on to the ctrl key and roll the wheel on the mouse, then the buttons appear all of a sudden as if they have been hiding behind the slideshow, but they aren't there when I move it to check. The page
[jQuery] $.ajax - truncates data
$.ajax({ type: "POST", url: "/_webservices/shoppingcart.asmx/AddItemToCart", dataType: "xml", data: "cartdata=" + $("#cartXml").val() + "&sku=" + sku, processData: false, success: function (xml) { $("#cartXml").val($(xml)[0].xml); var cartNode = $(xml).find("carttotals"); $(".totaldata:first").text(cartNode.find("items").text ()); $(".totaldata:last").text(cartNode.find("totals").text ()); } }); I am calling this code with success, but when cartdata (paramater) get large, then it seems to truncates
[jQuery] way to identify if width of element was defined in percentage
Hi all, Is there a way to know if an element was defined in percentage and not in pixel? Thanks in advance, David
[jQuery] List Box | update image on change
Im sure this is probably very simple...like me :( I have been searching for hours now without any results I have a list box which displays an image when you select it all i want to do is update it to use jquery and also make it so i can use multiple list box's as currently anymore than one list box stops them all from working...I think it needs to be selector based? Here is the current code Im using <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
[jQuery] Problems with the New API Browser
Does anyone else find the new API browser to be a bit cumbersome? My gripes: 1) No "back" link at top of vertical navigation list. You must click the category to cancel your choice and essentially go back. However, this isn't very intuitive and there aren't any affordances to this behavior save for a small 'x' in the highlighted category box that doesn't do anything on hover or even have a tooltip. 2) The browser's back button is broken. Kind of a big annoyance when you're not used to the application.
[jQuery] Superfish IE7 wrapped menu opens under other top level menu links
You can see this on the superfish examples page: http://users.tpg.com.au/j_birch/plugins/superfish/#examples Set your IE7 browser width to 400px, scroll down to the first menu example and mouseover the first menu item. The child menu opens underneath the wrapped top level menu. Is there an easy fix for this? I've searched the group and the web, but haven't found anything. I'm guessing it's a z-index issue of some sort, but not sure how to debug it. Thoughts? cLive ;-)
[jQuery] Superfish - left module size
I try to apply superfish to a template based on aha_editionblack (google for the link). when publishing superfish-vertical to the left module, the module borders are drawn incorrectly, as if the superfish menu would not contain any items. i went through all css and php files, but cannot find what is different when applying the main module. The rest of the menu and the drop downs display correctly, after i have removed the overflow:hidden from the left module. any ideas?
[jQuery] [jquery.magnify] How to create round floating magnified images?
Hi all, I'm quite new to jQuery and not very fluent in CSS (which I assume will be part of the solution:-). I'd like to create the following with jquery.magnify: is it possible (and mayb you can point me to examples for the how)? 1. user clicks on a part of the image 2. a !circular" magnified part centered on the mouse cursor is displayed above the picture There's an example regarding the placement, but it's using a rectangular magnification: http://www.huydinh.co.uk/demo/magnifier/ I'd like to a)
[jQuery] [jQuery V1.3] will lead behavior for IE to lose efficacy
Dear all, I use some behavior hack, like the famous Whatever:hover (http:// www.xs4all.nl/~peterned/csshover.html), when I upgrade jQuery to v1.3, it cause this hack to lose efficacy, but works well under jquery v1.2. any body? meet the same problem with me? or any good ideas?
[jQuery] JSON with ajaxComplete
Hello, I have a generic ajaxComplete event that does soe generic stuff to my screen once ajax calls complete. All calls will return a JSON object with at least a success property. The thing is the ajaxComplete arguments don't have my response in JSON (regardless of specifying type in the call). It does obviously contain the responseText but my question is do I just call an eval on this or os there a cleaner "jQuery" way to do this? Regards, James. --------------------------------------------------------------------
Show() corresponding child
I finally started to get my hands dirty with a Javascript framework, and decided jQuery is the way to go. I used to solve my questions with some heavy Google search actions, but Google couldn’t come up with a answer on this one I’m trying to show the child element when clicking on a div. Using the following JS $(document).ready(function(){ $(".faq_box").click(function () { $(".display_none").show("slow"); }); }); And the following code of HTML <div class="faq_box"> <h3>Lorem
[jQuery] $(selector).add($(.next))
Hello, Sorry about my grammar, English isn't my tang. How I add to $ the next elmement. Some think Like I can do: $(selector).add( $(selector).next) But I think that there is a better solution. Thank you.
[jQuery] jQuery (English) superfish vertical navigation - replace list item with css rollover image
Hi, seeking some assistance with customising the superfish vertical navigation list. I've removed arrows, shadows etc. as I only need 1 additional popup menu on hovers and no other effects (I've applied an 80% transparency effect to the sub-menu list items, that's all). I am wondering how I would go about customising the css such that instead of the first list item showing text, I want it to have an image rollover using css, something similar to some tutorials I found: http://elliotjaystocks.com/blog/archive/2007/css-tutorial-better-nav-image-replacement/
[jQuery] calculating eq from index
hi, i have some images in a table. could the following be in the right direction of accessing the surrounding images of the one that gets hovered? $('.someclassname').hover(function(){ $('#somediv img:eq( (index(this))-1) ).animate({ width: "50px", height: "50px" }, 500 ); }, function () { });
[jQuery] jQuery doesn't like being put inside a parent div in Internet Explorer
Hello all, I have a weird problem. I put a container div around the html for a kwicks style navigation bar and a Cycle Plugin slideshow which are both being powered by jquery scripts. It works fine when I look at it in Firefox, but when I look at it Internet Explorer, the navigation bar isn't where it is supposed to be and the slideshow isn't even showing up. 1. This is the page with the container div around the rest of my html code that doesn't look the same in Internet Explorer - http://www.idea-palette.com/testfolder/pagetest2.html
[jQuery] jQuery doesn't like being put inside a parent div in Internet Explorer
Hello all, I have a weird problem. I put a container div around the html for a kwicks style navigation bar and a Cycle Plugin slideshow which are both being powered by jquery scripts. It works fine when I look at it in Firefox, but when I look at it Internet Explorer, the navigation bar isn't where it is supposed to be and the slideshow isn't even showing up. 1. This is the page with the container div around the rest of my html code that doesn't look the same in Internet Explorer - http://www.idea-palette.com/testfolder/pagetest2.html
[jQuery] Rotating images "AJAX like" on a page
I'm looking to produce functionality just like what's displayed here (http://medienfreunde.com/lab/innerfade/) in the "A list with images and links" section. I downloaded the JQuery plugin supplied but it was giving me problems with IE7. It worked fine with FF3 and Safari. So, does anyone know how I can replicate this using Rails and JQuery?
List Box | update image on change
Im sure this is probably very simple...like me I have been searching for hours now without any results I have a list box which displays an image when you select it all i want to do is update it to use jquery and also make it so i can use multiple list box's as currently anymore than one list box stops them all from working...I think it needs to be selector based? Here is the current code Im using <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
[jQuery] Validate: Validating an ajax loaded form
Greetings, I have been struggling with this for some time. The page uses: jquery 1.2.6 jquery.form.js jquery.validate.js I have a form which is generated like so: A. a user clicks on an image B. div containing image slides up (is hidden) C. a form (prepopulated with data by php from a mysql db) is loaded by a ajax (.load) into the area of the page The problem is that I cannot get the validate plugin to validate the dynamically loaded form (C). Obviously this form did not exist when the page was first
[jQuery] Cycle plugin prev/next question
The code shown below is working fine for me, but I want the prev and next buttons to jump 2 slides instead of 1. I think this involves the "prevNextClick" option, but don't know how to code it... <script type="text/javascript"> $(function() { $('#liberiaSlideshow').cycle({ fx: 'fade', delay: 1000, speed: 'slow', timeout: 3600, timeoutFn: calculateTimeout, prev: '#prevButton', next: '#nextButton' }); }); Thanks!
[jQuery] Cycle Plugin - Animate slider to indicate current slide?
Hi everybody, I would like to create a slideshow with a vertical list of the slide navigation. I would like to smoothly animate a marker up and down to indicate the current slide. Here's what I have so far: $('#s1').cycle({ pager: '#nav', before: onBefore }); function onBefore() { var pos = $(".activeSlide").next().offset().top; //get position of the element *after* .activeSlide $("#marker").animate({top: pos}); //move marker to this position } This
[jQuery] jQuery in a Firefox Extension...
It seems like this has been asked a million times, but nothing seems to answer my question. I include it in my .xul above my other scripts- (I checked the location and it's correct). It's the first time I've used jQuery in an extension, so I'm trying to run some commands on load just to see if it works. The following below throws no exceptions: window.addEventListener("load", function() { init(); }, false) var init = function() { try { jQuery.noConflict(); } catch(e) { alert(e); }
[jQuery] hover & show: how to avoid looping?
I have a simple unordered list of links that I want to animate. But I can't remember how, using jQuery, I should ensure that the UL stays showing when I move the cursor over it. The problem is that I have position: relative on the container, and absolute on the UL (I need this for z-index purposes). So, when the UL appears, the container height does not change, given the UL is "out of the page flow". <div id="the_ul_container"> <h6>hover me</h6> <ul id="the_ul"> <li>...</li> </ul> </div> $('#the_ul_container')
[jQuery] jquery.com and IE7
hi all, its only me or somebody has problem with jquery.com?? In IE7 I dont see after a few seconds white background and pages are unreadable. Only main page is working correctly. Thx for info
[jQuery] A beautiful diagram
Hi to everybody (happy 2009), I have to create a diagram (a view from some data). The diagram includes objects (rectangle, rounded rectangle, ellipse...) and connection beetween objects (different kind of lines). Each object have to display some informations as clickable text and image. Diagram has to allow simple cute effects (zoom_in, zoom_out, highlight...) for example on mouse hover and so on. Any hints for a library/plugin above jQuery?
[jQuery] Asynchronous jQuery login form with PHP
Hello, I have just recently completed a blog system with PHP. I am now enhancing it with jQuery, but I have come across some problems. My login form is in a toggle div, so I submit the form info asynchronously to the db via jQuery and it's ajax features. However when I do this the form does everything correctly, and reloads the page...but for some reasons the sessions do not work, therefore you are not logged in. I have also noticed that a javascript reload will work with jQuery but an html meta
[jQuery] [jCarousel] IE6 issue with jQuery 1.3
Hi, I need someone's help with jCarousel and the latest version of jQuery. I'm using jCarousel in combination with text messages in front of an image. I've tried to upgrade to jQuery 1.3, but the text disappears if I'm using Internet Explorer 6. What is the best way to start debugging this issue. Is there a good tool for IE which can help me? Thx, _Christoph
[jQuery] Ajax load not working with IE
Hi there, trying to load some asp pages w\using load and it works in FF and Chrome but not in IE (6 or 7). Is this a known problem or is there something up with my code? Thanx ahead of time <pre> $(document).ready(function() { $("#nouns").change(function() { //$("#loadermodifier").show(); $("#modifiers").load("includes/get_modifiers.asp",{noun: $ ("#noun").val() }, function(){ $("#loadermodifier").hide(); }); }); $("#nouns").load("includes/get_nouns.asp",
[jQuery] Need to know what jQuery plugin this is!
Hi, I need to find out what jQuery plugin is used on this site to move through the projects at the top of the site: http://yourfolio.themedemo.net/ When you click on "view next project" it brings up the next project without any refresh. Can anyone point me in the right direction? I don't see anything in the source that indicates what is being used.
[jQuery] animation question
I need an animation like show and hide but that only animates in width. I've tried animate but didn't work, to extend jQuery with an script, but it seems like that script didn't execute. The only way i've found is to extend but having the objects extended inside the jQuery.fn.extend(); I've seen in the jQuery script. That is not useful because I think it isn't the best way to do it, and in that case I can't use the script from google's api. Here it is the extension i've made (for jQuery 1.2.6, I
[jQuery] jBind (Bind Data to Template)
jBind is jQuery plugin for binding any complex data to templates in an easy way. By using $(template).bind(data) you can bind your data to the template. You can download it from jQuery website: http://plugins.jquery.com or directly from here: http://arashkarimzadeh.com/index.php/downloads.html?func=select&id=9 or you can find out more about jBind and download samples @ http://arashkarimzadeh.com/index.php/jquery/10-jbind-jquery-bind-template.html
[jQuery] Disable dropdown when checkbox checked?
Hey I was wondering on how I might be able to have a checkbox that when checked or unchecked would disable or enable a dropdown. I am still very new to jQuery but this is what I have but doesnt work. ---------------------------------------------------------------------------- function stillWork(id) { if ($(id).is(':checked')) { $("#work_month_end_1").attr("disabled", true); $("#work_year_end_1").attr("disabled", true); } if
[jQuery] how to know about previously selected li
hi, i m adding a class(e.g tab-selected) in li when i click/select or hover the li, on hover the class is added and removed successfully. but now when i click any other li, class is added successfully, how can i remove the class which was added on previously selected li. how can i know which li was previously selected/clicked and now has lost the click event. thx
[jQuery] Does jQuery support the postback?
Dears, what about postback? for example, in sorting feature of jQuery, if the end user changed the items using jQuery and the he posted back the aspx page, can i handle the new order in the server?
[jQuery] Select links that end in .png, .jpg or .gif
Hello, I use a light-box plugin on my website, http://www.FreeSoftwareWorkshop.com and I need to select the links that end in .png, .jpg or .gif. This is how I use the selector (it works only for .png): $(function(){ $(".post a[href$=.png]").lightBox({ }); }); How can modify the above in order to select all the links that point to images (png,jpg,gif)? Thank you, Nicholas
Cycle Plugin - Animate slider to indicate current slide?
Hi everybody, I would like to create a slideshow with a vertical list of the slide navigation using the Cycle plugin. I would like to smoothly animate a marker up and down to indicate the current slide. Here's what I have so far: $('#s1').cycle({ pager: '#nav', before: onBefore }); function onBefore() { var pos = $(".activeSlide").next().offset().top; //get position of the element *after* .activeSlide $("#marker").animate({top:
[jQuery] Newbie HELP: Page Fade out, then nepage fade in without jump
Hi, excuse the ignorance i am not skilled in Javascript, and using jquery so i cannot read it. I have an urgent request as im working on a proposal and although i am not going to be using jquery i would very much like to use use a simple page fade out and then fade in the next page. I am fully aware of the power of jquery and love the effects and one day i will stick my head into some books but if anyone could help me out with this small request it would be very much appriciated. i found this script,
[jQuery] [jqModal] and accessibility issue(solved?)
i was looking how to do this in the html, you don't want ajax for this, because it loads the content later. i could not find it in the documentation(maybe i did not read well), how to let all content be accessible, so this is what is working for example: http://www.nabble.com/file/p21526243/code.html code.html -- View this message in context: http://www.nabble.com/-jqModal--and-accessibility-issue%28solved-%29-tp21526243s27240p21526243.html Sent from the jQuery General Discussion mailing list archive
[jQuery] $.ajax() function to submit form and livevalidation
Hey Guys! Im a little stuck with a problem you hopefully will solve: Im currently creating a form which is livevalidated by the livevalidation library (http://www.livevalidation.com/) and submitted by the jquery ajax function. Separately they work great for me. But when I combine both of them, I dont get it to work. Probably because they dont like if the other one binds form objects. By now, there is no page reload and the form is not submitted when I press the submit button, as long as an invalid
[jQuery] Need help with a Jquery toggle bug in my menu's
I've got a full width drop down menu setup, using jquery's toggle to show/hide the hidden divs when the user clicks on the one of the <li> elements or any of it's children. The problem I'm having (and it's kind of hard to reproduce), is that if the user has their mouse over one of the <li> items while the page is loading, the toggle becomes confused, and believes that on is off and off is on. Basically giving you a flickering menu. Here's my Jquery code: $(document).ready(function(){ $("li.main-nav").bind("mouseenter
Next Page