Disable Mouse Wheel
I've got a div that I don't want the mouse wheel to work in. If the user wants to scroll down the page, I want them to click and drag the scrollbar. I've tried a few things, but none of them seem to work for this purpose. If possible I'd like this to only target webkit browsers (Chrome and Safari). Thanks for your help!
How to resolve overlapping problem when span tags are added dynamically in javascript using jquery
How to resolve overlapping problem when span tags are added dynamically in javascript using jquery
Selecting rows which have a first column that is not empty
Hello. At the moment I am trying to select rows (TRs) which have a first column (TD) that is not empty. (has some text in it) I have tried the following: $(#myTable).find("tbody").find("tr:has(td:first-child:not(:empty))") Now I am only getting one row as a result. (the first which fullfills the reqs) Am I doing something wrong? Or is there a better way of doing that. Thank you very much for your help. Regards
jQuery Accordion Just Not Quite Right
I've managed to cobble together a few decent accordion widgets--based on unordered lists. However, when I tried to graduate to making an accordion with tabular data, things kinda fell apart. I still made it work, but only to a degree. I cannot figure out how to make any open rows close when you click on another row. Can anyone nudge me in the right direction? http://www.technologistsinc.com/careers_STRIPPED.htm
getting a slideshow using background images
hi - i am new to jquery and have the following situation; I have preloaded the images i want to use into an array and want to cycle thru indefinitely each image in the array, and use the each function on the array. The array is var imgs = []; I have a div such as this <div id="mydiv"></div> & with current styling such as this - #mydiv { background-image: url(myimg.jpg); background-repeat: no-repeat; background-position: 20px 20px; } i've tried a few extensions such as http://www.malsup.com/jquery/cycle/
Reverse attribute checked
I have a number of inputs (chk_0, chk_1 ,....) residing each in their own div. When an input is clicked I need to reverse the "checked" value for that particular checkbox input . However I cannot find the right syntax to do that : Creating the inputs $('#mydiv' + i).addClass('labelForStyler') // add class for divs .append ( "<label for='chk_" + i + "'>" + tm_traffOptions[i] + "</label><input id='chk_" + i + "' type='checkbox' value='" + tm_traffOptions[i] +
Obvious jumping of element from original position to new positon after loading of new page
Hi Guys, If you go on my test site: http://www.awais-muzaffar.co.uk/test/index.php You will see a navigation menu at the top, with an animated ball. Every time you click on one of the links in the navigation menu, you will notice that after a new page is loaded there is a sudden jump from the balls original position to it's new position. (Not that obvious in Firefox but very obvious in IE and Safari) My question is how can I resolve this. I assumed that wrapping the code in the $(document).ready
if(isset()) equivalent for jQuery
Hi guys, I'm very new to jQuery but i'd like to be able to code in jQuery too. I am trying to wrap a PHP class output in jQuery , so far I've managed to integration part however there's another problem when it comes to testing the code, the .click(function()) trigger doesnt seem to fit the bill properly. I have to device another way to get jQuery to listen to the PHP output and display it ( kinda like isset) in PHP. anyone has got some idea on achieving that ?
Project: Animatic Builder
Hi All, I have been developing a storyboarding, animatic building web app, Animatic Builder with jQuery and jQuery UI. My primary objective is to be able to edit a story on the go, on a smartphone such as an iPhone, then be able to have the same sequence available on my desktop. I have been working on the project for almost a year now, in between all the other projects, and I'd like some feedback. Just added a new post on my site, whitneykrape.com and the main page is here Animatic Builder. (I hope
Get change event previous value
Hi, when a change event is triggered is there a way to get the previous value before the change?
.click function -
Hi all, here are my intentions. 1) display defaulted 'tertiarynav' for first subnav item and hide rest 2) when a different subnav is clicked, display it's 'tertirary nav' 3) when the selected / active dropdown is clicked, hide it's contents. My problem with following script, when clicking the selected / active dropdown, it slides up and back down again. $(document).ready(function(){ $('ul#sidebar li.subnav ul.childnav:not(:first)').hide(); //select anchors in 'subnav' li,
Using Jquery in Jquery output
Hi everybody, I would like to use Jquery in an Jquery output Something like this: $('#writeroot').html('<a href="#" class="open">Open</a>'); <div id="writeroot"></div> When the output is put intro the div I would like to use jquery again, using this function $('.open').click(function(event){ alert("Hello"); }); This doesn't work, does anybody know how to deal with this?
.ajax() seems to be too slow for key events
Hi guys I have a problem with the jQuery.ajax() function combined with a keyup event (i think key events in general). I'm binding an keyup event to an input field so that on every change the current input is send via the ajax function and receives new data from the server, displaying it in a selectbox. ok, the problem now is, that when I'm typing very fast it seems that the ajax function is too slow for this and shows up old result elements. After triggering the event another time, e.g. via UP,DOWN,..
Inserting DOM - Performance
We use a lot of dom creation/insertion for some pages, and I did a small test case here: $(document).ready(function() { console.time('create list'); var list = $('#mylist'); var contents = ''; for (i = 0; i < 10000; i++) { contents += '<li>Test!</li>'; } list.html(contents); console.timeEnd('create list'); console.time('create list v2'); var list = $('#mylist2'); var contents = ''; for (i = 0; i < 10000; i++) { contents += '<li>Test
IE 8 1.4.2 event binding problem (draggable, resizable, not working)
Hi I am using XINHA editor with IE 8 and jquery 1.4.2 - all works well in all other browsers except IE (1.3.2) works fine in IE (however I'd like to use 1.4.2 because it's a big improvement in speed) example code is: var data_dialog = document.createElement('div'); data_dialog.id='data_dialog'; $(data_dialog).dialog({ autoOpen: false, width: 500, height: 450, resizable:'false', buttons: { "Close": function() { $(this).dialog('close'); } } }); as well as a jstree
Help with radio un-disabling checkboxes with jQuery
I've looked at example codes but for some reason this isn't working. First of all I have a radio button that I assigned a class to it. I am assigning a class because there may be more than one. In addition, there are radio checkboxes that are disabled by default but only clickable once I click that radio button. The initial disabling works in jQuery but making them enabled isnt working. Here is the Javascript code in my header: <script type="text/javascript"> $(function() { $('.smatch').attr('disabled',
Having jquery scroll down a webpage in set steps?
Hello there, I've been using jquery to automatically scroll around on my site. Although I'd like to know if it is possible to have it scroll in a less smooth fashion. Say I'd like it to scroll in steps of 50px. Would there be a way to achieve this by altering one of the easing methods? Help would be much appreciated.
Find next instance of class (not as a sibling)
Hi guys, I have the following style markup: <h2> <span class="status"> UNDER OFFER </span> </h2> <a class="img" href="#"> <img class="mainImg" src="/graphics/mainImg.jpg"/> </a>Basically what I need to do is find the next instace of the class "img" AFTER it finds a class of "status". However i need it to find the next instance in the rest of the html below the "status" class it has found. I have been trying: $(".status").next(".img").append('<img src="/graphics/under_offer.gif"
Conflict Between Files
Using the following in the <head> section: <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script src="scripts/iefix.js" type="text/javascript"></script> <script type="text/javascript" src="scripts/test.js"></script> <script type="text/javascript" src="scripts/jquery.imageScroller.js"></script> <script src="scripts/tools.scrollable-1.0.5.min.js"></script> <script type="text/javascript" src="scripts/mootools.js"></script> <script type="text/javascript" src="scripts/slimbox.js"></script>
Correct way to get/test the value of a selected radio button group?
In validating a form, I need to make a decision based on the result of a radio button group. The radio button group is defined like this: <input name="payment_method" value="visa" type="radio" class="radio payment_method">Visa <input name="payment_method" value="mastercard" type="radio" class="radio payment_method">Mastercard <input name="payment_method" value="cheque-moneyorder" type="radio" class="radio payment_method">Cheque/Money Order I need to return 'True' from the following if the radio button
How do I get an element from a list of hidden elements?
How do I get the elements from a form when these elements are named like each other? I'd like to make a list of values and store it in few hidden elements. It is suppose to work like a list of checkbox whose elements have the same name (and same id), but they are diferent indexed. ex: <form> <input name=title[someindex] id=title[someindex] /> <input name=title[otherindex] id=title[otherindex] /> <input name=title[anotherindex] id=title[anotherindex] /> </form> What should I do to get the values?
JQuery conflicting codes
Hello all, I am very new to JQuery and thought I'd go about teaching myself. I took three different codes I found online and combined them for my site. I used: accordion menu (http://www.i-marco.nl/weblog/jquery-accordion-3/) a sliding menu and coda-slider2.0 (http://www.ndoherty.biz/demos/coda-slider/2.0/#1) The combined menu works great for my main navigation but the slider doesn't quite work. After doing a lot of problem solving, I discovered that the slider does not like my ul "menu" class in
dropbox/select box display depends on another dropbox
My requirement is that whether a dropbox (select box) is displayed depend on another dropbox's state/value. e.g. When the country is US, the state is displayed; when the country is Canada, the province is displayed. i.e. The user choose the country, then the corresponding state or province will be displayed. Is there any sample code or tutorial to do that?
change background image then do call back
$('.collapse').click( function(){ /*THIS*/ $('#loadingSymbol').css('background-image','url("ajax-loader.gif")'); triggerReset(); $('.identRow').each( function(index, value){ $(this).trigger('click'); $(this).trigger('click'); } ); $('.identChildRow').each(
Jquery: Active menu not working ##!!# :-)
Hi, I would appreciate it if someone could help me with this problem, as I have been banging my head on the desk for quite a few hours now. I need to highlight an active menu item, however, I cannot get it to work. Here is my code: Menu (Sample) within a Dreamwaver Template <ul id="navright"> <li><a href="../why_crest.html" title="Why use CREST">Why use CREST</a></li> <li><a href="../support_industry.html" title="Support To Industry">Support To Industry</a></li> </ul> Jquery
menu with mouse follow effect
Hey there, I am trying to do something similar to the menu of this website : http://www.aperto.de/en.html Does anyone know if this is custom made or if I can find the script somewhere? Thanks a lot, b0b.
Adding new Fields to my Form
Hello! I use jquery to add new rows in my table which is encased by a form. I do things like: $('#weekTable tr:last').after("<tr><td><input name='kategorie"+i+"' type='text' value=''></td></tr>"); That works very good but when I post the form the new inputs aren't posted to the server because javascript doesn't chance the source... is there any solution to post also the new added inputs to the server? Thank you and best regards, redliner51
simple slideDown not working
Banging my head against the wall here. I got a very simple script, 3 lines of code and trying to do one of the most basic things in jQuery, slideDown(). Can someone please tell me WTF is going on? <!DOCTYPE html> <html> <head> <style> .coupon_code_wrapper{ float:left; height:25px; border:1px solid #f09; width:250px; } .coupon_code_btn{ margin-right:10px; width:20px; float:left; } .coupon_code{ visibility: hidden; margin-left: 10px; } .coupon_go{ margin:0 8px
Using $.ajax to load a separate webpage and send custom request headers.
I'm trying to access a web application that allows single sign-on when it is passed the following HTTP Request headers: AUTHENTIC: YES AUTHORIZED: YES USER: (user ID from active directory) Here is the code I have so far: $.ajax({ type: "GET", url: 'http://localhost/webappurl/', content: 'text/html', success: function(data) { $('#result').html(data); //alert(data); } }); This script is within a blank webpage on my IIS server. Essentially, all the
How to use a lambda function with variables from outside?
Hello, I've got the following source code: function MyMenu() { menuEntries = [ { name: 'First', action: function() { alert("First"); } } , { name: 'Second', action: function() { alert("Second"); } } , { name: 'Third', action: function() { alert("Third"); } } , ] this.show = function() { $("#myMenu").append("<ul></ul>"); for( i = 0; i < menuEntries.length; i++) { $("#myMenu ul").append('<li
double post submitting with one form
Hi, I'm trying to use an Ajax system to make a double post method submitting. The fact is I want to send the data of the form to a page called Mailing.php (no need to have a response of this page) and in the same time, I want to send the data to another page (external of my website). I've tried to make something like this: function doubleSend() { var url = '/proxy?url=' + encodeURIComponent (my_page_for_the_mailing); var response = false; new Ajax.Request ( url, {
Save selected tab on a cookie?
hi all ! I need to know how to do this, Im reading the documentation and I know I have to get the cookie plugin and set up the variable: <script> $(document).ready(function() { $("#tabs").tabs(); $( ".selector" ).tabs({ cookie: { expires: 30 } }); }); </script> But where do I put where to save the cookie? In the documentation I see: //getter var deselectable = $( ".selector" ).tabs( "option", "deselectable" ); //setter $( ".selector" ).tabs( "option", "deselectable", true ); But I dont
the z-index on click..
hello evrybody, ... i'm new with jquery and i wanted to create an effect but i can't understand where i'm making the mistake... basically from a menu i'd like to pop-out the description of the element of the menu... in a "bubble".. that should appear and disapper with a hover... the problem is that underneath the menu there is adiv with image, and the bubble go under it, even if i dynamically change the z-index.--- Doy uo know how this should work?.. this is the definition of css for the menu and
Using Multiple Images Drop Down
Hello, I have one wide jpeg which i am using xhtml map/coords on as navigation buttons, however i wish to have a dropdown menu for one of the links. Is it possible to have a dropdown of flat images with no additional text and use something like coords on it? I have no idea where to start, i'm not even sure if its possible as ive seen no 100% relevant dropdown jquery tutorials, all seem to use one background image and then use standard text as the links. Any help, suggestions or comments are more
Need help/ideas for html prototyping template plugin
Hi, I am working on a rapid html prototyping framework. This would allow me (as an interaction designer) to create html prototypes fast. I have been looking in templating plugins to help with building the templates or filling them with content. For example {{ lorem_ipsum }} would be replaced with a few paragraphs of random text. This is easy to do with several plugins. However it would be great to be able to add a bit more flexibility by using functions like {{ loremWords(100) }} which would add
Verical progress Bar Done! Need some Finishing Touches!
hi, I have made a vertical progress bar.. Pls find the attachment but can u give me a idea on how to gradually increase the progress instead of it .. Loading at page load.. below is a screenshot
can't select the radio buttons after insert them with IE7.
I develop a component that inserts radio buttons into an div, after this it use the jquery ui buttonset widget on this elements. this works like this example: var container = $('#thediv'); var eopt = document.createElement("input"); eopt.name=options.name; eopt.type='radio'; $.each(data[options.list], function(j, val) { var option = eopt.cloneNode(true); option.value = j; option.text = val; option.id=options.name+(++i); container.append($(option)); container.append( $('<label id="'+option.id+'label"
Is there a better way to do this? Unable to isolate bugs in IE8
I have created a news scroll in Jquery, please could somebody tell me if there is a better way to do what I'm trying to do. I've attached the html file with embedded jquery. I have very little flexibility in regards to the actual HTML as it's based on a Drupal site, however I can alter the CSS/JS as much as I like. Essentially the problem in IE8 seems to be that, if the zoom level is altered, every so often the various news lines seem to jump and overlap each other. This doesn't seem to happen with
stopPropagation not working
I have the following not working: HTML <div id="contacts_box> <div> <input type="checkbox" id="contact_id_7" name="contact[id]" /> <label for="contact_id_7"></label> </div> </div> JS (on DOM ready) $("#contacts_box > div input").live("click", function(event) { event.stopPropagation(); }) Yet the event continues to bubble up the DOM tree. Other actions in the function are working fine. Using return false is not an option, as I need the checkbox to be checked/unchecked normally.
question using jquery selectors
does jquery selectors allow one to find all elements except for one on a page? For example, I want to use the fadeOut method to fade out the entire page except for one element (kind of like the lightbox plugin). Any idea of how to construct this selector? Thanks!
Next Page