[jQuery] How Would You Use Superfish Drop Down Menus with CSS Sprites2?
I have a menu that I've already set up with ALA's CSS Sprites2 (http:// www.alistapart.com/articles/sprites2/) now I have to add a drop down menu into the mix. What would be the best way to achieve this, or rather what would I need to change in the Superfish scripts to get this to work? This is what I have for the HTML so far... <div id="header"> <ul class="nav current-about"> <li class="home"><a href="index.html">Home</a></li> <li class="about"><a href="#">About</a>
[jQuery] jQuery on Firefox doesn't work with server side redirect
Hi I'm using jquery 1.3.2 with firefox 3 and IE 6+. The problem I'm facing is with a call like: $("#send").click(function() { $.ajax({ url: "http://localhost:8080/SampleRedirect/api/sample.xml", type: "GET", dataType: "xml", cache: false, success: function (message) { alert("SUCCESS " + message.xml); }, error: function (xhr, status) { alert("ERROR" + status); } });
[jQuery] Basic questions about jQuery validation plugin.
Hello, I have a form with a set of input fields. I am going to validate the form with jQuery Validation. The field has the value of its ID different from the value of its name. I've looked around and tried several times with the form validate method. But, it seems like the validation got trigged only if the id and the name have the same value. But I want to keep the input fields that way. My validation function is simple. $(document).ready(function() { $('#myform').validate({ rules: { score_1 : {required:
My fade in-fade out newsticker isn't very smooth looking
I am using J-query for fade in-fade out newsticker & the text of it doesn't look smooth in certain browsers such as IE 7.0 & 8.0 on WINDOWS VISTA as compared to hard-coded text. I highly appreciate any sort of help.
click function running 2x
This seems to cylcle through twice when the table row is clicked. I get 4 alerts 'clicked', 'clicked', 'charge updated:0', 'charge updated:1' (if check box is checked when I click, otherwise the last 2 are reversed.) If that's not weird enough - it doesn't do it every time, but I haven't been able to figure out what causes it or why it would cycle twice most but not all the time. function clickcharges() { $('#cardcharges tr td').click(function() { alert('clicked'); var ccid=$(this).parent('tr').attr('id');
[jQuery] jquery drag drop problem
i hope, i'm right here...i have a problem with jquery drag & drop and didn't find any solutions in the web... i have div's nested in other div's. all div's (even the subdiv's) should be draggable by their own. it works perfekt in firefox and chrome but not in internet explorer. here is the code to test it (to see the problem, just try to drag "sub21" in internet explorer): <!DOCTYPE html> <html> <head> <link type="text/css" href="http://jqueryui.com/latest/themes/base/ ui.all.css" rel="stylesheet"
[jQuery] clueTip - moveable/dragable
i've been using the awesome plugin clueTip, and i was wondering if anyone has any experience making the sticky pop ups move-able? as in, i'd like to be able to drag the popup from one point on the screen to another.
[jQuery] Jquery Superfish Ajax Call
Hello, Does anyone know if it is possible to use AJAX calls with the superfish menu? and if so does anyone have any sample code to illustrate how? Instead of calling a link I would like to use the menu to load content into a container but only on certain menus. Thanks James
[jQuery] jQuery effects speed cause hover to fire
I am trying to implement a div containing a form drop down on hover and I have everything working except for when I try to add any sort of animation or speed to the '.show' or '.hide' effect. When I try to add speed or seemingly any other effect to the div, the select elements of the search form fires the hover event. Does this make sense? Here is the script: $('.searchWidget').hover( function() { $(this).find(".topSearch").show(); },
slideToggle (Multiple Items)
I have searched many sites, including this forum, to try to find a solution that works for me, but have had no luck so I am posting here to see if someone can help me. Problem: I have multiple h1 (each with an id equal to unix time stamp for the day). Each h1 has multiple h2. Each h2 has a single div. If you click on an h2, it has an onClick to slideToggle the div below the h2. I want to set an onClick on the h1 so that if you click on it, it will expand all the h2. I started by adding the same id
selecting spans in a div
Being relatively new to javascript/jquery I cannot figure out why the following code does not work. I am reading through a tutorial and this is holding me up. I am trying to select all spans with a class of title summary in the div id main. Below I included just one episode but there are usually 14 or so. My code: $(document).ready(function() { $episodes=$("#main .title summary"); var oner=$episodes.get(0); alert($episodes.get(0)); }); The html: <div id="main"> <dl class="aired vevent">
[jQuery] [treeview] Collapsed tree will flash before collapsing. Anyway to avoid it?
Hi Guys, I'm using the treeview jQuery plugin (http://bassistance.de/jquery- plugins/jquery-plugin-treeview/) to display the sitemap for a site. My customer wants to see the tree collapsed on the page load and the user should expand it as he sees fit. So, I've setup it like that: jQuery(function($) { $(".sitePlan>ul").treeview({ collapsed: true, unique: true, control: true, persist: location }); }); The problem is that in IE (6, 7 and 8) the user will see first the treeview completely expanded and
images flash on page load
Hi- I am using a nice little jquery image slider. Mostly working well - but when any of the pages load -all of the images in the viewer briefly flash down the page on page load. this won't work. Here is a link to the issue: http://shawnbee.com/problem/test.html Is this an image preloading issue? I have a preloader script in there - but not sure if it is working as it should. Or do i need to hide the div or something else? Thank you! Shawna
[jQuery] Jquery Ajax Postbacks
can ant one tell me or give me some shot example regarging jquery ajax post backs or related some documents it will great help for me Thanks in Advance gladrinkz
Problem in JQuery_intellisense at VS-08
Hey people I have a bug in Jquert intellisense When I add the reference to the intellisense file "(jquery-1.3.2-vsdoc.js)" It worked But everything when I add [code]<script type="text/javascript" src="jquery-1.3.2.js"></script> [/code] To the page the Jquert intellisense Disappeared . What to do? [code] <script type="text/javascript" src="jquery-1.3.2.js"></script> <!-- Enough to delete this: "jquery-1.3.2.js" and the intellisense returns to work --> <asp:PlaceHolder runat="server" visible="false">
[jQuery] File size of jQuery.min.js != 19KB
jquery.com home page says: --- PRODUCTION: (19KB Minified and Gzipped) --- ... but if you follow the link, you get a 55.9KB jquery-1.3.2.min.js file... quite a bit more than 19KB. Jake.
[jQuery] Facing Error in Jquery!!
Hi all, I have used jquery in dnn in fading new ticker, it is working fine but I am getting error "e.style" is undefined. when check through mozilla error console it is showing the jquery file path. I don't know how to resolve this. Please help me...
[jQuery] Unresponsive Javascript Error
Hello, I keep getting this Unresponsive Javascript error. I will admit I have a ton of selectors and code going on. When I use FireBug to debug that message, it stops somewhere within the Sizzle CSS Selector part of jQuery. Different spots and at different iterations in my script. I have tried going back to jQuery 1.2.6 too, I saw some people said that helped and using the full (uncompressed) version too. Neither worked for me. Soon after the warning message, if you click continue, it loads the rest
[jQuery] External Script Not Firinf in IE
I have the below script which runs fine in Firefox but not in IE, any ideas? It requires this HTML snippet to be in the page for it to run: <div id="TA_selfserveprop361" class="TA_selfserveprop"> <ul id="IrOhn4OFVsKw" class="TA_linksHXNZO23TzI"> <li id="vBcD2lWy" class="IWvESPN7h">420 reviews of <a href="http:// www.tripadvisor.co.uk/Hotel_Review-g147243-d148276-Reviews-Halcyon_Cove_by_Rex_Resorts-St_John_s_Antigua_Antigua_and_Barbuda.html">Halcyon Cove by Rex Resorts</a> in St. John's</li> </ul>
[jQuery] Looking for assistance implementing jQuery Cookie into Sliding Panel WordPress Plugin.
Hi folks, I'm new to this list and I hope I can find someone to assist. I am using the Sliding Panel WordPress plugin by Justin Tadlock, found here: http://wordpress.org/extend/plugins/sliding-panel Through Justin's forums, he helped me to implement a feature of this plugin where after a user logs in, the sliding panel remains open so the user sees whatever content is underneath. The problem I am experiencing is that when a user closes this panel, and then hits another page on the site, the panel
[jQuery] Extensions success
When writing an extension, how can you run a success function (a callback) like so: $("#selector").myExt(function() { alert(); }); Thanks.
Jquery Menu using cookie: uncaught exception: Syntax error
Hello all, having some trouble with a menu I am trying to put together. Lots of submenus and such, and just can't get this going. Works fine if I remove the submenu aspects of the script, however with these, it returns the error: uncaught exception: Syntax error, unrecognized expression: # Script: $(document).ready(function(){ $(".parent_list_li ul li a").addClass("sublink"); $("#" + $.cookie("#stayon")).find("ul:first").addClass("selected"); $("#" + $.cookie("#stayonsub")).find("ul:first").addClass("selected");
Working but the animation isn't smooth.
Hi, does someone know why this happends? I have a accordion with the following code: <script type="text/javascript"> jQuery(document).ready(function() { //Accordion $(".accordion .slide").hide(); $(".click a").click(function(){ $(".slide:visible").slideUp(); $(this).parent().next().slideDown(); return false; }); }); </script> If you see the result http://www.nononsensewebsite.nl/test/. The last bit of text kind of jumps. Any help would be much appreciated.
[jQuery] Can't change padding using animate() in IE
I have a function that resizes an image (imgCur) and changes its padding when a new image (img) is loaded like so: img.onload = function(){ var t = this; //Animate current image to new image size imgCur.animate({ "width": t.width, "height": t.height, "padding": "20px 25px" }, 750).attr("src", img.src); } Which works fine in FF, Opera and Chrome. But in IE6, 7 & 8 it doesn't like changing the padding, and I get an error at line 835 in jquery-1.3.2.js, which is: style.left = ret || 0; If I check in
[jQuery] Use my plugin fn without $('') selector
Hi all, I'm kinda new to these forums, but I was hoping someone could help me out here.. I've been making plugins in a particular format that suits me really well. But now I want to be able to run it without using the jquery selector. Kind of like you can use: $('p').each(function(){}) ; I want to be able to do: $.each(array, function(){}); Anyone know how to do this? Here's the plugin layout that I use. See the second last line for my attempt to create this functionality.. But this sometimes gives
[jQuery] jqm and livequery issue
Hi, Please consider the code below. It should open a modal everytime a link of a given class is clicked. But... it does not. //get the url of the link clicked var url; $('a.edit').livequery('click',function(){ url= $(this).attr('href'); }); //initiate the modal box $('#modal-test').jqm({ ajax: '@href', trigger: false; onHide: function(h) { url = url + 'removeSession/edit/';//remove session $.get(url); h.o.remove(); // remove overlay h.w.fadeOut(0.88); // hide window }, }); //now display the modal
[jQuery] fn question
I found these both work, so what is return for? <script> $.fn.btnClick = function() { this.click(function() { alert('test'); }); } $('input#btn').btnClick(); </script> <script> $.fn.btnClick = function() { return this.click(function() { alert('test'); }); } $('input#btn').btnClick(); </script>
[jQuery] Problems with getJSON between browsers
Hello, I am trying to request the json feed from Google Latitude. This script is working perfectly in Safari 4, but I get a 400 Bad Request error in FF 3.5. If I add the &callback=? to the end of the URL, then FF 3.5 hits me with an Invalid Label error which I can't work around (tried eval). Also, adding &callback=? to the end of the URL results in a syntax error in result in Safari 4. Can anyone point me in the right direction here? <code> <script src="http://www.google.com/jsapi"></script> <script
[jQuery] jQuery Nesting Tables
Hi, In my last row (parent Table) with colspan(tr), I have another Table (without any.attributes) which was generated by GridView, Paging enabled and located in footer .. How do I know if that Table exists in my last row(parent Table).. this code won't work .. if(jQuery(this).is('table')) { if(this.find('tbody tr:last td table')) { /* remove paging table element */ } }
Avoiding Animation Repetiton
What can I do to avoid animation repetition? because when I write an function and put to be executed onclick, if the user click more than one time it start to repeat...
[jQuery] (validate) multiple error error messages per input
Hi, If I focus on a field multiple times or submit the form multiple times, I the script adds multiple error messages per field, both valid and error classes, depending on the data entered. Any suggestions? Thanks, John
[jQuery] Cycle plugin: Fill browser heigth and width with images
I'm using cycle to load images which work under the following css: .bg { width: 100%; position: absolute; top: 0; left: 0; z-index: 5000; -ms-interpolation-mode: bicubic; } That make them look full browser in almost everycase. Pictures must have a common screen correlation to fill the gap: 800 X 600, 1024 X 768 etc. The problem is when proportions are not perfect, like 1024 X 683... In this case it would be fantastic to resize the pic proportionally to fit in the screen. I
[jQuery] get value of textfield
Hi Guys How do I get the value of a form textfield ? <form> <input type="text" name="name" id="name" /> Your Name </form>
[jQuery] jCarousel Unable to Hide List Bullets
I noticed the default CSS in the jCarousel examples include "list- style: none;" However, if you hide the img tags, you'll noticed IE7, Safari4, and FF3.5 all show the list bullets. Is there something I'm missing here? I'd expect "list-style: none;" to be pretty simple to interpret, but I find it hard to believe all the major browsers get it wrong. The one element I noticed is the bullets are hidden for non-floating <li> tags. It's only when the <li> tags are set to float when the browsers refused
[jQuery] Selector question
How can I pick an id element (here #bridge1,#bridge2) and toggle its child (here a p element) without actually using the id element as parent? 'this > p' apparently does not work. $('#bridge1,#bridge2').click(function(){ $('this > p').toggle(); return false; }); Thanks for your help!
[jQuery] Loading a Page in an Iframe with BlockUI
How would you load a separate page in an iframe with BlockUI? I tried: forceIframe:true, iframeSrc:'/iframepage.html' but BlockUI still creates the default "Please wait..." overlay, but also creates a seemingly separate iframe overlay, but without applying any of the CSS properties to it. If BlockUI doesn't have this functionality, so any of the other overlay plugins support it? I've tried jqModal and SimpleModal, but none of them seem to explicitly support this. Regards, Chris
[jQuery] POST data not being sent
Hi Guys I am trying to make an ajax POST request but its not working. Code below: var _HOMEDIR = "http://localhost/personal/index.php/home/"; $(document).ready(function() { $("form").submit(function() { var str = $("form").serialize(); $.ajax({ type: "POST", async: false, url: _HOMEDIR+"send?"+str, dataType: "json", beforeSend: function() { $("span:last").text("Sending..").show(); }, error:
[jQuery] How to turn on logging in custom parsers?
Hi, I'm trying to write a custom parser to sort column 5 of this table: http://m100.marketocracy.com/tablesort/TC_test.html Column 5 can contain both positive and negative numbers. Negative numbers are supposed to be represented by enclosing the number in parenthesis (), and turning them red. So I've created a custom parser named "parenNegative" which is designed to recognize such numbers and convert them to a sortable form. Here's the code for the custom parser: ts.addParser({ id: "parenNegative",
[jQuery] function running 2X
Any idea why this would run twice: function clickcharges() { $('#cardcharges tr td').click(function() { alert('execute once'); }); }
[jQuery] distinguishing target element for load() calls (aka any ajax events have all elements as target??)
So, you have a page: <html><head> <script type="text/javascript" src="jquery.1.3.2.js"></script> <script type="text/javascript"> $(function() { var onajax = function(e) { alert($(e.target).text()); }; var onclick = function(e) { $(e.target).load('foobar'); }; $('#a,#b').ajaxStart(onajax).click(onclick); }); </script></head><body> <div id="a">foo</div> <div id="b">bar</div> </body></html> Would you expect one alert or two when you clicked on 'foo'? I would expect just one, but i get two. Why does
Next Page