[jQuery] clickable block + fancybox jquery plugin trouble
Hello everyone! I tried to find the solution all around the web, but no luck, so I came here. I am using a jQuery plugin called FancyBox (http://fancy.klade.lv), which is a LightWindow clone, and it works great. Now, I want to have a clickable DIV that will allow me to call the FancyBox function to show the content of another page in a window like it does when I click on a single A link. The problem is that upon clicking on the DIV the new page opens the usual way, not in a FancyBox window. I need
[jQuery] Hover with a fade question (n00b)
Hi, I'm new to this group and to jQuery and javascript in general. I would like to learn how to use hover with a fade. I can do each separately but am having a hard time chaining them. Here's my best attempts at a simple hover button with a fadeIn and FadeOut: $(document).ready(function() { $('.button').hover(function() { $(this).fadeIn(1000,$('.button').addClass('hover')); }, function() { $(this).fadeOut(1000,$('.button').removeClass('hover')); }); }); That didn't work. Nor did this: $(document).ready(function()
[jQuery] full screen window
I'm very new to jQuery and also don't have a lot of javascript experience so this might be a FAQ but I haven't managed to find an answer either way via searching. I am trying to see if I can replace an existing activeX control with some javascript. It doesn't do anything particularly complex. It displays an image in full screen and lets you zoom in or out and go to the next or previous image. When I say full screen I mean full, no borders, menus or anything else, all you can see is the image. From
clickable block + fancybox jquery plugin trouble
Hello everyone! I tried to find the solution all around the web, but no luck, so I came here. I am using a jQuery plugin called FancyBox (http://fancy.klade.lv), which is a LightWindow clone, and it works great. Now, I want to have a clickable DIV that will allow me to call the FancyBox function to show the content of another page in a window like it does when I click on a single A link. The problem is that upon clicking on the DIV the new page opens the usual way, not in a FancyBox window. I need
[jQuery] Add class (highlight) to link if other element has given attribute
Hey everybody, I'm trying to get a link to be highlighted on page load if another element (in this case, an iframe) has an inline style of "display: block;". This is what I've got so far: $(document).ready(function() { if ($("#clientA").is("iframe[style*='block']")) { $("a:contains('ClientA')").addClass("highlight"); } }); I'm new to jQuery, so I can't tell what's wrong with the above; I mean, it reads right to me, but something about it prevents all javascript from running on the page. Maybe a look
[jQuery] Missing the previous jQuery site visual style?
Hi everyone. I miss the previous visual design of the jQuery site... I was away for a few months and when I got back it looked like it had stepped a couple of years backward and taken on a very Rails-in-the- early-days look with that Trebuchet font and big empty sidebars... No offense intended to its current designer, but I really loved the openness, readability, and space efficiency of the older version. Temporary solution for those who share my dismay: this guy CSS'd up a nearly complete fix --
[jQuery] reset jquery multifile uploader fields onsubmit
I have small problem. Is there any code to reset multifile form on submit. I am using jquery.js, jquery.form.js and jquery.MultiFile.js for e107 plugin I work on. I make some modifications. I have only this problem when I upload image is it posibility to reset multifile form. <input type='file' name=\"prog[]\" class=\"multi\" > there are jquery resetfor:true but do not work on multifile fields. One more problem. When I add more files to upload let's say 3 images I get empty array [0], [1], [2], and
[jQuery] load page on onload
hi , i'm just starting with jquery . It is possible to load a page in the onload event or just calling the load utility in a script ex=$('#divCliente').load('proprietarioLogin.asp'); it's that i want to redirect to another page but i dont hnow how. please help.
[jQuery] class change problem
I'm new to jquery so be kind: My problem is this; I am trying to change the class of some links so that when I click on one it becomes class "sel" (a particular background image), then when I click on the next one, it becomes class "sel" and the previous one returns to its before click state. According to the jquery site docs toggleClass should do it, but what I get is all clicked links become class "sel" and none return to their pre-clicked state: toggleClass( class ) Returns: jQuery Adds the
reloading page after $.post
hi, i have a <SELECT> field in an HTML form. instead of a 'submit' button i am trying to have the form submitted whenever a new option is selected. my jquery code is as follows: $(document).ready(function(){ $('select').change(function(){ $.post("/index.php/colleag/fixtures/", {team : "ARU"}); return false; }); }); the problem is: - when 'submit' button is used, the page is redirected to the target URL with appropriate arguments which i get by reading $_POST. - with the above jQuery
error message
I get the following error message by using Yslow. ============================= FirebugContext.yslowContext is undefined jquery-1.2.6.pack.js()()jquery-1...6.pack.js (line 11) [Break on this error] eval(function(p,a,c,k,e,r){e=function(c)...r|serialize|pixelLeft'.split('|'),0,{})) =============================== Could anyone tell me how to fix it? Thanks in advance.
[jQuery] Using ajaxStart/Stop for multiple ajax calls
It's possible that I could have 2+ ajax actions running on my website at the same time, and I'd like to show a 'loading' image for each of them. When I use ajaxStart/Stop, if one ajax call starts, it shows the 'loading' image, but if that call doesn't stop before another ajax call starts, the second call does not show the 'loading' image. Is there anyway around this? Thanks!
[jQuery] jQuery Tweets
I forgot who is running jQuery Twitter feed so I'll just ask here. How do you handle it? Do people send you tips on new websites using jQuery and new plugins? -- Mika Tuupola http://www.appelsiini.net/
[jQuery] Change Event Firing Twice
My problem is that I seem to be having a change even firing twice. Here are the details.... I have several checkboxes (input type="checkbox") all containing a class named "metaABOCode". Whenever one is ticked or unticked (hence the change event), I want to grab some data via a json ajax call to populate some content. Everything works brilliantly, except for the fact that it seems as though the code below is being called twice (resulting in two ajax calls, etc.). Any ideas/suggestions as to why this
[jQuery] Cycle actions that happen faster than the javascript transitions
For actions that happen faster than the javascript transitions, is there a way to make the javascript break it's current loop, and start doing the new action?
script acts two times
Hello guys, I've recently fallen into a newbie issue: I'm trying to move an element with the following code : $(function() { $(".navigation").mouseover(function(){ $(this).animate({ marginTop: "8px", borderWidth: "1px" }, 300 ); }); $(".navigation").mouseout(function(){ $(this).animate({ marginTop: "-8px", borderWidth: "1px" }, 300 ); }); }); IE doesn't react at all if I delete the borderWidth: "1px" part, which I got from the
[jQuery] jQuery.ajax How to send an xml document as data to the server
in the jQuery documentation: Sends an xml document as data to the server. By setting the processData option to false, the automatic conversion of data to strings is prevented. var xmlDocument = [create xml document]; $.ajax({ url: "page.php", processData: false, data: xmlDocument, success: handleResponse }); but, i never use this code works... anyone who can give me the works code?
[jQuery] [tooltip]
Hello, I am using jquery.tooltip.js to add tooltips to select options. The problem that occurs is that the tooltip doesn't appear relative to the mouse. I have tried a number of top and left settings, but have not had any luck. $('selector')tooltip({ bodyHandler: function(){ var _data = this.tooltipText.split(';'); alert var _h3 = _data[0]; var _body = _data[1].split('|'); var _out = '<h3>' + _h3 + '</h3><ul>'; for (_i = 0; _i < _body.length; _i++) { _out += '<li>' + _body[_i] + '</li>'; } _out +=
[jQuery] on the jQuery XSL plugin: xslt.js
Hi, On http://johannburkard.de/software/xsltjs/ -- very nice and useful! I was just looking at the source of this and want to offer a few suggestions: * ability to 'get' the compiled XSL so you can store in some cache for reuse without going through the download/parse again. The most expensive part of a transformation (other than downloading the xsl file) is parsing it into a compiled instance. If you use it more than once you should not have to download/parse again. * ability to add parameters.
[jQuery] Multiple File Upload, help editing images
Hi everyone, I'm making a product manager for a CMS i'm working on. 'till now I made the Multiple File Upload plugin work perfecly, uploading pictures of the new products, on the new product form. But now I need to make the edition of the product, and need that all the images uploaded appear on a list on the edit product form, so I can remove the ones i've uploaded before or add other images on the same product. All the images uploaded are stored on an array on the DB, and i need to easly edit it
[jQuery] jCarousel callbacks with custom data
(Reposting because I failed to finish the subject line last time.) Is there a way to pass custom data to the jCarousel callbacks without creating a global? Ideally I'd like to be able to create arbitrary properties on the jCarousel object when it is initialized and then read them from the object in the callbacks. Something like this to construct the jcarousel that allows the normal properties as well as custom ones: jQuery('#mycarousel').jcarousel({ size: that.mycarousel_itemList.length, itemLoadCallback:
[jQuery] New to Jquery : Using it on dynmaically created divs
Hi. At the moment I've creating 2 divs for each record in a database. One to first give a title for that piece of information and the second to be a show/hide div that gives furthur information upon clicking a little arrow. I generate both divs server side on an updatepanel refresh. I have them showing/hiding at the moment using this function... function divShowHide(divID, imgID){ // Hides/Shows the second div and changes arrow appearance var divToChange = document.getElementById(divID); if(divToChange.style.display
[jQuery] Embedding HTML inside of XML, and writing it to a page
So I'm grabbing some content from an xml file. Actually, to be specific, an article, the layout is essentially: <article> <title>This title is rad.</title> <text> And this is some awesome article text. </text> </article> Only thing is, I want the article text to be xhtml-enabled. so there's <b>'s and <br/>'s and such in there, and we're looking at something more like <article> <title>This title is rad.</title> <text> And this is some <b>awesome</b> article text.<br/> It's HTML formatted though, <i>that
[jQuery] Image Display with Brightness Control?
Hey Folks,<div> </div><div>So, a project involving allowing users to view scanned photos of historic structures has recently run into the problem that some of the photos are a bit dark relative to the originals, with some details being impossible to see in the jpg. When viewed on desktop, this is usually dealt with by users just tweaking the brightness in their quick and easy photo viewer of choice. I'm trying to replicate that functionality for a web interface we're developing.</div> <div> </div><div>Does
[jQuery] Having troubles accessing a variable in $.each
I am having troubles with my google maps conversion to jquery. My markers are being generated from a get json request and then each marker is being created using $.each. My trouble happen when creating a side bar with buttons to open the info windows. I can create the button but can not seem to pull the individual marker info to activate the info window. Here is my code so far: var map; $(document).ready(function() { if (GBrowserIsCompatible()) { //
Swapping Elements With jQuery
Ok let me make an example: <head> <script type="text/javascript"> $(document).ready(function(){ $("#options_2").hide(); $("#options_3").hide(); }); </script> </head> <body> <div id="options_1">option 1</div> <div id="options_2">option 2</div> <div id="options_3">option 3</div> <a href="" class="selected">choose option 1</a> <a href="">choose option 2</a> <a href="">choose option 3</a> </body> As you can see only option 1 is visible by default, and the link you click to show option 1 has the
tabs......why won't IE6 stop sucking!
Hi all Please please please, if you can help me i'd really appreciate it. I'm stuck on a problem with jQuery tabs on a site i'm working on - http://www.dekken-development.co.uk/progx_bilite2/index.html - and i've spent a day tryin to fix it now. The first two tabs work fine, the problem is with the 3rd and 4th. The 4th somehow duplicates the content, and the 4th pushes all the content way down the page. I've worked out the it's something to do with the amount of content on the page because if I get
[jQuery] trying to get ajaxForm to use a dynamic class or id to prependTo
This code at this moment prependTo to a static id. But I need to get it to use something like this $(this).parents('.review_blocks').find('.review_list2:first') However no matter what I do, I can not get ajaxForm to hold a var like sort like this $('.new_review').ajaxForm(function() { var up_id = $(this).attr("id"); var update_id = '#review_206'; var update_id = '#review_'+up_id; }); In fact if I add in function() to ajaxForm( it totaly ignores the function name passed to it. Or callbacks. Below
[jQuery] DW CS4 plugin?
Hi i was using an extension for jQuery with Dreamweaver CS3 from http://xtnd.us/, but with CS4 it makes all the syntax coloring purple and very hard to work on. Does anyone knows an alternative?
[jQuery] Ajax form submitting help
Iv got this form that allows you to select some files on your computer, when submitted the php behind it processes the the form and return some text. What i would like to accomplish is though Ajax submit the form, grab the text that is returned and put it in a textarea (that is already hidden on the page, and will be unhidden when the form submit) I cant seem to find how to do this. if someone could point me in the right direction that would be great. thanx.
[jQuery] [validate] Time validation
Hi, Is there anyway to do Time validation using the validator plugin? (http://bassistance.de/jquery-plugins/jquery-plugin-validation/) It seems to have date validation but not for time... Any other options?
coverflow width
I am using the cover flow / demo flow at this url http://ui.jquery.com/demos that spins images around, and am having trouble figuring out how to make it narrower? It is quite wide, and at a low resolution it does not work well for gui design. Can someone tell me how to make the individual boxes smaller, or the whole thing smaller? Or ideally how to have it auto-scale?
[jQuery] Get label text
Hello, This might be a tricky one ... I have been looking into JQuery docs but I can't figure how to make this. I have the following: <input type="checkbox" name="Roles" id="Admin" value="Admin" /> <label for="Admin">Administrator</label> <input type="checkbox" name="Roles" id="Coll" value="Admin" /> <label for="Coll">Collaborator</label> How can I get, NOT the values, of all checked boxes BUT the label inner text of all checked boxes? Example: If Coll checkbox is checked I would get: Collaborator
on mouseover - vertical transition (Image clipped at 50%)
Hello, guys This is my first post in the forum. I've been exploring this site http://coptix.com/ and I've found there, once more, a smooth menu which rotates vertically on mouse over (and which I'd like to reproduce somewhere else). As far as I've seen, they are using images to replace the words they want to display in that navigation bar. So the images have two parts: the grey one, the colored one. Each of them is built as two-lines-of-text image. I've been checking their .js, but it seems to be
[jQuery] blockUI custom options not working
Hey folks, I don't like to waste a list's time with a noob question, but I have come to my wits end on this. I am trying to use blockUI on a series of file upload fields on a page It works fine, but I just can't get the custom message to work. All the demos use a button I have tried a number of variations including copying code straight from the demos. This should at least turn the overlay blue, but it isn't - http//www/DearFamilyandFriends.com/tes.php <script src="includes/jquery-1.2.6.pack.js"
[jQuery] toggle close open link
How do I create toggle button that changes its text and image. I tried the following but it does not work. <style type="text/css"> span.open{background-image:url('img/open.gif');background-repeat:no- repeat; width:20px} span.close{background-image:url('img/close.gif');background-repeat:no- repeat; width:20px} </style> <a id="toggleLnk" href="javascript: toggleOpenClose()">Open This<span class="openP"></span></a> function toggleOpenClose() changes the class name and text as follows: <a id="toggleLnk"
[jQuery] How to stop change event from firing
I have a form with three dependent location select fields and a text field which lets a user add a new city if it is missing from the dropdown. The following function works fine when I create a new form. It puts the fields in sync to start with and keeps them that way when the user makes their selections. There is a problem though when the form is edited. This is because once the page loads the function below automatically puts the fields back in sync before the user does anything like on the initial
Finding class of 'this'
I've seen extensive examples on how to select all elements of a type that have a certain class, and that is a very handy thing. However, when one of the elements on my page handles a click event, I need to know how to find the class of the element that fired off the click event. Somthing like: var element = $('div.someClass'); except that it must use the 'this' keyword, like: var element = $((this).someClass); Then I need to test for the existence of that class and take action. I've used $(this).prev
[jQuery] My first attempt at showing/hiding div with jQuery
Hi, In my first attempt at showing and hiding a div with jQuery, I've hacked together this code and I'm looking for any thoughts on what I did wrong (if anything?) The code seems to work in FireFox, IE7, and Safari/Chrome. Opera and IE6 seem to work at random, so I'm not exactly sure what's up with them, but I assume my code is flawed? Here's the code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"
[jQuery] [validate] remote rule send field value by POST instead GET
Hi, I have a hidden field in a form that contain the JSON view of the form values. The Submit button fill it before the $('#form').submit(); I have some rules created by the user in a database, and I try to use Validator to manage this 'user validations' sending to a remote rule handler the 'validation formula' and the field that contains all the form data. all data is send by GET method. Reading this doc: <a href="http://www.boutell.com/newfaq/misc/urllength.html">http://www.boutell.com/newfaq/misc/urllength.html</a>
Next Page