Navigate form fields like excel?
Is there an easy way to navigate through the fields of a form with the arrow keys in the same way as navigating cells in excel? Thanks
What's the best way to swap content?
Hi, I have a large div with a Google Map and a much smaller div with Google Streetview. I want the user to be able to click a button and make the large div show the street view and the small div show the map. I'm hoping jQuery can be used to make this 'easy' somehow? I just don't know how to approach this .. 1) Resize the divs and change z-order? 2) Swap the id of the divs and somehow trigger a refresh? 3) Swap the html using jquery? Thanks in advance, Jess
Display alert if 2 checkboxes checked
I need to display an alert if you select two checkboxes, this isn't regarding validation, it pops a special message if you select 2 related products. HTML <input type="checkbox" name="News" value="IQBAS" id="IQBAS" /> <input type="checkbox" name="News" value="IQPRE" id="IQPRE" /> jQuery <script type="text/javascript"> $(document).ready(function() { if ($("#IQBAS").is(":checked")) { if ($("#IQPRE").is(":checked")) { alert("FOO");
Hide/Show Sibling Element
Consider the following: <div id="item-1"> <a href="#">The Link</a> <div>The contents shown on hover only</div> </div> I'm positioning elements absolutely. I want the child DIV to show when I hover over the link. Here is how I'm accomplishing this: $("#item-1 a").mouseover(function() {$("#item-1 div").fadeIn('fast');}) $("#item-1 a").mouseout(function() {$("#item-1 div").fadeOut('fast');}) This works wonderfully. But I would really like to make this generic so that I need 2 lines of
Rervising order of divs ?
I totally cannot figure out why this bit of code doesn't work, it surely makes sense <div id="contain"> <div class="item">12</div> <div class="item">23</div> <div class="item">34</div> <div class="item">45</div> <div class="item">56</div> <div class="item">67</div> </div>surely there has to be a pretty simple way to turn that into <div id="contain"> <div class="item">67</div> <div class="item">56</div> <div class="item">45</div> <div class="item">34</div>
Display Alert if 2 checkboxes checked
I need to display an alert if you select two checkboxes, this isn't regarding validation, it pops a special message if you select 2 related products. HTML <input type="checkbox" name="News" value="IQBAS" id="IQBAS" /> <input type="checkbox" name="News" value="IQPRE" id="IQPRE" /> jQuery <script type="text/javascript"> $(document).ready(function() { if ($("#IQBAS").is(":checked")) { if ($("#IQPRE").is(":checked")) { alert("FOO");
Web Service XML Return is turning Tags to HTML Entities
Hello Everyone, I am losing my marbles trying to figure this one out. I am using the ajax method in JQuery to return an XML response from a URL location. The method looks like the following: $.ajax({ url: '../DSMO/lb.asmx/GetAvailableDocListAuth', cache: false, type: 'POST', traditional: false, dataType: 'text/xml; charset=utf-8', data: {'AuthenticationCode' : 'IWontGiveThisInForum'}, success: function (msg, status, xmlHttpReq ){
$.remove() memory leak
Hey guys I've searched the internet for days now and have found a lot of articles and discussions about memory leaks in earlier versions of jQuery but nothing about v1.4.2. I'm facing the following problem: - I'm writing a web app that has a search engine which builds a table with the results. - The table sometimes holds over 1000 results (max tested: 1200). - Building the table (ajax) works perfectly and raises the memory usage in some MBs but everything's normal. - When I delete the table using
JQuery inArray Chrome & Safari Problem
I'm using inArray() to check an XML tag against an array called status[]. If the result != -1, then do one set of instructions, else, the item is 'available' so do another set of instructions. Each entry of my XML document has a <status> tag, which will contain one of 3 values, or a 4th option 'available'. I have an array setup called status['sold', 'pending', 'reduced']. If the <status>.text() is one of these 3 values, then we'll get the array position, if it's 'available' we should get -1. When
Mind-Boggling jQuery Chrome/Safari Scrolling Glitches
The following script is a modified version of the iPod Style menu made by the Filament Group. Their base script also has this issue, but I didn't realize this until deep into the modification of the script. Here's a link to my modified version: http://new.kemperhosting.com/~ashley/matt/source_codes/ipod_style_drilldown_menu/customized/ To recreate the glitch, open this page in either Safari or Chrome. Click one of the menu options and the menu will shift to the right to reveal more options. When
jquery animate script help needed
Hey Guys, I am positioning width and height using jquery animate command. http://204.12.114.206/index.php#Photographers/Jason_Madara/Projects widthSlideshow = ($("#slideshow img").width()); heightSlideshow = ($("#slideshow img").height()); $("#captionContainer").animate({width: widthSlideshow, opacity:1}, 1500); $("#caption").animate({marginTop: heightSlideshow}, 1000, function(){ $("#captionContainer").animate({width: widthSlideshow, opacity:1}, 1500);
jQuery-1.4.2 error in IE
I am using jQuery-1.4.2, with no issues in firefox (linux & windows), but my page does not load in IE (7 or 8, xp or win7). The page does not display, only the body background color, and I recieve the folowing error: Message: Object doesn't support this property or method Line: 118 Char: 78 Code: 0 URI: http://dev.ravenspun.com/lib/jquery-1.4.2.min.js This is with the minified version, same error with the uncompressed, though the line number is 4710/4709, depending on which version of IE.
Designing and developing a blog-style site using jquery
Hello, I've just been asked to design and develop a website that would include text (articles) and some photos. Sometimes these two elements will be coupled but more or less it's Text and then Images. Also a third small section with "Misc". Even though it shouldn't look or work as a blog exactly, we need it to have the capability of "tagging" posts, archiving them and indexing. So, a user should be able to browse and search the site. Still in the process of generating ideas so, the first one that
jQuery and php form with basic pop up notification message when php has made a successful mySQL db update
Hi everyone, I have very basic javascript skills, just started looking into jQuery and jQueryTools to enhance my websites. I have been coding PHP for about 1.5 years. Here's my problem: I have a php form with which users can update their purchase order before making a final confirmation and payment. Thought it would be nice if, instead of using php for redirecting to a success/fail message in a separate php file and redirecting again back to the form with a 3 second delay, I could get a jQuery
Custom Textbox?
Hi, I'm still rather new to jQuery, so I'm not 100% sure how to acomplish this. I'm trying to make a custom text box (note: not an RTE) for syntax highlighting, but I can't quite find out how to do it, exactly. I've looked over all the current jQuery plugins for syntax highlighting, and none of them really have the feature list I need, or they don't highlight the code dynamically (while your typing). So, how exactly would I go about creating this text box? I can (probably) figure out the syntax highlighting
jQuery 1.4.2 $.ajax crashes IE6/7
Hello there! I'm having a really hard time debugging one of our latest reported bugs. The problem occurs "randomly", not on every page load, sometimes I can "click" around for a minute or two before IE6/7 crashes. By crash I mean that the IE-window shuts down and I get the option to send the crash info to Microsoft. In FF, Chrome, Safari, IE8 everything is working perfectly. What the page does is issuing 2 AJAX Jsonp calls and building some menus with the data returned. The data brought back can
Get Parameter from URL
Hey I'am building a little site with jquery. Now I have a Problem. I want that if in the url ?product=anyid is, a function is called. If the url is empty and has no parameter the normal site should appear and run. This is for building a permalink to products and you can open them with http://domain?product=123. Cheers
Making a scrollbar: The draggable button either selects the text, drags the image, or selects all elements on page
I have a scrollbar that I programmed. It is just like a scrollbar in a browser - click on the scroller and while holding the left mouse button you drag the scroller to move the window. These are the issues I am having: - if the target I use to be the scroller draggable target is an image, the image when clicked and dragged will be dragged as if I was trying to pull the image onto my desktop to be copied. - if the target I use to be the scroller draggable target is text within a div, then sometimes
Problem with 'this' keyword inside js file
Hello all, I have a jquery function which loops to all my checkboxes on a grid and check or uncheck them based on the check all box. When this function is on a javascript block inside of the page it works fine. When I move it to a .js file the 'this' keyword is 'undefined'. here is the function $('#<%=AbsentGrid.ClientID %>').find("input:checkbox").each(function() { if (this != chk) { this.checked = chk.checked; } });
Problem with script to slide left a <li> item from a menu and making links cliccable
Hi everybody, what I'm trying to do is to have a vertical menu where one of the list items if triggered (click or mouseover are both fine) moves to the right and then slides down a submenu with other 4 lists items. I got this working while I was just trying this effect alone thanks to this script: <script type="text/javascript" src="jquery-1.4.2.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#gioca").toggle(function(){ //Open
showing description from a carousel, not working when more than 1 carousel on page
Hi I'm having a problem with a carousel i'm trying to set up. the problem is i t doesn't seem to work well when there is more than one carousel on a page. Everytime i hover over an icon the description(which is in a div outside over the main carousel area) is displayed in both carousel, when it should only be displayed in one, how can i change it so that it only shows up in one at a time? I've attached a zip file with all the contents. I'm not great at jQuery so any help would be great!!
Issue with expanding Jquery bar
Hi guys basicly i am using this code below <script type="text/javascript" src="jsfiles/jquery.js"></script> <script type="text/javascript"> $(document).ready(function () { $("ul.menu_body li:even").addClass("alt"); $('img.menu_head').click(function () { $('ul.menu_body').slideToggle('medium'); }); $('ul.menu_body li a').mouseover(function () { $(this).animate({ fontSize: "14px", paddingLeft: "20px" }, 50 ); }); $('ul.menu_body li a').mouseout(function () { $(this).animate({
Strange issue when using filter( function() { } )
Hey Everyone, I am having a strange issue when using a function in .filter(), I've pasted it below: $( "a" ).filter( function() { return $( this ).attr( "href" ).indexOf( "#" ) == 0; } ).live( "click", function( e ) { alert('d'); } ); When running the above, in Chrome I get: Uncaught Syntax error, unrecognized expression: }) Am I missing something here? A little stumped right now. Cheers very much
Slider Issue
This almost works... almost. $(document).ready(function(){ var n = 0; var totalImageWidth = 0; var totalLi = $('#containerBadgeC li').size(); var totalLiScroll = totalLi - 4; for(i=0; i<totalLi; i++) { totalImageWidth += $('#containerBadgeC ul li').eq(i).outerWidth( true ); } $('#containerBadgeC').css('width', totalImageWidth); $('.arrowRight').click(function() { $('#containerBadgeC ul li').eq(n).animate( {width:'hide',marginRight:'0',opacity: 'hide'}, {duration: 600, easing: 'swing', queue:
how to select internal links in a page
hi, i wanted to know how can i select internal links in a webpage like http://mysite.com/blog/ links which refer to something like http://mysite.com/blog/archive and add a particular class to them.
option/select dblclick works in chrome/IE but not safari/firefox
Updated post: http://sky-walker.net/temp/dblclicktest2.htm I've simplified the problem area: $('.statusselect').dblclick(function() { alert("double-clicked"); }); So anyway chrome/IE can detect the double-click within the sub-element (the option/select), safari can sort of detect it (but you need to click 5 times instead of 2) and firefox doesn't detect it at all... (original post) ============================================ http://sky-walker.net/temp/dblclicktest.html In this example,
Navbar with JQuery
Hi everybody, I am trying to make a navbar menu works like that: 1st level --> home company products 2nd level--> subitem1 subitem2 subitem3 1st level --> home company products 2nd level--> subitem1 subitem2 subitem3 For each item in 1st level, shows subitens on 2nd level. When I pass mouse over menu on 1st level, the subitens will be shown and on mouse out, the subitens will disappear on fadeout. I made this on a Asp.Net project: <script type="text/javascript"
My vertical slider "module" is almost done!
Hey guys, I'm working on a project and started with jQuery. It is pretty logical and not way as hard as I thought but ofcourse I run into things that I dont understand.... I'm making a vertical accordion menu, currently I'm like 90% done. You guys can look at it and the code on this site, http://jsbin.com/uduzi/6/edit One of the problems with it is the arrow. If you click an item some text drops down and the arrow also changes to point down (so far so good). But when you click a different item the
jQuery browser - IF Firefox2
Hello everyone! I'm using jquery.corner plugin to make some cool round corners for my website. As I need different corner colors in each corner of my divs I have to make seperate code for Firefox3 / Chrome and seperate code for the rest of the browsers. I already have IE / Opera code but I also need to address Firefox2. How can I use the jquery.browser function to address firefox2? I'm using if (!$.browser.opera) to display the code that should not be seen by Opera. I want to add firefox2 to this
autocomplete/ form
hi dear i have a problem in autocomplete form i have this is my html <div id="searchform"> <form name="searchpage" id="searchpage" method="GET" action="<?php echo views_helper ::draw_form_action('search');?>"> <table width="93%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td class="grey_strip" colspan="2" align="center" valign="middle"><span class="body_bold">Search Users</span></td> </tr> <tr>
Integrating a bezier plug-in into my jquery: variable issue
I'm trying to understand why the following doesn't work, specifically line 10. If I remove that line, all else works. I was told to declare the variables outside of the function but I've done both and it doesn't matter. $(document).ready(function(){ var arc_params = { center: [278,120], //(cooridinates of center of circle) radius: 186, //half the size start: -90, //north is 0, measured clockwise end: 90, //north is 0, measured clockwise dir: -1 //only required if direction
Navigation menu like Reuters.com or GoldmanSachs.com?
How would I use jQuery to create a navigation menu like Reuters.com or GoldmanSachs? Does anyone know of any tutorials to make a navigation menu like this?
Character Encoding Not Being Transmitted by getJSON?
I'm seeking to send this string via getJSON to my app: Academia-Gate — the Nanny State & The Professors: My Brief Email Exchange With The Co-Chair of the “Cry Wolf” Project I have this code immediately prior to the getJSON call: jQuery.ajaxSetup({ scriptCharset: "utf-8" , contentType: "application/json; charset=utf-8"}); Using Firebug, I can see that the text variable containing the above string, does contain it correctly, at the time it is used in my getJSON call. However, using breakpoints, I
My first jquery -- Tabs
Newbee question. I'm converting old javascript to use JQuery. I know their are plugins for this but I'm learning by doing. First Instead of going through the loop, is their something like this? $("div.tabs").className = "tabs"; Second: How do I write this using addClass document.getElementById("tab"+(id)).className = 'tabs current'; Markup <div id="tab1" class="tabs current"> <a onclick="return switch_tabs('1');" href="#">Description</a> </div> <div id="tab2" class="tabs"> <a onclick="return
.mouseover/.hover help!
OK So I got 5 images, 3 are headers and layered using z-index(head, head-templates, head-projects) to be on-top of each other; the other 2 are just images for the mouseover(templates, projects). What I want to happen is when you hover over the image templates I want it to animate head to head-templates and when you put your mouse over projects it animates head to head-projects. When your mouse take your mouse off, so mouseout is used, I want it to animate back to head. The code for my website is
new browser no session merge
I have application A and application B deployed in two different app servers. B is launched in a new browser window when user clicks on a link in A . So application B starts as a popup. the problem I am facing is if I logout in B, automatically A also logouts and vice versa. this may be happening becasue of session merge, when new window is called , i am need help please suggest me is there any way in java script or jquery to open a new browser window without passing the session information
help with an item slider
Hi i want to write a very simple item slider to learn jquery better. i have the cotent from the database looped and presented like so: <div class="items"> <?php $i= 0; while ($item = mysql_fetch_object($results)){?> <div id="item-n" title="<?php echo $i ?>"> <h4><?php echo $item->first_name ?></h4> <p><?php echo $item->email ?></p> <p class="link">
Auto suggest
i tried to use auto suggest combo box using jquery.. i ma using this in ajax tab.. but this is working good in first tab and seems error in second tab.. can any one help me in this
Adding a new list item to the TOP of a UL, and before the last LI
Hey guys, so to get the point, I want to add a list item to the top of a ul, and in another case above the last li. The first one really doesn't have a visual aspect to go with it, just adding a new item, the second can be illustrated as: <ul> <li>a</li> --------------------------> On clicking submit, each new LI will go above the subit list item <li><submit></li> </ul> One of the problems Im running into doing it as below is that if there is no list item in the UL above the submit button, it can't
Zoom + tween on text
Hello, I would like to increase the font size of a text on rollover with a tween. (and lower it on rollout) How can I do that? thank you
Next Page