[jQuery] JQuery news fade and news scroller(please help me)
hi friends i want scroll or fade news in one line,please help me and send example, (i am new in jquery).
blur input and live
Hi everyone, I have to do that : $('*:not('+my_input+')').live('click',function(){ alert("ok"); }) but it's not working, I still have a "ok" when I click on my input. This works fine : $(my_input).live('click',function(){ alert("ok"); }) $('*').live('click',function(){ alert("ok"); }) Thanks in advance for your help !
cant get stopPropagation to work
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] Should $(document).ready() be external? And should it be placed at the bottom of the page?
Hey all, Two quick questions for you. I couldn't find the answers while searching... This would be a great thing to add to the jQuery FAQ, by the way. (1) Is it advisable to place a page's $(document).ready() stuff in an external .js file? I've been doing a lot of reading and research on optimizing my front end code, and YSlow seems to make a big deal of placing code externally if possible for caching reasons. I understand the usefulness of placing the code in an external document for that reason,
[jQuery] How to make the superfish nav menu blend with the Pixture Reloaded menu?
Hi, I want to make my superfish menu look just like the menu that exists by default in the Pixture Reloaded theme in my drupal install. It's black with a lighter upper half, which gives it a glassy look. Will someone please direct me to the proper css files? If you could be as detailed as possible, I'd appreciate it, as I'm pretty inexperienced. Thanks!
[jQuery] Slideshow with Carousel and spotlight?
Hi everyone, I'm looking for an image slideshow using carousel thumbnails as well as a spotlight for an enlarged version of the thumbnails. YUI has one that *almost* does what I need (http://developer.yahoo.com/yui/ examples/carousel/csl_dynload2_clean.html), however it doesn't allow for portrait or landscape thumbnails. Plus, I like jquery better! I've done a lot of googling and have come up with nothing that is quite right. I was just wondering if anyone has come across something like this for
[jQuery] [Superfish] How well does this work with RocketTheme?
Hi, I am using the RocketTheme template 'Synapse' on my site: http://www.fitnoke.com; I am interested in upgrading my menu capabilities for the top-nav menu on my site to Superfish, as it is more Web 2.0. What kind of actions are needed to make this work - preferably a step by step way of getting it set up on there! Thanks!
[jQuery] jQuery.support -- No direct support for IE6 detection
I'm all for migrating to the jQuery.support() utility method, but there is not definitive test available to detect IE6 specifically. Do we have a consensus on this yet?
[jQuery] JQuery Superfish plugin currents-state problem (level 2 menu should not be sticky open after reload)
I'm using this plugin in the dynamic PHP enviroment, basic example. http://users.tpg.com.au/j_birch/plugins/superfish/#sample1 After a successful page reload Second level <LI> remains OPEN as if I am hovering over the first level menu. What I want is to mark only first (horisontal) level of my navigation. Second (vertical) menu should not be open when I first load this page. Just to mention that I am setting current current state for each <li> element in the tree. I tried all combinations, but just
Input type addClass not working in IE 6 or 7
Below is the code I have to add a class to radio buttons and checkboxes. This works in Firefox and Safari but not IE 6 or 7. Any help would be greatly appreciated. $(document).ready(function(){ $("input[type=radio]").addClass("radio"); $("input[type=checkbox]").addClass("radio"); });
[jQuery] [Validate] Custom error message for a group of fields
Hi, let's take this example : $("#myform").validate({ groups: { username: "fname lname" }, errorPlacement: function(error, element) { if (element.attr("name") == "fname" || element.attr("name") == "lname" ) error.insertAfter("#lastname"); else error.insertAfter(element); }, debug:true }) I want to c$("#myform").validate({ groups: { username: "fname lname" }, errorPlacement: function(error, element) { if (element.attr("name") == "fname" || element.attr("name") == "lname" ) error.insertAfter("#lastname");
[jQuery] Event binding in frames
Hello, In order to create a decoupled UI, I wanted to make the events within some iframes write to the DOM (within the iframe). Then from the main container (top window), I created an observer to detect a 'change' on that hidden element (in iframe) and respond appropriately. I don't want each control to be forced to handle the change of other controls / components. It should only be responsible only for itself and to provide the data/changes as requested. Example Code: $('#left-column-frame').ready(
jquery ui slider handle issue
Hi looking at the demo on http://jqueryui.com/demos/slider/ i am unable to understand how can i tell the slider to chose specific div as handle, and id you view the source of this demo it only uses one div so how it is adding the handle on the fly. here is the demo source =================================== <script type="text/javascript"> $(function() { $("#slider").slider(); }); </script> <div id="slider"></div> =================================== before jq1.32 and jq ui 1.7 in many tutorials this
Total newbie needs a little form processing help
Hi, I'm working on a simple quiz and need some help. I'm brand new to jQ and thought this would be a good starter project. I've looked through the docs but still need some help getting my head wrapped around the concepts. I have this simple form here: http://staging.pixelluxe.com/tbs/index.html When I click submit on this form, I want it to find the value of each checked radio item (all numerical) and add them together. Then I need for it to compare that sum to a range of numbers, and redirect the
[jQuery] Getting index of clicked table cell
For the life of me i cannot figure out why this gives me "-1" (not found) $("#Table1 tr.SUM").click(function(e) { alert($(this).index(e.target)); }); With "this" being the row, and "e.target" being the cell, shouldn't that work?
[jQuery] Adding incremental numbered classes to divs
I'm really new to jQuery and have been struggling with a concept that I would think is pretty simple but I can't seem to find anything online that does what I need. I'm using NextGen Gallery for Wordpress and I would like to assign an incremental class to each div that the gallery outputs. For example the gallery gives me the following code: <div id="ngg-gallery-1" class="ngg-galleryoverview"> <div id="ngg-image-99" class="ngg-gallery-thumbnail-box"></div> <div id="ngg-image-55" class="ngg-gallery-thumbnail-box"></div>
Vertical multilevel sliding menu
Hi, I'm a php html-css developer and new to jquery. Im looking for a menu like this from Stu Nicholls: http://www.stunicholls.com/menu/jquery-slide-1.html#url But, my Goal is to have more than one level. Is it possible to change this Script in a easy way for multilevels? $(document).ready(function(){ if($("#nav")) { $("#nav dd").hide(); $("#nav dt b").click(function() { if(this.className.indexOf("clicked") != -1) { $(this).parent().next().slideUp(200);
newbie jquery user: pointing to an external style sheet
i am trying to change the following code to work with my site: <script type="text/javascript" language="javascript" src="jquery-1.2.2.pack.js"></script> <script type="text/javascript" language="javascript"> $(document).ready(function(){ // Reset Font Size var originalFontSize = $('html').css('font-size'); $(".resetFont").click(function(){ $('html').css('font-size', originalFontSize); }); // Increase Font Size $(".increaseFont").click(function(){ var currentFontSize = $('html').css('font-size');
[jQuery] Event "change" on span/div
Hi! Anyone know how I can bind an event like "change" to the text inside a span or div?
[jQuery] [autocomplete] charset
Hello, I'm having problem with charset on searching value, that is returned in param "q". On main page and od page from where script search for data I have charset placed: main script: <meta HTTP-EQUIV='Content-Type' Content='text-html; charset=windows-1250'> search script: header( "Content-Type: text/html; charset=Windows-1250" ); I get some wierd characters when I use unicode characted like š,č,ž. Thanks
Tooltip Help
Hi, I am a n00b to jquery and I am using this code for a tooltip with image preview which works perfectly for my site other than flowing off the screen. http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery Example 3 Demo: http://cssglobe.com/lab/tooltip/03/ Could anyone help with modifying the code to keep the tooltip in the viewport and not go off screen. I am completely lost with this and my JS skills are not up to par so I am pulling my hair out . There are many others
[jQuery] Superfish
Your plugin really easy to use, thanks. But there is no useful option in my case: openOnClick. I want to open submenu by click event, not hover. Could you help me?
SharePoint: add script to webpart
Hi, I need to add some javascript to the script-section of a webpart on the page. Regards Christophe
.resizable(options) not working for some reason
taskObj.attr({'id':'task-'+openTaskDetails['id'], 'class':'ui-widget-content'}).html(openTaskDetails['name']+"<br>") .draggable(dragOpts).resizable(resOpts); the above code generates a div which is draggable and has all the right contents but for some reason, the resizable feature is not showing up (the thing on the bottom right corner is not visible).. i am not getting any errors, the js is recognizing the resizable function. what's even more perplexing is that i generate these similar kind
newbie question
I've got list Info1 - Data1 Info2 - Data2 ... and want to make it clickable the Info visible, the Data invisible. When a line is clicked I want to happen 1. the highlight class removed and added to the clicked line 2. the data of the clicked line read out and processed I succeded to solve both tasks separately - the first with $(this).removeClass('Z').addClass('X') and the second with <a href="javascript:func1('data')"> But combinded they don't work. Any helping hint out there?
AJAX call not working in FireFox but works on everything els
Can somebody take a look at this... http://www.churchboom.com/index1.asp The white my notes section on the bottom left is a div area that is loaded with an Jquery Ajax call just like 2 other areas on the page. This works fine in IE, Safari (PC), Chrome but not in Firefox. It just shows blank white. Any ideas?
getting an element by its id - odd behavior
i have an id of a div which is dynamically created which is of the form 'aa,bb,cc,dd' i also have a div which has an id of 'aa' when i use the following code: var startTdId = 'aa,bb,cc,dd'; $('#'+startTdId)... the element that is returned has the id 'aa' are the commas causing some mishap and the id is not being correctly parsed or something? ideally, i want to be returned the element with id of aa,bb,cc,dd not aa how do i get around this?? thanks in advance.
[jQuery] username validation using jQuery Validation plugin
Hi all, Is there a way to validate "username" field (no space, only letters)? I don't want to modify the code. I know this can be done easily with if statement but I just want to see if the Validation plugin has this feature already: http://dev.jquery.com/view/trunk/plugins/validate/jquery.validate.js Thanks.
jQuery with ASP.NET MVC and FormsAuthentication
Anyone know of a good framework that will pass the authorization ticket to the controllers when performing a jQuery post? Right now if I use the [AUTHORIZE] attribute on the controllers to keep out unauthenticated users it doesnt work since the auth cookie does not get passed. So even if I try to use something like HttpContext.User.Identity.IsAuthenticated inside my controller actions it wont work since again the cookie is not being passed as verified by Fiddler proxy. Any guidance would be appreciated.
[jQuery] capture user's selection on a html page
Hi, There is an onselect event for javascript which allows you to capture user selected text in text input or textarea box. Is there a way to capture user's selection anywhere on the html page? I know several javascript applications which allow users to select elements on a html page and allow you to copy paste your selected html data into other places. Would appreciate if anyone points me to some references on how this is implemented, especially how in Jquery. Thanks.
[jQuery] Custom error function in jQuery Validation plugin?
I am new to jQuery validation plugin (http://docs.jquery.com/Plugins/ Validation). What I am trying to do is to have my own error message DIV with display:none initially. If there is error, I want to run the fadein/fadeout to show that error. The structure of the input/error DIV like this: <div><input></input></div> <div>context help</div> <div>error msg</div> The way this plugin works is to insert a LABEL right next to the INPUT and this is not what I want. I want to reuse the html code I have in
[jQuery] Trouble passing additional data with getJSON
Hi all, I think I must be making an obvious mistake, but I can't see it. I'm trying to pass additional data to the server with getJSON, but it's not working. Here's my function: $(document).ready(function() { $('#submit_uid').click(function() { $.getJSON('pwreset_proc.asp',{check_type: 'verify_uid', uid: $ ('#uid').val(), ajax: 'true'}, function(json){ alert(json); }); }); }); Here's the form, with the button referenced in the click function: <form method="post" name="enter_uid">
[jQuery] jQuery Form Plugin Problem: IE7 gives Object doesn't support property or method
Greetings, I'm using jQuery 1.3.2 and jQuery Form Plugin 2.25. My code: $('#msre_file').change(function(){ el = $(this); target = el.next(); $('#entryform').ajaxSubmit({ url: '<?php echo $cp_url; ?>&ms_rel_file=upload', type: 'post', iframe: true, success: function(response) { el.attr('value', ''); target.append('<div class="msre_tmp_upload" style="display:none;">'+response+'</div>'); target.children('.msre_tmp_upload').fadeIn();
[jQuery] jQuery 1.3.2 breaks tablesorter zebra, here's a fix
So the new jQuery code for the filter ":visible" breaks the tablesorter's built in Zebra functionality... kind of a hacky fix, but at least it works with a minor change at the end if the tablesorter.js file is the addWidget code for zebra, change $("tr:visible", table.tBodies[0]).each(function(i) { // existing code inside this loop }); to $("tr", table.tBodies[0]).each(function(i) { if ($.css(this, "display") !== "none" && $.css(this, "visibility") !== "hidden") { // existing code inside this loop
[jQuery] innerfade problem
Hello, Trying to use the innerfade script, but it doesn't seem to do anything. The page I'm trying to use it on is: http://bikesonthebricks.com/jquerytest.html I copied the call at the top right from the innerfade site, and the div I'm trying to affect is just a div with a set of images inside it, so I can't see what could go wrong, but it obviously has. Any help would be greatly appreciated, thanks. Here is my call, I've just got it in the head for now: <script type="text/javascript"> $(document).ready(
[jQuery] Finding ID within Ajax response
I have an ajax GET call that returns the HTML of a page on my server. Within that page is a form with a specific ID. I know it is there, I can see it in the response in Firebug, but when I try to get attributes of that ID, it always returns undefined! What have I done wrong here? success: function(html){ $(html).find('#main_form').each(function() { var linking_data = $(this).serialize(); var form_action = $(this).attr('action'); alert(form_action); }); } I have tried to not use each() and that still
[jQuery] Validation plugin remote problem
I'm using CakePHP, jQuery and the validation plugin. I'm having some problems. I'm trying to check if a email is already in use but I can't seem to get it too work. I'm just trying to get a error message to see that it works but I can't seem to get it right. Javascript: $(document).ready(function() { $("#UserIndexForm").validate({ rules: { "data[User][email]": { required: true, email: true, remote: "/" }, "data[User][passwrd]":
[jQuery] data: null in $.ajax() settings object results in no Content-length header (FF3)
Just experienced this in Firefox 3, not sure whether it is desired behavior, but discussed it with a fellow dev and we think it is not. I had an ajax request as follows: var myData = null; $.ajax({ 'url' : 'foo.php', 'data' : myData, 'type' : 'POST', 'dataType' : 'json', 'success' : function(j) { // whatever } }); Client was reporting a 411 HTTP response code on the request -- their proxy was expecting a Content-length header on the request, and wasn't getting one. This also occurred if myData was
[jQuery] Sortable + Resizable + Ajaxify
I'm having this issue I need to solve, using the jQuery plugin Ajaxify alongside with a couple jQuery UI Core functions. Scenario: - 4 parent ULs in a row, where child LI elements are sortables - Ajaxify plugin spawns new LI in corresponding UL by clicking a link above that UL - the LI element that is being created by clicking this link is a separate PHP file. So far so good - that works just fine. Now I want to make it possible to resize these LIs across the four ULs (using a grid), while preventing
[jQuery] Coda Slider and FancyZoom problem
Hey Folks: I'm trying to implement a version of FancyZoom with Coda Slider. What happens is when you click on the fancyzoom link it moves the slider backwards in FF/Opera - works fine in Safari 4. To get the panel to slide backwards you'll need to have it already advanced forward a panel or two - otherwise it will look like nothing happened. Here's my example: http://stacksdesign.com/beta/jquery%20tests/slide%20with%20zoom/combined.html Here's the version of FancyZoom I used: http://github.com/jnunemaker/fancy-zoom/tree/78e83432cf136e94cd61ced97511a2f35ae8bf40/jquery
Next Page