[jQuery] Animation Issue
Hi, I've had this issue when animating before, but have always found a hack around it. But for this project I can't think of any work around. What happens is some elements inside the animated element and near the animated element disappear during animation. To view it in action go to http://www.cyberantix.org/demo/portfolio/projects.html Click on any of the projects to expand them. See how parts disappear? Does anyone know how to fix this? One other note: I haven't debugged this for Internet Explorer
[jQuery] Jorn's Autocomplete, how to reference textbox in result event
In this snippit of code, where i pass the jQuery object that is the textbox into: function WireUpAutocomplete($txt) { $txt.autocomplete( "/services/Autocomplete.ashx" ).result(function(e, d, f) { // >> How do i know what textbox the user is on here? << }); } I could wire many textboxes up through that and would like to know which textbox i am in I see that "a" is an "[object Object]", but i have no idea what it's comprised of
[jQuery] Form validator - cross field validation
Hi, I am trying the forms validation plugin and cannot figure out where I am going wrong with it I can get cross validation working aginst a checkbox but I am unable to get it working against an input box HTML is supplied below The rules metadata is below the HTML Any help is much appreciated Andy <fieldset> <legend>Test JQuery validation</legend> <ol> <li> <label for="cbox">Last Months Bank Statement: </ label> <input type="checkbox" value="true" name="cbox" id="cbox"/><input type="hidden" value="false"
Facebook-like Auto-Growing Textarea
I made this jQuery plugin: Demo here: http://www.aclevercookie.com/demos/auto ... tarea.html At the moment it works alright, but it's a little quirky in IE and Safari. Feel free to take a look at the code and contribute what you think could optimize or fix any problems you see. Thanks!
qTip - A jQuery tooltip pugin
Hi everyone, I've just released the first public beta of my new tooltip plugin for jQuery, named qTip. Hopefully lot's of you who used my previous Simpletip library will migrate over and help iron out any bugs you might find! The site is live now at: http://craigsworks.com/projects/qtip/ Hope some of you can put it to good use! Regards
[jQuery] Highlight table row
I've tested different solutions found in here, and on the web, but I can't get it working. I simply want to highlight a table row. I would like to you toggleClass $(this).parents('tr').toggleClass("highlight"); This is my HTML code: <html> <head> <title>Title</title> <link rel="stylesheet" href="css/storeLocator.css" type="text/css" media="screen" charset="utf-8" /> <script type="text/javascript" src="js/jquery.js" charset="utf-8"></ script> </head> <body> <table id="storeListTable"> <thead> <tr
[jQuery] [Q] How to : Creating IFrame
Hi, Im using two different sized iframe in one page How can i create iframes with jquery Sample iframe code <iframe src="someUrl" name="someName" width = "570px" height = "500px" align="left" scrolling="No" frameborder="no" id="SomeID"></iframe>
[jQuery] Error with BlockUI: 'parentNode' is null or not an object
I'm getting the error "'parentNode' is null or not an object" when using BlockUI (Latest version and latest Jquery). I'm also using Microsoft AJAX.NET. I'm blocking on an element. The problem occurs on the second time I call block. This is the line of code: $(".grid").block({message:$("#prg")}); The error occurs in the 'install' function right here: var node = msg.jquery ? msg[0] : msg; var data = {}; $(el).data('blockUI.history', data); data.el = node; data.parent = node.parentNode; <--- ERROR OCCURS
input text array validation in jquery
Hi All, I am using jquery to validate the form. But i got a problem to validate completely. Somewhere i have an element like: <select name="relation_cd[]" id="relation_cd"> </selelct> <select name="relation_cd[]" id="relation_cd"> </selelct> Which comes from database dynamically. Is there any technique to validate such kind of element in jquery? I didn't find the way to validate. I am new to jquery even i don't know how to add the custom validation function so that i can validate the form completely.
[jQuery] how can I add to different elements inside a jQuery object?
ponder something like this: var elements = $( '#template_elements' ).html(); $( elements ".mol_row" ).append( "<td>"+ molname +"</td>"); is that the correct way to add to a particular element inside a cached jQuery object? many thanks /pär
[jQuery] please help
i've interrated jquery treeview in one of my webpages and it works well in firefox. however, it doesn't work at all in internet explorer if i set $("#browser").treeview collapsed: true, because branches simply don't open. if i use the defaults (collapsed: false), it is ok, but i would like it to be closed when the page loads. animation is ok in both browsers. can anybody suggest a solution? thanks. :)
Unwanted yoyo effect on slideDown/slideUp
I am trying to make a menu that has a rollover which displays an image on top and is revaled sliding down from top to bottom. I want the rollover image to dissapear when rolled off the button by sliding back up. This is where I have got so far: http://exsiteinteractive.ca/yoyo/yoyo.html Problem here is that when I rollover i am getting a yoyo effect but i want the hover image to stay down until rolled off the button. Based my code around this: http://www.webdesignerwall.com/demo/jquery/animated-hover1.html
[jQuery] [ANNOUNCE] Machinetag plugin- initial release
Hi, I'm announcing the initial release of Machinetag, a jQuery plugin for your machine tag needs. Machine tags (aka triple tags) are just tags with two levels of context. For an intro to machine tags, read http://tagaholic.me/2009/03/26/what-are-machine-tags.html . Plugin links: Blog post: http://tagaholic.me/2009/04/14/i-am-machine-tag-and-so-can-you.html Code: http://github.com/cldwalker/machinetag.js/tree/master Demo: http://tagaholic.me/blog.html#post:* My plugin provides search and display functions
[jQuery] jQuery plugin scope
if(jQuery) (function($) { // plugin definition $.fn.hilight = function (options) { debug(this); // build main options before element iteration var options = $.extend({}, $.fn.hilight.defaults, options); // iterate and reformat each matched element return this.each(function () { var $this = $(this); // build element specific options var opts = $.meta ? $.extend({}, options, $this.data()) : options; // update
[jQuery] [autocomplete] ExtraParam
Would like to suggest to change the code from extraParams[key] = typeof param == "function" ? param() : param; to extraParams[key] = typeof param == "function" ? param.apply(input) : param; Then the extraParam function is able to use 'this' to locate the DOM node, similar as "result" event handler.
[jQuery] datepicker
guys I have 2 datepickers 1)arrivalDate 2)DepartDate The mindate of Depart must be the mindate of ArrivalDate I'm able to get the arrival date but I'm unable to set that in depart mindate attribute //arrivaldate.value=14/04/2009//which is erroneous when set to depart date The snippet of code is here below function getStartDate() { $("#arrivalDate").datepicker({minDate: 0, maxDate: '+1M +10D'}); } function getEndDate() { var s=document.getElementById("arrivalDate").value; alert(s);
[jQuery] How to use Autocomplete in POST ajax method ?
Hi, This is my question : How can i change the default GET method of autocomplete function in POST method ? Thx a lot
[jQuery] how to call 1 function from many buttons by passing parameters
Hey I'm new to JQuery I have 5 divs At a time only 1 div should be expanded the others must be hidden I'm using the show and hide function But I want to function parameterised to open the respective div and hide the other which is open How do I go about ??
[jQuery] accordian div change on another button??
Hii guys, Tell me how to change a div of an accordian on a click of some other button I also want to prevent the default event of changing div on click on header How do I do it? Please help in urgency!!
[jQuery] IE7 returning 0 for attr("width") on an img with width set
Hi All, I have the following code: $('#slides img').each(function(i){//calculate margins and wrap var this_img = $(this); var imgMargin = Math.round((550 - (this_img.attr("width") + 35))/2) + 5; this_img.wrap('<div class="wrap0" style="margin-left:' + imgMargin + 'px"><div class="wrap1"><div class="wrap2"><div class="wrap3"></div></ div></div></div>'); $('#content').append(' '+imgMargin+''); }); On this page: http://www.colleenkiely.com/testLayout2003-2006.htm
[jQuery] Undo in jquery
Hi, How to set Undo for particular textbox using jquery. Sarvan .
[jQuery] trouble stopping propagation
Hi, I have a simple onclick function call for a div which looks like this: onclick="showPanel(this)". And the showPanel function header is as such: function showPanel(el) { } I also have some children in the div which are links, and I want top stop the propagation. Unfortunately, when I put a breakpoint inside showPanel (using FF3), 'el' does not have any of the following properties: srcElement, target, stopPropagation. So I can't seem figure out if I should return of continue the function. I even
[jQuery] One ajax post works, but one does not... kind of...
Okay, here's basic run down of this feature so that you know what you are actually looking at: 1) There is a form with a list of checkboxes that users can select. 2) When the user submits the form, my js file is supposed to ajax a post with an array of these checkboxes to the page itself. (We have to do this because of a crazy mvc set up that we have, and I have to pass the variable "action" with the value "add_shows".) However, what is happening is there is an error being generated ([Exception...
[jQuery] Problem to get Text displayed in jquery function
Hi All, I have a function with jcarousel but for some reason, I just can not get the text to show below my images in the Container. One guy helped me with various options but as you can see below, I am still stuck. Any help ? I have now added the function as follows in the head and tried the following two lines at three different places but still no luck. The errors seems to have gone away now , but I do not see the Bla. div = $("<div style='display:none'>blah</div>"); $(document.body).appendChild(div);
[jQuery] XSLT with anchors
Hello, I am using the jQuery Transform plugin to perform XSL transforms. It works great except when I load a page with an anchor. i.e. mysite.com/mypage works fine, but - mysite.com/mypage#xyz gives incorrect output (all HTML tags are missing). Does anybody have any idea what could be going wrong?
[jQuery] question about each function
Hi, all See the following. $(input:text).each(function(){ ---- if(something happened) return; --- --- }) I found the 'return' only exit form a particular input element. And it won't return from "each" function. It always go through every element. I mean if something happened I don't want to go any further elements and just exit from "each" function. Is there any way to do that? Thank you in advance!
[jQuery] Endeavour: translating X-Library functionality "click-n-drag checkboxes" into Jquery
I thought I'd undertake the endeavour of translating into jquery the neat little "click-n-drag checkboxes" functionality of cross- browser.com's X-library. This functionality allows for multiple checkbox selection or de-selection by simply clicking on one of them and then dragging the mouse over the others. I began mentioning this in another post, but I figured that perhaps a new post with the right title would be better. Rather than re-post all the code though, here's a reference to the message
[jQuery] assign event handler to multiple events
i can assign a handler to one event type thus: $('.things').focus(function(){ $(this).data('foo', true); ... }); if i want to assign the same handler to several events, say focus, change, and click, what's the tidy way to write it [assuming my handler wants to access $(this)]?
[jQuery] Is this a Safari/WebKit bug?
I got this to work, so this isn't a issue anymore, but I'm curious if this is a bug and I should report it, or if it's a bug everywhere else :) $('a').click(function(){ //Following works in Firefox, but not in Safari 3-4 //event.stopPropagation(); //Works in both Safari as well as Firefox this.event.stopPropagation(); }); Is that how you were supposed to write it? In most tuts I have read it's always just event.stopPropagation();
[jQuery] how to create multiple draggable div's with dynamic content
hi, I'm trying to acchieve something for a few days now and I need som guidence I need to be able to open a draggabel div, that's no worry using the jQuery UI plugin what im not getting my head around is how to create multiple instances of this window with dynamic content but with a templade html structure that is filled with data from a database i've tried to use "clone()" to have the template "saved" and hidden on the page but when using this everything fails to work at all did anyone acchieve
[jQuery] min file for jQuery Validation Plugin
Ok, obviously we know what a min file is. But can someone tell me for the jQuery plugin what does this min file restrict you from or strip out from the main? What is filtered out? I need to know what I'm getting or not getting compared to the main jQuery Validation .js library. http://bassistance.de/jquery-plugins/jquery-plugin-validation/
Accordian Navigation Filter
I am trying to use the subsections as links to load a new page when clicked. However the accordion resets itself and closes after the new page loads. I want the accordion to stay open at the subsection I selected. I have not been able to make the Navigation Filter off the JQuery site work. I dont seem to be able to tell it to be active at any level in the structure. I am also not sure where I am supposed to attempt to set the Navigation Filter. Do I try to do it in a script function and then when
[jQuery] Return Dynamic Image using Ajax and PHP
Hi, I have a PHP script that is generating an image based on values passed to the script using jQuery Ajax functionality. Here is the important part of the PHP script; header('Content-Type: image/jpeg'); imagejpeg($image, 'images/tmp/admin.preview.jpg'); imagedestroy($image); I can get the image to display just fine without using Ajax. I would prefer not to store the image locally on the server, but instead have the preview image display temporarily in memory. I have the following jQuery code implemented
[jQuery] Bug in my gallery, wtf?!
Before I post a link: A. Yes, the code is messy, I have been trying to fix this all day, and I have restructured my code at least a dozen times, and that is why it is so messy, so please don't say "try cleaning it up" :) B. There are 100s of images, I just haven't sliced them all out from the client's PDF yet, so only "pneumatic" and "vintage" load a set of images. C. Thumbs don't match with the large images yet, because I haven't sat down and matched the 100s of images yet, but it works correctly!
[jQuery] Converting JSON to html output
Hi, I'm a jQuery and Javascript noob, and can't seem to get this to work. The JSON output looks right to me via console.log(result), but the select box isn't being populated. The select box needs to be populated onfocus, because the interface is set up to allow the user to add new options to the select via a popup without a page refresh. $(function() { $.getJSON('index.cfm?view=listReferenceJSON', function(result,status) { console.log(result) var str = '' for(var i=0; i < result.ROWCOUNT; i++) {
[jQuery] Can you treat hover as a boolean?
Hi, I am trying to build a dynamic nav menu. When you hover over a given image, a fly-out menu appears to the right of the image. I want the fly-out to disappear when the user hovers off the initial image, but not if they hover over the fly-out menu. Is there a way to detect if one or the other element is being hovered? ie if($(image).hover.is(true) || $(fly-out).hover.is(true)){do something} (The above does not work) I tried to set the hover on for the fly-out to show() the fly-out, but it didn't
[jQuery] override shortcut keys in safari 3+ with javascript
Hello, I am trying to override Safari shortcut keys in javascript for use in an online terminal window that requires key entries such as F5. As this is a shortcut key to refresh the page in Safari this poses a problem. Does anyone know if you can override shortcut keys in Safari 3+ with javascript? I have tried approaches such as return false, stopPropagation(), preventDefault(), re-routing the keyCode/which character, etc. Any help would be much appreciated. Thanks Matt
looking for a scroll solution
Hi, I used a script from jScrollPane http://www.kelvinluck.com/assets/jquery/jScrollPane/jScrollPane.htmlto create a scroll button that moves the content up or back with each click. The page I'm using this on is here: http://www.jontakiff.com/brooks/about_us.html. You can see the small arrow at the bottom. The client wants the text to scroll when the cursor hovers over the arrow and stop scrolling on mouseout, rather than needing to keep clicking the arrow. I'm not sure if I should post all the code
[jQuery] script modules
Hi all, My code app runs like this: //file app.js var runapp = function () { // I have about 1800 code lines using jquery like this: var fn1 = function (data) {//...code...}; var fn2 = function (data) {//...code...}; var fn3 = function (data) {//...code...}; fn1('blah'); }; //file index.html <script type="text/javascript"> $(document).ready(function(){ runapp(); }); </script> Now a days, this architecture works fine for me. But 1800 code lines is a big problem!!!! I think jQuery.extend is not a good
how to make simple this show/hide script? :)
$(document).ready(function() { [b]// hides all gallery div's[/b] $('#galerija_a').hide(); $('#galerija_b').hide(); $('#galerija_c').hide(); $('#galerija_d').hide(); [b]// show gallery when clicked link // hide others if they are visible[/b] $('a#galerija_a_on').click(function() { $('#galerija_a').show(); $('#galerija_b').hide(); $('#galerija_c').hide(); $('#galerija_d').hide();
Next Page