[jQuery] jquery-based typing test?
Hi All, I'm about to put together a js-based typing test and am wondering if anyone might know of a plugin or code drop that might give me a head start? Basic process: 1. user sees an image of a block of text 2. clicks a button to start a timer 3. types into a textarea 4. textarea becomes disabled when timer runs out 5. some calcs are performed (words per minute, accuracy) and available via js (for setting into hidden form fields) Thanks, Jack
[jQuery] show JSP using dialog plugin
Hi, I want to show JSP as a dialog using dialog plugin. I dont prefer to keep <div> elements in the page and show the dialog because user can see all hidden divs using View Source. Can I pass URL in dialog() and show the JSP as a modal window using JQuery? Thanks, Bhavin
[jQuery] show/hide opacity gets stuck sometimes
I'm working on a page where once you hover over a small photo, a bigger photo should appear underneath it with a small text. The box holding the photo does appear, and once you slowly move towards another photo it works fine. But once you quickly move from the top left to the top right, it get a bit weird. Sometimes the box with the big photo disappears completely or it get stuck with the opacity not set to full visibility. And in IE7 there's another thing going on, the moment you place your mouse
Slide thumbnails using left and right arrows
Hi, I'm trying to make a thumbnail slider that has a left and right arrow for sliding in a new set of thumbnails. I'm new to jQuery and javascript so I may be missing something obvious, but I can't figure out what's wrong with my code. When I click on the arrows, nothing happens. I might be in over my head, because I have no idea where to start fixing the problem. I would appreciate any and all help, please! Thank you. Here's the jQuery: $(function arrows() { var clusterSize = $(".thumb_cluster").length;
[jQuery] Columnize Plugin + ToggleSlide = problems in IE
I'm working on a page that uses the Columnize plugin to organize a set of divs into two columns. The behavior that I want (and which works in FF & Safari) is this: when the page loads, all .speakers divs are hidden except for one (specified by script). Clicking on an H3 toggles the visibility of the next .speakers div and hides the one that is open. In IE 7 & 6, this only works if I turn delete this line: jQuery('.columns').columnize({ columns: 2 }); To be more specific: clicking on the first H3
[jQuery] Columnize Plugin + ToggleSlide = problems in IE
I'm working on a page that uses the Columnize plugin to organize a set of divs into two columns. The behavior that I want (and which works in FF & Safari) is this: when the page loads, all .speakers divs are hidden except for one (specified by script). Clicking on an H3 toggles the visibility of the next .speakers div and hides the one that is open. In IE 7 & 6, this only works if I turn delete this line: jQuery('.columns').columnize({ columns: 2 }); To be more specific: clicking on the first H3
[jQuery] DOM not updating after .load
I'm trying to load new contnet using the .load function in JQuery which works fine but the new content isn't being update with some javascript which should re-render the HTML into an image (sparklines) $(document).ready(function(){ $('.new_pie').click(function() { $('#orange').load('newcontent.html') return false; }); }); Here is a link to the problem URL: http://seanlandry.com/sparklines/ Some user groups have suggested using LiveQuery, which I've loaded into the directory as well. But for the life
[jQuery] Ajax request in loop
Hi, I try get some results from ajax using while loop, but it doesn't work in IE7 and Safari. Here's example code: function get_results(foo){ return $.ajax({ type: "GET", url: "some_url.php/"+foo, dataType: "json" }).responseText; }; ... ... var result = 0; var i = 0; while(result==0 && i<=49){ result = get_results(i); i++; } ... Although it works fine in Firefox and Opera (in firebug I can see every single request), but in IE and Safari not. Those browsers
[jQuery] jQuery.get filtered JavaScript Tag
When using jQuery.get to fetch remote contents, the content inside the <script> tag will be removed and therefore not executed. Is it possible to incluce the script tag and run it automcatically when using jQuery.get ? Thanks.
[jQuery] Odd behavior with 'this'?
Here's some behavior I've run into that is not quite what I expected. So the question is, should I expect something different or is this a bug / gotcha? I'm working on a plugin for manipulating tables (the ones that are published do not suit my needs). So I have the following inside my plugin: $.fn.myplugin = function(opts) { do_something(this); $(this).children('thead th:last').click(function() { do_something_else(this); }; }; function do_something_else(obj) { my_clicked = $(obj).parents('thead');
[jQuery] Functions and variables
I'm sure this is dealt with somewhere in the jQuery tutorials but I have not been able to find it. I'm new to jQuery and used to working with functions and variables so that I can create reusable code and not have to hard code every event that could happen. This is pretty much basic programming. For Example, function action(id) { //do something..... } Short of using this method of traditionally programming is there a better way of doing this in jQuery?
[jQuery] DOMWindow resizable.
Hallo all. I use DOMWindow (http://swip.codylindley.com/DOMWindowDemo.html) to display some content loaded via ajax call. I have a problem with DOMWindow similare to this http://codylindley.com/thickboxforum/comments.php?DiscussionID=1301&page=1#Item_1 Any idea? The content is not an image, is an html page. Kind regards Massimo
[jQuery] jQuery Star Rating plugin v2.5 displaying values over star images
I've studied the code of the demo pages and I can't see any difference between that and my own (my own implementation is built using the zip download, unmodified!) The stars get created fine, but each one has it's "value" displayed above it - where the same code on the example page does not do this? I'm a bit stumped, can anyone think of what might cause this. Sorry I can't post a URL currently... but hopefully my explanation of whats happening might trigger someones thoughts? Cheers, Rob
[jQuery] Unobtrusively passing data
I'm building a rails app and I've been trying to keep my html as unobtrusive as possible and my application.js as general as possible. Up until now I've been able to build re-usable page components by creating specific layout structure with the occasional custom attribute. Now I'm trying to integrate an autocomplete into my pages and am looking for a clean way to get data to the autocomplete component. Here's what I do... In my view html I create the form element for autocomplete with class='autocompleter'
[jQuery] Updating the DOM after ".load"
I'm trying to load new contnet using the .load function in JQuery which works fine but the new content isn't being update with some javascript which should re-render the HTML into an image (sparklines) $(document).ready(function(){ $('.new_pie').click(function() { $('#orange').load('newcontent.html') return false; }); }); Here is a link to the problem URL: http://seanlandry.com/sparklines/ Some user groups have suggested using LiveQuery, which I've loaded into the directory as well. But for the life
[jQuery] Selector filters using less-than/greater-than operators?
Hello everyone, I'm wondering if there is a way to select element with an attribute filter that uses greater-than, or less-than operators. Something like this: $("element[attribute<=value]"); I don't see anything equivalent in the documentation...if this doesn't exist, are there any simple alternatives (other than looping through elements and checking the values)? Thanks for any suggestions.
[jQuery] Jquery Tabs 2 CSS styles?
Hi, I am using JQuery tabs and I have a problem as I want to sets of tabs on the same page, I need to specify 2 different css styles for the tabs specifically the container width. I read a reply by your to a similar issue in google groups but didnt understand it as im quite new to css and JQuery. Here is my CSS and script for the 1st set which is working .tabs-container { margin-top:0px; margin-left:2px; /* declare background color for container to avoid distorted fonts in IE while fading */ background-color:transparent;
[jQuery] Object Oriented Form Handling
Does anyone know of a way to use class like objects in event handling using jQuery? For Example, <input type='button' value='Button' onclick='Record.show()' /> where .show() is a method of the Record object. This would be really cool to be able to reuse the method name .show() but with different objects verses just coding a huge list of functions that are hard to organize and end up with long names. Thanks
floated sortables don't work right in IE
I've heard of others having this problem before, but I can't seem to find a solution. I have a page of floated div tags that the user can drag and drop in whatever order they want. The problem I'm having is that when the user clicks on the div and begins to drag it, the div shifts down to the bottom of the page, so it is no longer visible. I did not have this problem with scriptaculous, but jQuery is so much faster that I would prefer to use it if I can. I attempted to search the forum, but didn't
date picker and non-valid dates
hey folks my setup of datepicker doesnt seem to update the day drop-down according to the month selection (like when you choose February, it should disable 29, 30 and 31 (according to the year). can someone pls take a look and see if there is anything amiss? thanks! link: http://preview.tinyurl.com/6xgsvu
[jQuery] driving me mad - ajax
Ok I have the following code which retreives and xml file - the code then locates each 'description' node and loads the contents into an array. It then loops through each 'term' in teh xml file and looks for that string withint the specified container. if found the terms is wrapped in a span. All works fine in FF but IE simply cannot parse the xml properly... The code... $.ajax ( { type: "GET", url: "http://localhost/jargonterms.xml", dataType: ($.browser.msie) ? "text" : "xml", success: function(data)
[jQuery] JQuery events + ajax question
Hi, I've got a question I was hoping someone could shed some light on for me. Suppose you have a div like so: <div id="container"> <input type="checkbox" name="check" value="1"> One <br/> <input type="checkbox" name="check" value="2"> Two <br/> <input type="checkbox" name="check" value="3"> Three <br/> </div> 1) Suppose you have bound a 'click' event to every checkbox in the above: $("#container input).click(function() {alert('hi');}); 2) Then, you carte blance replace all the html in the div as
[jQuery] Problem with jQuery: AJAX interface / ajaxForm plugin file upload combo.
Dear Jquery devs, I got a slight but complex problem. and I think I need someone experienced with ajaxForm for it. I use the nifty AJAX interface ( http://www.visionmasterdesigns.com/tutorial-ajax-interface-menu-using-jqueryphp/ ), and i'd like to make my CMS (webshop) in this interface. For this I use Jquery and PHP. Everything so far has worked out quite good. Only 1 slight problem : the $_FILES['fileimage'] variable doesn't seem te get posted. Normal $_POST variables such as $_POST['txtname']
[jQuery] jQuery with prototype - RTFM but still problem
Hello, I read every clue to implement the 2 above libraries. Unfortunately it is still not working. I tried first including prototype then jquery. First jquery then prototype. noConflict() etc. ... Could y'all take a look at http://www.cjd-rz.de and tell me what's wrong? I can't see an error! Help would be appreciated, Stefan
[jQuery] [TUTORIAL] Create an amazing music player using mouse gestures & hotkeys in jQuery
Hi there guys, this time I have finished a BIG (really) tutorial about rich interfaces in websites... here you have an intro: We will create an amazing music player coded in xHTML & jQuery that made use of mouse gestures and hotkeys. You can Click & Drag with mouse to interact with interface’s music player or use directional keys & spacebar instead of mouse. You can see the tutorial over here: http://yensdesign.com/2008/12/create-an-amazing-music-player-using-mouse-gestures-hotkeys-in-jquery/
[jQuery] Zooming and clicking
Hi there, I'm brainstorming about something and was hoping you guys (and girls) could help me... Picture this: - When a visitor moves his/her mouse over a thumb image (say a map), the magnified part of that image appears in another DIV. I can do this with jQZoom.. - Then when the visitor is satisfied with the magnified map he sees, he clicks and the map freezes. Now he/she moves the mousepointer to the magnified map, which is devided into several smaller blocks (grid). By moving over these blocks,
[jQuery] First add new row, ther re-stripe
Hi I have a table, that I re-render after a click, like this. $(document).ready(function() { $('input[name="category"]').click(renderTable); }); Then I remove all existing rows, get new ones, and add the to the table, works fine! // remove old rows $('tbody.tbody_class').children().remove(); // add the new rows $('tbody.tbody_class').html(newTable); Now want to re-stripe the table after the new row are added, how do I do that? any clues? all the best / johannes -- View this message in context:
[jQuery] Equal Columns After DOM
I'm trying to use jquery to keep my columns equal in height. The problem is that when I expand something in my menu in one of those columns, the height doesn't re-adjust. I'm thinking it's because it's only called when document.ready... I don't know the event very well, but is there a way I could call this so when the height adjusts? code: function equalHeight(group) { tallest = 0; group.each(function() { thisHeight = $(this).height(); if(thisHeight > tallest) { tallest
[jQuery] Newbie: Please Help- Ajax Trouble
Hi, I have used the '.load' function to load a HTML page into a division through AJAX. But i noticed that if I insert any other jquery scripts/plugins in the page that is loaded through AJAX, then they are not executed. As an example i loaded a page using Ajax into a div, from a link in that page i wanted to open a lightbox, but instead the content would just open as a usual html page rather than open in a lightbox. Is it possible to include more javascripts in a page loaded thropugh AJAX? Please
[jQuery] Treeview
I've been having some problems implementing a simple treeview. In firefox or chrome the animation renders very quickly, but in IE 7 any expansion or contraction is slow and choppy at best. I've found that the culprit seems to be that the page's background is a 1px wide gradient (gif) that is repeated horizontally. If I take out the background then it renders perfectly in IE. Any help making IE behave better would be much appreciated. Thanks, Nick
How can I load a new form action from a php function?
I am using jQuery ajax to load some page content based on the radio button I click. I have 2 radio buttons for a payment checkout system: O - PayPal O - CreditCard by default the top radio button is selected on server side page load so the form in the background is set to: <form id="payproc" action="http://www.paypal.com/webscr" enctype="multiform/data"> <input type="hidden" name="price" value="10.00"> <input type="submit" id="submit" name="submit" value="Send"> </form> If I choose CreditCard, I
[jQuery] XML find element with special attribute
Hey, this is the code that works perfectly to show all XML Elements: $.ajax({ type: "GET", url: "events.xml", dataType: "xml", success: function(xml) { $(xml).find('event').each(function(){ var name = $(this).attr('name'); $('<option value="'+name+'"></option>').html(name).appendTo ('#select_event'); }); } });
[jQuery] Superfish pre-selected
Then I reload the menu page how I set a menu option to "default selected"(and into nav-bar sub menu item too)?
[jQuery] Superfish
Then I reload the menu page how I set a menu option to "default selected"(and into nav-bar sub menu item too)?
[jQuery] Select option value not working
$("input[name='myselect'] option:selected").val(); is not working. It gives undefined. Can anyone please help.
How to disable pause feature for Easy Slide
I am using the Easy Slider plugin and am trying to disable the pause when moused over feature -- any one know how I could accomplish this? any help is appreciated! thanks!
Pass Variable - Paged Stuff
I want to show 4 stories, together with a "next button". On click, it should load the next 4 stories, and after that the next 4, and so on. I'm simply using: $(document).ready(function(){ $("#nextButtonLink").click(function() { $("#p").load("myphpscript.php?thispage=x"); }); }); myphpscript.php loads the stories from the database and echos them out. (Select * from articles ORDER BY date LIMIT $thispage,4); Now, my problem is, how do I let my php script know which stories
.css() & the "top"/"left" attribute
Hello Folks, I build a website with a draggable div on it. The position (x and y) of the div is written into two input fields. Now i wanted to do, that the browser remembers the position, when the site has got refreshed. So I wrote something like that: function place_box() { //input fields var posy = $('#pos_y').attr("value"); var posx = $('#pos_x').attr("value"); $('.box').css({ top: posy, left: posx }); } But this doesn't work! Also .css("top", posy) doesn't work. All
[jQuery] Very weird and frustrating IE problems
I have encountered a really annoying problem with ie6 and 7: When I append an img like this <img src="relative/path" /> The src is automatically changed to the http:// form It doesnt happen on FF though. Anyone knows why this happens? Regards
Help with theming
I have used the JQuery Theme roller to create myself a theme for the different ui controls but its messed up and doesn't show correctly in either IE7 or FX3. Please tell me whats wrong if you know. Test page: http://www.palliscience.com/analysis/
Next Page