Anchor Fade when Hover
The first thing I'm trying to do, is pretty much exactly like the effect that is seen here http://www.zaum.co.uk/work.htm I like how it still fades even when your mouse isnt right on the link.. you could have the cursor on the link for 0.1 seconds and the fade animation still continues.. I tried looking through the sites javascript files to see how they do it, but I couldnt figure it out.. how do I do this??
[jQuery] Get the onclick method of an element
Let's say you have a : <a href="#" onclick='DoSomething(this);'>asd</a> I want to get the onclick text in a variable - something like var onclick = $('a').attr('onclick'); The problem is that the onclick variable now is a function and if I try to execute , this wil be the document instead of the link . How can I get only the text, so I can later reattach it to the link ?
I want to use this spinner
Will anything bad happen if I use this spinner that's currently under development? http://jquery-ui.googlecode.com/svn/bra ... er|default I only have very basic requirements. All I need to do is to make it go from 1 to 10 and just run a callback on each increment or decrement.
jOuery / CSS / JS programmer needed
I'm putting together page templates for an online survey system. I need help with jQuery adding some simple, but nice touches to the UI. Can pay reasonable rates for hourly work. Please email me directly: aaron [at] monkeymatic.com.
[jQuery] jqModal: having trouble centering modal window
Hi, I just downloaded the latest version of jqModal and its accompanying jquery file, but I'm not able to center my modal window using the same style sheet -- http://dev.iceburg.net/jquery/jqModal/jqModal.css . I only changed these lines margin-left: -267px; width: 535px; to reflect the width of my modal window. Here is how I'm displaying it: $(document).ready( function () { $('#editTitle').unbind('click'); $('#modalWindow').jqm({ modal: true, trigger: '#editTitle', autofire: true, focus: true, overlay:
[jQuery] How animate in sortable ?
Hi ! I'am creating movable panels using jQuery UI sortable behavior. Unfortunately my columns have different size. Question is - how smooth resize panel after dropped it on the column to column size ? Greetings from Poland ! -- Jan Koprowski
[jQuery] How to add a plugin
Hi, I am completely new to Jquery and not very knowledgable with javascript in general. I would like to add the jquery.touch plugin to my website so I can add touch functionality for the Iphone and Ipod touch. The site is active and is running Jquery 1.26. I am clueless as to the proper procedure to include the plugin. The download provided by this site is in a text file. How should I incorporate this file properly. thank you, PokerTec
thickbox problem
Hi all, I am having trouble implementing a thickbox gallery. The issue is that I need two links for each large image. Much easier to see the problem by clicking the first image and first image link in this demo: http://www.daronrosenberg.com/jon/alchemy/html/photos.html I am using the "rel" attribute to group together the links, but the resulting display under each picture is indicating that the text link is creating another image in the slideshow, even though that image doesn't exist. Not easy to
[jQuery] Help with error script
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META content="text/html; charset=us-ascii" http-equiv=Content-Type> <META name=GENERATOR content="MSHTML 8.00.6001.18813"></HEAD> <BODY> <DIV><FONT size=2 face="Trebuchet MS"><SPAN class=587305115-15092009>I have an ajax function that checks fields to validate and display error messages.</SPAN></FONT></DIV> <DIV><FONT size=2 face="Trebuchet MS"><SPAN class=587305115-15092009></SPAN></FONT> </DIV> <DIV><FONT size=2 face="Trebuchet
[jQuery] Validate: Focus on first invalid field after validation
I've been building up my validation using the jquery validation plugin but I can't work out how to get a failed validation to default the focus to the first invalid input rather than to the last selected input. If there is no input field selected, when I submit then a failed validation will focus the cursor on the first field but if the cursor was left in a field and submitted then the focus stays there (if it's invalid) rather than jump to the first invalid input. From what I've read and seen, this
[jQuery] A simple .each() function question
I'm a noob trying to get a better understanding of Jquery and have a simple question about the each() function. $("li").click(function () { $("li").each(function(){ $(this).toggleClass("example"); }); }); $("li").click(function () { $("li").toggleClass("example"); }); What is the added value of using each() in the top example when the bottom example does the job just fine. Why would you want to use each?
[jQuery] selectors, events, and scripted elements not working
Hello, I am having some problems with selectors and events. I have a row of thumbnails all part of the "thumbnails" class. I'm trying to run some code when a thumbnail is clicked, but something weird is happening. When i use this selector/event: " $(".thumbnails").click(function(){ // run some code }); nothing happens. I've tested this: " $("img").click(function(){ // run some code }); And the code does run on what seems like all <img> that are set in the HTML doc, but not the <img> elements that
Jquery and ajax
I am wondering on how to implement jquery on an ajax page. I have had the problem on several sites and still don't know the solution. Here is the scenario I have page1.php then I have my js file (note this is some ajax not jquery). and lastly my request php page. How do I implement the jquery on the request page? I have tried all kinds a paths on both the php pages but with on luck. Here is the iquery I am running. <script type="text/javascript"> $(function () { // this line makes sure this
[jQuery] width animation
I am using the haccordion plugin which works via a width animation. However, when an accordion header is on the right side, clicking another accordion header causes it to move left during the animation before going back to its correct spot on the right. The plugin demo and code is here:http://groups.google.com/group/ jquery- en/post?hl=en. If you try the demo, you will see the bounce. It is even more noticeable on the site I am developing which has larger headers: http://www.etgfoundation.com/financial-planning-services.
[jQuery] IE 8 chokes on HTML5 elements inserted with jQuery
Hi all, I've encountered a problem with the combination of jQuery, IE, and HTML5 elements. HTML5 elements inserted into the page after initial load via jQuery's DOM manipulation functions are not parsed correctly by IE, even with Remy Sharp's HTML5 shiv script. With the help of jgraham from the WHATWG IRC channel, I have set up a page that shows this problem in two cases: 1) A simplified version of the contact form from my new site where I first encountered this problem. 2) A tiny test script that
[jQuery] adding #current position / #total to jquery cycle paginator?
Hi! I was looking this jquery cycle plugin option/paginator: http://malsup.com/jquery/cycle/scrollhv.html it will be too complicated to add a current "#currentslide / #totalslides" between previous/next? you know, to have something like: previous 3 of 9 next best regards, and sorry for the bad english :) luciano
[jQuery] append script in ajax cross domain on success function is not working.(script not excuting)
Hi everyone, i recently tried to get some script off a remote server through ajax. After days of searching and trying, i finally had it working apart from appending the script inside the success function of the ajax call, but the append script works outside of the ajax function with a little hack(set up a delay) I have the code shown below with more explaination. <code> /*****in page header********/ var flashHTML; $.ajax({ url: "crossdomainURL", data: { 'ClientID': '100', 'CatID': '11', 'LessonID':
[jQuery] Looking for Content Slider
Hello everybody, I googled a lot but I have not found anything I cloud need. I want to slide different <div>s, for example like on http://www.gimiti.com/kltan/demo/jFlow/ but I have 2 requirements: - my divs have DIFFERENT HEIGHTs. So the height must be variable. (That is the real problem) - it should identify and slide through all <div>s automatically because I will often change the number. (That is fulfilled by most sliders I found). Does anybody know a solution? Bye, Mario.
[jQuery] Light box modification
i have situation which needs to be implemented . onclick of the Image in lightbox , it should got the specified URL . Does anyone have idea of implementing it inside the JS file Thanks
UI tab states.
Hello, Im new to the boards and I am in dire need of some help. I think I am just overlooking something small, but let me explain the situation. Firstly, here is the url of the project: http://www.itsintrigue.com/ekb/ I have setup a few tabs that don't point to any actual tab content divs but instead refer to external links, the links work fine as far as opening in a new window. My problem is that the ui display state on the tabs appear to be in a disabled/non active state. I have used all of jqueries
[jQuery] (validate) email validator
How come the validator for emails only needs one letter for the tld and allows non valid characters like / or * ?
[jQuery] [tooltip] Links in tiptool message
Hi, I'm novice with jQuery and after evaluating the jQuery-Tiptool plugin available in http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/, and I wonder if it's possible to put a link inside the tooltip message. The user would see the tooltip and click the link. Obviously the tiptool should not move along with the mouse! :) Thanks
[jQuery] SimpleModal 1.3 height
Since upgrading to SimpleModal 1.3 from 1.2.3, I'm having real trouble with the height of the container. Something somewhere keeps inserting a height of 84px inline into the container div. Because it's inline I can't override it with my stylesheets -- the inline styles override the stylesheet. - I tried setting the minHeight and maxHeight params, but those don't help. - I tried setting the containerCSS with height of 'auto' or 'inherit', but that doesn't work. - If I set the containerCss with a height
[jQuery] each() needs documentation
Hello! I could not find each() in jQuery's documentation. Could it be included there, please, as I was browsing all the features to find out what exactly is the collection of elements returned by the many JQuery functions and how to be able to access and manage each of them separately, but could not find a page for "each" anywhere (which I found on some tutorial later). Regards, Janis
[jQuery] Very disappointed with jquery and iframe communication
<table cellspacing="0" cellpadding="0" border="0" ><tr><td valign="top" style="font: inherit;">After 1 day googling and trying I find no agreement in a solid method for comunicating with iframe, this is the nearest point I've been to get in touch with IFRAME: $(frames['Theiframe']).ready( function () { alert('Frame is loaded'); }); This will alert the message, but any attempt to comunicate with the iframe and access it's contents have been useless, I have a hidden field with with ID "login" and
[jQuery] dynamic loading of content from json file: questions about performance and best practices
Hello, I am in the process of creating a slideshow/gallery of 5 'panes', each of which will have some interactive content with hover/click behaviour and hidden/animated sections of content that can be accessed and manipulated. Currently, the gallery is pulling in each 'pane' from a json file. It is randomizing the starting pane though, and I would like to optimize the loading of the json file such that the variable that is being set to determine the starting pane determines which part of the json
[jQuery] droppable limit
Hi i use for drag and drop this easy code $(function() { $(".ui-draggable").draggable({ revert: 'invalid' }); $(".ui-droppable").droppable({ accept: '.ui-draggable', drop: function(event, ui) { $(this).addClass('red'); }, out: function(event, ui) { $(this).removeClass('red'); } }); }); i have some boxes and some containers. i want add ONLY one box to one container. How can i limit number
[jQuery] which submit button was clicked?
Hi! I have a submit-event attached to my form. The form contains a few different submit-buttons and I wan't to chech which one of them that triggered the submit. Shouldn't be to hard but i can't find out how to do it. Thanks
[jQuery] [validate] custom validation messages
I'm using the validate plugin to validate ASP.NET webforms on the client (I'd prefer to not use webforms, but for now I'm stuck with it). Because I'm using webforms, I'm trying to get around using the clientID of server controls. The metadata plugin works great, but I'd prefer to not use it because it's gonna blow up my markup. Is there any way to utilize jQuery.validator.addClassRules to add custom messages to a rule? Take the following for instance: jQuery.validator.addMethod("visible-required",
[jQuery] Access to restricted URI denied
I am trying to load a js file on a twisted server. The html file is created by a Python script. The first javascript is loaded. A second script is load in the first. I get "Access to restricted URI denied" when loading the second script. Trying to get jsMath to function on the server. Any help would be greatly appreciated.
[SOLVED] Help with manipulating anchor tag
Hi, This might be an easy question, but I'm new to jquery and struggling with it Here is the problem: I have multiple <tr> tags following the below pattern: <tr> <td class=c1Top> <table> <tbody> <tr> <td><t/d> <td class=c1Link> <a href="http://mysite">Page1.html</a> </td> </tr> <tbody> </table> </td> </tr> <tr> <td class=c1Top> <table> <tbody> <tr> <td><t/d> <td class=c1Link> <a href="http://mysite">Page2.html</a> </td> </tr> <tbody> </table> </td> </tr> <tr> <td class=c1Top> <table> <tbody> <tr>
Carousel With XML
Hey people, Im relatively new to jquery but was wondering if anyone can help me, ive made a carousel and wanting to make it dynamic, ie add images from an XML file, this XML file will change periodically so I need something that can read the XML the produce the image and description etc. If anyone knows of any XML tutorials or code that could be helpful id very much appreciate it. Cheers Jason
[jQuery] Show/Hide
I am working on a toolset that shows/hides divs. The divs are named id-1 to id-6. <div id="id-1"> content </div> <div id="id-2"> content </div> And so on. The script I have written is below: <script type="text/javascript"> $(function(){ $('#id-2').hide(); $('#id-3').hide(); $('#id-4').hide(); $('#id-5').hide(); $('#id-6').hide(); $('#add_link').click(function(){ $(this).parent().next('div').show('slow'); }); $('#remove_link').click(function(){
[jQuery] error in ie7 & ie8 only
<div>js code:</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>function jLinkCall(e, a, o)<span class="Apple-tab-span" style="white-space:pre"> </span>{</div><div><div><div><span class="Apple-tab-span" style="white-space:pre"> </span>var jUrl = null, jArgs = null, obTitle = '';</div> <div><span class="Apple-tab-span" style="white-space:pre"> </span>//<span class="Apple-tab-span" style="white-space:pre"> </span><a href="http://console.info">console.info</a>('jLinkCall');</div><div><span
[jQuery] Using jQuery and Prototype in parallel: breaks in Safari version 2 and 3 on a Mac?
Hi, I am using the Prototype/Scriptaculous and jQuery frameworks in parallel on my website. I'm slowly migrating to jQuery but need to use both in the meantime. This doesn't appear to cause any problems in any version of Internet Explorer > 6.0 or Firefox on a PC. However, all javascript seems to break in versions 2 and 3 of Safari on a Mac. I have tested this using versions of Safari taken from this website http://michelf.com/projects/multi-safari/ and Macs with old versions of Safari installed
[jQuery] Selectbox
I remember seeing a sample somewhere, now for the life of me when I actually need to use it. I can't remember how or where I found it. I am hoping someone can shed some light. What I want to achieve, is when a value is picked in a select box, an empty input field appears after a value is selected. If someone can point me in the right direction it would be great! Thanks
[jQuery] Easy show()/hide() Question
I am missing something fundamental and am sure that someone can point me in the right direction. I have a list like so: <li id="GalleryMenu"><a href="../Gallery/Default.htm">DD</a> <ul class="DoNotDisplay"> <li><a href="../Gallery/Santuary.htm">Santuary</a></li> <li><a href="../Gallery/Stream.htm">Stream</a></li> <li><a href="../Gallery/Winter.htm">Winter</a></li> </ul> </li> I have styled it so that the list items float. The class DoNotDisplay hides the unordered list. When the mouse hovers over
[jQuery] how to expand a node dynamicly in treeview plugin
For example I have a treeview control and there are 500 items . I have also a search box control. When I type one of item of treeview on searchbox, I want to find typed item , focus it and expand it dynamicly. Is it possible? if is it, how can i do.. Thanks
[jQuery] [RELEASE] Karma 0.1 , jquery plugin and examples for manipulating html5 audio, image, canvas elements
We are proud to release Karma version 0.1 today. Please download the code and try it out for yourself. You can also test out the demo here. You need Firefox 3.5 to run the demo. The core of Karma is a jQuery plugin for manipulating html5 audio, image, canvas elements. Source Code: http://karma.sugarlabs.org/karma-0.1.tar.gz Features: * Chaining of operations * Wrappers for drawing functions * API documentation * simple mechanism for pre-loading images and audio Known Bugs: * You cannot access the
[jQuery] saving values from a multi select list.
Im using a plugin called select chain and modified it a bit. Right now im trying to pass only selected values of a multi select list through ajax. The following function does a bit more but im concerned with the part that says cust_val: customer.val().join(",") This should return only selected values. This is what happens if i put it in an alert(). however when i check firebug to see what was posted it shows the entire list. I've tried alternatives like option:selected.... they all work for aler()
Next Page