Adding a new feature to the Reflection.js plugin
Hi all, I'm new to this board, nice to meet you everyone. I've been using jQuery for some time, and now I'm trying to create a super-fancy image carousel with a functionality similar to the one of this page: http://www.lafeltrinelli.it/fcom/it/home.html (in the middle of the page, the tabbed carousel) I'm currently using jCarousel Lite for the "carousel part" but, as you can see in the "original carousel", the images have a reflection. So i've googled a little bit and found this plugin: http://www.digitalia.be/software/reflec
[jQuery] [treeview] + sortable?
Hi there, I was wondering if anyone has any knowledge of combining the bassistance treeview plugin with jquery ui's sortable plugin? I need to know this especially within the context of being able to drag and drop from a nested ul (or node) to it's parent. If this is not really a feasible option, does anyone know if there's anything available that would be best for this kind of scenario? Many thanks, switch
Deactivate Queueing / Effect Queueing
I am calling a fadeIn to an element on the page. While the fadeIn is running I want to prevent that any new effects (like fadeOut and etc. pp.) are added to this element-queue. Is this possible with JQuery? With best regards Innocentus
[jQuery] Validating Submit from Image Button (Validate)
I am having the following issue, when I try using an image to post I cannot get the validation to run. When I click the button the form submits and nothing is checked. I've been searching all over the web and cant find any help. One way of coding doesnt work and the other does. I have included both below. I'd really appreciate the help. This code doesnt work: $().ready(function() { var container = $('div.container'); var validator = $("#CustForm").validate({ errorContainer: container,
[jQuery] UI slider with vertical orientation: change direction from top to bottom
Hi everyone, i'm using the 1.7.2/Slider and i'm quite pleased with it. The only thing that bothers me is how to change the direction of the slider when in vertical orientation. The default values are: min at bottom, max at top, but I want to reverse that, so the slider always starts from top to bottom. I tryed different things like modifying the code in ui.slider.js, but it didn't seem to work and I'm stuck now. any tip or advise is wellcome.
[jQuery] how to apply sorting when i have rowspan and colspan in my table with table sorter plugin
I have more than one row in my <THEAD> and i want to apply sorting on the lower most row in THEAD. how to pass the row index of the table header on which i want to apply sorting. I think we need to pass the header row index in this following piece of code which is present in jquery.tablesorter.js.Icouldnt figure it out ,exactly where to add.can any one please help me out. function buildHeaders(table) { if(table.config.debug) { var time = new Date(); } var meta = ($.metadata) ? true : false, tableHeadersRows
[jQuery] Chaining animation effects on different elements...
Hi guys, been playing around with something for a bit this afternoon but i can't find a programatically 'nice' way of achieving the effect i'm after. I have a bunch of elements assigned a class that don't necessarily have anything in common beyond the class. I want to fadeto them in randomly but in-turn, as if i was chaining animation effects for example. http://jsbin.com/exepi the only way i've been able to do this so far is by building and evaluating a slab of nested callbacks which works but is
IE problem and some on window change advice
Hello to all. I'm very new to jQuery (but not on js) and i've started using it when i want to create an index page for a site i'm making. I wanted to change some css settings according to user's innerWindow size.Here is my code. $(document).ready(function() { var screen_width = window.innerWidth; var screen_height = window.innerHeight; if(screen_width>=1024 && screen_width<1280){ $("img#backGround").attr({ src: "Images/main/1024x768.jpg" }); $("img#whats_new_img").css({
Images as Pager in Cycle
Hi, Here's to hoping someone can help with this. I'm building a simple slideshow using cycle, using a numbered pager. However, I want to use images - not thumbnails, but separate images - to act as the pager numbers. (I have 5 main images for the slideshow, and 5 corresponding images for the pagers). Can someone point me in the right direction? Thanks!
selecting all title attributes that are the same as link ID
hi! i'm a newbie to js scripting. I have no idea whether and how the following might be possible: main question: can I work with variables in jQuery selectors? I have 5 links with different HTML-IDs on my page. and there are about 75 pictures with HTML titles from one of the 5 link groups. the name of the link IDs match the 5 possible title attributes for images. if I click on a link, I want to make fancy jQuery stuff with all the images that have a title with the same name as the IDs. the code template:
Plugin with public subroutine?
Dear Friends, I write a jquery-plugin which has a function as constructor. However - I also want to access a subroutine _after_ the constructor has been called. The plugin itself is invoked on a page-element (like a div or something else). After invoking I also want to call a subroutine of this plugin. Something like this: $("#test").FunnyTest({someparam:"dummy"}); $("#test").FunnyTest.SubRoutine({someparam2:"dummy2"}); Is this overally possible with JQuery at all? Thank you for your answers in advance!
[jQuery] doubt in jquery context menu plugin
Hello sir/mam, I'm using jQuery context menu plugin. The issue i am facing is i'm using context menu to create rows and columns when i click on the child div present in row with unique id. its taking the parent id because i'm using context menu for both parent and child.some conflict is coming even though i use two different unique id.
[jQuery] Expandable sidebar
Hi guys, I've tried searching for a jQuery solution for an expandable sidebar but I can't seem to find anything that really works. What I mean by expandable sidebar can be seen on the Sid Lee website (http:// www.sidlee.com/). For instance, once everything is loaded, the right sidebar disappears, only to reappear when you move your mouse over it. Is there a way to achieve this effect using jQuery? Thank you in advance! Cheers, Vlad
Simple window resize script
Hi guys. I was hoping someone could guide me on a simple jquery script that resizes the browser window when a site loads to fit the users display size. Any guidance would be appreciated. So far I have found this code, which looks close, but I'm not sure which bits I need to change: $(function(){ $(window).resize(function(){ var h = $(window).height(); var w = $(window).width(); }); });
[jQuery] malsup's corners: strange top nudges in IE6 and Opera
Dear all, I am playing with malsup's corners and I am getting strange nudges on both top corners in Opera, IE6 and Konquerer when applied to nested elements (to achieve a cornered border). I am using exactly the same code as on the demo page: "$(this).corner("round 8px").parent().css ('padding', '4px').corner("round 10px")". Strangely this only appears when the radius is more than 10px and div.outer's padding is less than 3px. All corners are rounded, just at the top div.outer still seems to have
slideUp and Down callback time issue
Hi! I have some div's as blocks hidden wich should show on a button click, and if there is some other block visible, I have to slide it Up and then slideDown the clicked one...like this $(".profiles").click(function () { $("#profiles,#contact,#stream").slideUp(700, function() { $("#profiles").slideDown(700); }) }); The problem is that I'm doing this with the callback function,
[jQuery] Location Pathname jQuery Version?
Hello everyone! I'm a graphic designer and I'm just getting my hands into this fabulous tool. We are building a site with a system that only allow us to have one template. We have a javascript code to select specific pages (getting it from the url I guess). Right now everything is find but we are using jQuery on the rest of the site and now are trying to only use jQuery. Is there a way to select or target specific pages and style it with jQuery? Thanks
[jQuery] issue regarding live event
Hi all, I had encounter a situation in which 'live' seems to be not working in ie but nworking fine in ff. $('a.start').mousedown(function(){ {some code} }); this code is written in js file. in another js file , $('a.start').live('mousedown', function(){ {some code} }); is written in other js file. This code works fine in ff but does not work in ie. on click of this anchor, whole code is removed and again dump in page including this anchor. Event again bind to anchor in firefox but does not binds
[jQuery] (Validate)Is it slower to add all rules with rules.add verus by doing it in $("#id").validate({....})?
Hi I have 2 forms with identical validation rules so I am trying to use the same jquery.validate() to cut down on duplicate code and make the code smaller and easier to read. So they only way I can figure out how to do is this by adding everything with the jquery.addRules method. But I am wondering is this slower to do then the other way? Like does it have to do more binding and stuff? Or is there a better way?
Chrome and .load() doesn't push the content down.
I have a quick reply system going on, and it seems to work on one page but on another page it doesn't even try to push the content down. It completely ignores the content and treats it as if it's being position:absolute'd. $.each(link, function() { var curtext = $(this).text(); $(this).text(curtext+" »"); var clicked = false; var to = $(this).attr("alt"); var div = $(".nested_replies[rel='"+to+"']"); var input = $("input[type=text][rel='"+to+"']"); var
best way to init scripts
Hi, I am making some templates with quite some jQuery now am im currently using "window.onload = function(){" to initialize some scripts after the page has loaded. The problem now is that i have diffrent templates with diffrent things to initialize, but some stuff is needed all over the app. My idea was to make a default.js with the default stuff, and including a specific .js per template. The problem im having now is that when i use "window.onload = function(){" in 2 diffrent JS docs in 1 HTML,
[jQuery] Vertical Text
Is it possible to rotate text so that is displays vertically using jQuery? Thanks!
[jQuery] After tab through menu - it disappears
I believe I found an accessibility issue with superfish. I have the "sf- menu" ul as the child of another list item. After tabbing through the entire sf-menu, it disappears. How might I fix this? This is happening in both IE and firefox. It is nested as follows. ul -> li -> ul sf-menu
jQuery UI 1.7.2 selectable lasso css
Is anyone familiar with how to change the css for the lasso of a selectable in jQuery UI 1.7.2? Example: change the lasso to be of a tan color. Thank you.
execCommand
I am using the following to format text within an iframe/text area function formatText(iframe, command, option) { iframe.contentWindow.focus(); try { iframe.focus(); iframe.document.execCommand(command, false, option); iframe.focus(); } catch (e) { } } most things work fine when called $('.bold', tb).click(function(){ formatText(iframe, 'bold');return false; }); $('.italic',
For looping to reduce code
Hey I'm fairly new with JQuery but wondered if someone could help me out so I can understand how to do the following in the future. I have 5 buttons all using the same code: $(".but1").mouseenter(function(){ $(".but1>.launch").animate({ left: "10px"}, 250 ); }); $(".but1").mouseleave(function(){ $(".but1>.launch").animate({ left: "0px"}, 250 ); }); $(".but2").mouseenter(function(){ $(".but2>.launch").animate({ left: "10px"}, 250 ); });
[jQuery] Draggable isn't switched on in cloned div?
Hi everyone, spent the whole day trying to locate the problem here, so I would really appreciate any ideas you might have on this one: We have several "modules" in some sort pool (actually called "pool") and want to drag them into a selection box ("auswahl") where we change the CSS class from "pool_modul" to "auswahl_modul". So we clone one module-div and can drop it into the "semester"-box, works beautifully. Depending on if it came from another "semester" or the "pool" we change the CSS as I said,
[jQuery] jquery/validate and jquery.form not playing well
Wondering if anyone know why the 2 plugins (validate and form) would be causing a problem? Required fields will not validate when using the form plugin for an ajaxForm, and the form does not validate when clicking submit, will even submit empty. Here is my js code(taken mostly form the examples for the plugins): $().ready(function(){ //hide the result div - for holding response form php script $("#result").hide(); //loader spinning image var loader = jQuery('<div id="loader"><img src="images/loading.gif"
Conditional radio button
Hi guys, Please help. I am totally newbie. I have one form. it contains radio buttons <tr> <td><input name="ProjExistOPAContract" type="radio" class="radio" id="ProjExistOPAContractYes" value="1" <?php //if (!(strcmp($row_rsEmail['ProjExistOPAContract'],"1"))) {echo "checked=\"checked\"";} ?> /></td> <td><label for="ProjExistOPAContractYes" class="label100">Yes</label></td> </tr> <tr> <td><input name="ProjExistOPAContract" type="radio" class="radio" id="ProjExistOPAContractNo" value="0" <?php //if
[jQuery] Suggest a pop up window..
Can anyone suggest to me a good jquery pop up window script. Thanks. Erik
[jQuery] i18n for >30000 entrys - cool ?
hei list!<div> </div><div>I was wondering if the i18n table is still state of the art for about 30 000 entrys (cities) in a model (=180 000 entrys in i18n).</div><div> </div><div>Or is there a better solution like using a table prefix for different languages (de_cities, en_cities,....)?</div> <div> </div><div> </div><div>thankYouVeryMuch</div><div> </div><div>chris!</div>
[jQuery] Blocking UI for synchronous ajax calls
Hi all: I´m writing a simple CMS and, when the user clicks to save the changes, I need to: 1) See if the user is logged (if I´m not logged redirect to login form) 2) Get some info from the server (if the content is new I need to ask some questions, ...) 3) Save the content I´m doing each of them with ajax synchronous calls, because I need the previous call answer to decide what to do. And it works perfectly. Now, I need to block user interface and put a grey overlay, from the start to the end of
[jQuery] [Attrib "external" not working...]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META content=text/html;charset=iso-8859-1 http-equiv=Content-Type> <META name=GENERATOR content="MSHTML 8.00.7100.4129"></HEAD> <BODY style="PADDING-LEFT: 10px; PADDING-RIGHT: 10px; PADDING-TOP: 15px" id=MailContainerBody leftMargin=0 topMargin=0 CanvasTabStop="true" name="Compose message area"> <DIV><FONT face=Calibri>Hi,</FONT></DIV> <DIV><FONT face=Calibri></FONT> </DIV> <DIV><FONT face=Calibri>Why this code not working?</FONT></DIV>
Send HTML code in new plugin
Hi all, I test to creat a plugin 'infobulle' for my website, but when I want send HTML code (infobulle content), I never receive this... This is my HTML code : <div class="K_infobulle"> <span class='K_infobulle_content' style='display:none;'> <span class="bold">Lorem ipsum dolor sit amet</span><br/><br/> <span class="underline">Lorem ipsum dolor sit amet</span><br/><br/> <span class="italic">Lorem ipsum dolor sit amet</span><br/><br/> <span class="crossed">Lorem ipsum
Get menu to slide with individual colors/images for each btn
Hello there, How might I go about making a menu like this: http://www.slarc.com/test/NavMenu.html Currently that's a flash file I made, but I figured I should use jquery and js to effectively get this working. Any ideas? (sorry for the rookie question). Thanks so much, Lorne
Random Image Load into 4 different divs without repeat?
Hello there, I am trying to get images to load randomly into 4 different divs on my page from the same source folder. However I do not want any repeats in any of the 4 boxes. Is this possible? Thanks, Lorne
More Cousin than Sibling... unfortunately
Hi, If anyone could help me with this, what I think is quite simple, jQuery problem, I would be muchio grateful! I am building a relatively simple info box slide thing. The user is supposed to click on the <span> inside the <li> (spans are necessary for the design unfortunately) and the <div> inside the <li> should open up - closing any other currently open <div> of the same type. I can make the <div>s open. The problem is I don't know how to make a <div> that is already open, close, when it's 'Cousin'
[jQuery] jQuery plugin for managing user sessions? Which CMS is easier to use with jQuery?
Hi All I've just started using jQuery and already love it! I'm working now on project, that will give some services to wide community after registration. I'm going to use: - jQuery with Ajax and UI plugins on the client side - Perl (or PHP) + MySQL on server side - (may be) some good CMS in between for user session management (registration/authentication/authorization) and other usefull staff like forums, etc... I have more question than answers about the way to go :) 1. If I choose to use any existing
[jQuery] Bug? Jumping show/hide in Chrome and Safari
Hi there, I am building a simple show/hide list with the help of jquery. It works great on IE and Firefox but in Chrome and Safari the closing menuitems shift the whole menu to the left for a second and then back to its origin. I have about 20 menüitems that each hold about 5 submenü items. The goal is to show the 5 items only on mouseover on the menüitems and then hide it once the mouse moves away. Here is the code: <script type="text/javascript"> $(document).ready(function(){ //Hide
[jQuery] Jquery ClientSide validation
Hi, I'm using Jquery client side validation to validate my controls on the form. I want to throw validations only for controls visible on the page, right now, it is throwing validation errors for non-visible controls on the page. How do i fix this problem? Thanks. Vardhini.
Next Page