[jQuery] Cycle plugin pagerAnchorBuilder and livequery
I have the following $('#fcycle').livequery( function(){ $(this).cycle({ fx: 'fade', timeout: 0, speed: 'slow' , pager: '#qm0', next: '#next', prev: '#prev', pagerAnchorBuilder: function(idx, slide) { // return sel string for existing anchor return '#qm0 li:eq(' + (idx) + ') a'; }; }); }); which all works except for the pagerAnchorBuilder. How can I
[jQuery] Exception errors when using validation rules in 1.3.1
Basically i'm having issues with the validation rules not working in 1.3.1 i read that some of the issues with value="" was fixed but i think it could be back again but i'm not sure. i created some jing videos so you can see it more clearly the exception i'm getting is this in firebug [Exception... "'Syntax error, unrecognized expression: [@for='license']' when calling method: [nsIDOMEventListener::handleEvent]" nsresult: "0x8057001e (NS_ERROR_XPC_JS_THREW_STRING)" location: "<unknown>" data: no]
[jQuery] How to create dom on the fly using jQuery????
Hello all, I am using Symfony with jQuery plugin. The thing is I am getting some data from database in JSON format and I want to use jQuery to display a table using that data on the fly. I was wondering is jQuery the best way to do this? Or will it be an overkill? Should I use simple DOM methods for this task like... divResult = document.getElementById("divName"); table = document.createElement("table"); tr = document.createElement("tr"); td = document.createElement("td"); tr.appendChild(tr); table.appendChild(tr);
[jQuery] OnMouseDown = create draggable, OnMouseUp = create droppable
Hello, I thought I had already create a new topic, but I dont see it at the discussion group. The issue is as follows, I am building a site that contains hundred's of dragg- and droppables. So I decide, that the draggable must be created on the OnMouseDown (already partially working), and the droppable on the OnMouseDown event. Question 1: I have this code for the draggable: function createDrag(id){ $("#"+id).draggable(); } <div id="draggable" onMouseDown="createDrag('draggable');">Drag me</
[jQuery] Jquery navigation menu script
Hi everyone, I'm currently looking for a jquery plug in or if anyone knows a pointer in the right direction on creating a jquery navigation menu. I'm especially after one of those wide fly out menus that is simillar to http://www.ihwy.com/labs/demos/current/jquery-listmenu-plugin.aspx This plug in uses the first letter of the <li> item. to group everything. however i need to group things in a particular order to ensure they are displayed to my users correctly. I only have a few top level categories,
form, unrecognized expression
Hello, I am reading certain jQuery tutorial and i don't know how should I read text area from my form. Here it is my example from tutorial(when key is up it should read how many chars are in the textarea and then pass it into <p id ='countChars'>): $(document).ready( function() { $("form[@name=form1] textarea[@name=content]").keyup( function() { $("#countChars").html($(this).val().length); }); }); My form: <form name="form1" action=""> <textarea name="content"></textarea>
[jQuery] IE and <object>
Hello! If you copy paste the embed-code from a YouTube-Video like this: <object width="425" height="344"><param name="movie" value="http:// www.youtube.com/v/ewnfWoSQz3o&hl=de&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http:// www.youtube.com/v/ewnfWoSQz3o&hl=de&fs=1" type="application/x- shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object> the <object>
[jQuery] jQuery(this + child) ?
Is there a way to do what I describe in topic? For example. jQuery(".class").click(function() { jQuery(this + "a").toggleClass("highlighted"); }); This doesnt work. What im trying to do is to select all the <a> elements within this. Is it possible to achive that somehow?
[jQuery] hide/show function in jquery
Hello, i have a jquery page all set out as a static ajax comments page, what i want to do is edit it by adding a hide/ show button - like the one here: http://www.funnyjunk.com/funny_pictures/1847/Hairy+Bra/ Does anyone know the foreach statement of adding this? I can send over the file if anyone can help me! Best, Ed
[jQuery] new Whitehouse.gov uses jQuery 1.2.9
just wanted to share that with everyone who doesn't follow me on identi.ca
[jQuery] Images in Superfish Menus
I am new to Joomla but have a decent understanding of CSS. I am trying to figure out how to use images in a Superfish menue (even if it's just a background image) but I'm completely lost. I've tried inserting background images into dffierent parts of the CSS, to no avail. I've tried what I thought was an image area in the Joomla backend module window (under "other parameters"), but no dice there either. Please let me know if it is possible or not, and if so, how to go about doing it! Thank you!
Innerfade plugin starting on mouseOver?
I'm trying to to amend the innerfade jquery plugin so that it doesn't begin the fades until mouse over. And I want it to stop on the mouse out so that it only works when the user is mousing over it. Is this an easy tweak or much more difficult than I think it is. Obviously, I'm not much of a programmer with this. Any help would be much appreciated.
[jQuery] jQuery 1.3.2: error in Safari when running a multi-selector query in the context of an element not yet added to DOM
I've stumbled upon a wicked problem, which appears only in 1.3.2 (works ok in 1.3.1, 1.3.0 and 1.2.6), and only in Safari (3.2.2 on Windows) (works ok in FF2/3, IE6/7, Opera). To cut a long story short, here's the test case: http://tmp.ahlers.com/test/safari-132.html My application employs FlexiGrid, so I've isolated the chunk of code to a bare minimum that reproduces the error. var sDiv = document.createElement('div'); sDiv.className = 'sDiv'; $(sDiv).append("<div class='sDiv2'>Quick
[jQuery] Building Columns From A List Of Items
I have a list of names wrapped in tags that are sorted in alphabetical order. I am trying to build 3 even columns out of these. There are 63 items, so each column should have 21 items. I have a script that kind of works, but it is making my items out of order, as it is somehow grouping them in a strange way. var classNames = ['first', 'second', 'third']; $('#artistsColumns p').each(function(i){ var n = Math.floor(i/10) % 3; $(this).addClass(classNames[n]); }); // Now
[jQuery] SIMPLE (newbie) selecting TDs
Hi, I am embarrassed to say I can't find a way to select the third cell in each row of a table and add a class to it. I tried this: $('.vfOptions tr td').eq(2).addClass('status'); and it worked for the first row but not subsequent rows. So I tried this, thinking it was the correct construct perhaps $('.vfOptions tr td').(function() { $(this).eq(2).addClass('status'); }); but it failed to add class to any rows at all. I would be MOST grateful for any clues as to what I am doing
jQuery in frame does not work in Firefox 2?
Hi, I have a page that is loaded in a frame due to some stupid "redirection mechanism" of a hoster that I'm forced to work with. Basically, this is because webspace and domain are located at different hosts. This domain provider adds an index page that looks like this: <html><head> <title></title></head> <!-- Redirection Services ASH01WRED01 H1 --> <frameset rows='100%, *' frameborder=no framespacing=0 border=0> <frame src="http://www.domain.com/mysite" name=mainwindow frameborder=no framespacing=0
[jQuery] [autocomplete] - unautocomplete destructor
Hi - unautocomplete() doesn't seem to be working for me. autocomplete works fine with: $("#<%=txtCustName.ClientID %>").autocomplete("auto_complete.aspx", { da da da ....... A button click on the form indeed executes the following statement. (The .NET ClientID part I'm sure is correct): $("#<%=txtCustName.ClientID %>").unautocomplete(); Am I doing something wrong? Thanks for any help ...
[jQuery] IE not fading correctly
http://teamtalkonline.com/marco/gallery.php bug here Using windows xp and FF3, the fade works as intended to, however in IE 7 and windows xp the fade instead delays then throws the opacity on there at once, rather than a smooth transition. code: if(!$(this).hasClass("active")) { //remove the current active thumbnail $("img.active").stop().fadeTo("slow", .33).removeClass("active"); //show this thumbnail as active
HELP: External link not working in div with slideToggle
Hello I'm quite new to jQuery and have a problem with external links inside a div with slideToggle. jQuery code $(document).ready(function() { $('[class^=toggle-project]').show(); $('[class^=]').click(function() { var $this = $(this); var x = $this.attr("className"); $('.toggle-project-' + x).slideToggle('slow'); return false; }); }); The code includes some form a tutorial i found which lets you slideToggle multiple divs - found here Link code <a href="http://www.jqueryhelp.com" target="_blank">www.jqueryhelp.com</a>
[jQuery] placing cycle plugin at root document level to use on content loaded via AJAX
I want to relocate my cycle plugin call from the file that is loaded via an AJAX call to the parent file. I know I can't just copy, but not sure what I need to do. to illustrate; put $('#fcycle').cycle({ fx: 'fade', timeout: 0, speed: 'slow' , pager: '#qm0', next: '#next', prev: '#prev', pagerAnchorBuilder: function(idx, slide) { // return sel string for existing anchor return '#qm0 li:eq(' + (idx) + ') a'; } }); in my index.html then I
continous change slide problem
Hi, Bit of a newbie on jQuery and stuck on making a slider automatically progress through the slide - uses a next and back but want autoplay. The page has an example of it http://www.oki-ni.com/page/home-test. I have tried changing the the scripts.js & jquery.cycle.js files but then it then wont function at all. My html code is below ... <head> <script src="http://www.google.com/jsapi"></script> <script> // Load jQuery google.load("jquery", "1.2"); </script> <script type="text/javascript" src="http://www.oki-ni.com/content/ebiz/okini/resources/images/jquery.cycle.js"></script>
[jQuery] Best practice for processing JSON quickly
I have some JSON that needs processing, e.g.: items["1"] = '101010111110010101020110111110100010101020101020101010101100110100"; items["2"] = '000010101210101011100101101010000111111001010121010000111110001111"; ... (x 1000) I need to process ~1000 rows so that each 0, 1 or 2 appear as a small coloured dot. (It's a visualization thing). So here's what I have so far, which works: for (i in items) { html += process (items[i]); } function process (item) { var result = '<div>'; for (var g=0;
[jQuery] SuperFish not working
Hi, I am trying to build my FIRST joomla 1.5 site. I am am using rochen hosting (they host joomla.org etc) and i have a template installed from yootheme. I installed my joomla using a fantastico script provided to me by my host. I have had absolutely no issues installing any plugins or themes. Prior to installing the superfish module, the only other extension i have installed is JCE. In other words, this is a pretty clean install. I was shocked to find that a simple feature such as a dropdown menu,
How to check if the call is success or faliure ?
Hi, I am using this simple code to fetch pages...i am just not able to figure out on how to check whether the call was success or faliure so I can show appropirate error if the call failed to load the page: function getpage (pagename, divname) { $(document).ready(function() { $(divname).empty(); $(divname).text("Loading Page Content...<br />(if the page does'nt loads for a long time then there's some error!)"); $(divname).load(pagename);
Problem with jQuery UI droppables
Test page: http://www.simpsoncrazy.com/content/games/jigsaw.html If you drag an image in Opera, it jumps to the bottom of the screen (or off screen). I have a feeling this is a result of my coding in some way because the jQuery UI demo pages don't exhibit this problem. Any ideas why this is happening? EDIT: I fixed that problem by updating to the latest versions of jQuery and jQuery UI.
jQuery clickMenu calls parent list item on click
I'm using the clickMenu plugin for jQuery, from here: http://p.sohei.org/jquery-plugins/clickmenu/ My page is at http://www.freesitesatxdm.co.uk/selectfoods/ I've created a pull down menu, which I'm using as a replacement for a 'select' element. You should be able to select a top level category or a sub-category. The problem is when I click a sub-category, it first registers the click on the sub-category, then it registers a click on the parent. This means the value of the menu is always set to one
[jQuery] How do you handle 2 differents and 1 action?
I have the following piece of code which checks if a user has pressed the Enter key in a text input with id="text_input" and then performs some action: $(document).ready(function() { $("#text_input").keyup(function(e) { // Checks if the Enter key was entered if(e.keyCode == 13) { // perform the action } }); }); I also have a button with id="push_button" that I wish will perform the same action as above when clicked. How can I rewrite the above so that I check for either of those two events and perform
[jQuery] Determine which radio button (if any) is selected on form load.
I have an order edit form that is fed from Coldfusion/SQL that shows a radio list of possible product selections. If the customer is editing an order that has already been submitted, one of the products in the radio list is selected. If it is a new order, none is selected. Upon load, I need to determine which one, if any, is selected so that I can turn manipulate other elements on the page. The div for the radio input list is id = ItemList. This below does not work, it returns "Undefined" in the
[jQuery] converting HTML to XML using jQuery
I have been struggling with trying to do the following... perhaps I am looking at it "too" hard since I have a feeling the solution is right in front of me (i hope). I have something like the following: <div class="map"> <div class="title">Title</div> <div class="group"> Group Name 1 <div class="group">Group Name 1-1</div> </div> <div class="group"> Group Name 2 <div class="group">Group Name 2-1</div> </div> </div> I would like to turn this into XML, like: <map> <title>Title</title> <group>Group
[jQuery] multiple conditions?
I have a div with a textbod inside of it. When both of these lose focus, so the focus is not on either of them, then I want the div to move. How would I write the code that if both of these lose focus, THEN do whatever i want. I just want to know how to have 2 selectors, and when both of them lose focus, then do something. i'm probably missing the obvious... it's been a long day. thanks!
IE7- $.ajax worked on localhost, but on server? Nooooo
I swear, I didn't change a thing when moving my site from my production work station to our server, but then, my IE 7 doesn't execute the $.ajax functions all of a sudden? What the deuce? Something as simple as this: function logOff() { $.ajax({ type: "POST", url: "/logoff.asp", success: function(msg){ alert(msg); } }); } doesn't do aaaanything in IE7, but in all other browsers it works like a charm! Even if I add a cache-buster like math.random() = nothing! I can't imagine it beeing a server issue,
[jQuery] I need a jsonp example
Hi All - I'm fairly new to jQuery, and totally new to jsonp. I would like to see an example of an $.ajax call using jsonp - as of right now, this is what I have tried (based on examples found via Google searches and the text description on the $.ajax page), but nothing fires any of the callbacks: One: function test(){ var jsonObj ={ dataOne: "foo", dataTwo: "foo", }; $.ajax({ type: "GET", url: "https:myurl.com", dataType: "jsonp", data:
[jQuery] Optimize large DOM inserts
I need tips on optimizing a large DOM insert to lessen the "freeze" on the browser. Scenario: I receive a large amount of JSON 'data' through AJAX from a database (sorted the way I want viewed), and loop through them to add to a JS string, and insert that chunk of string into a tbody of a table. Then, I run a plug-in that formats the table (with pagination, etc.). Simplified sample code: var html = ''; $.each(data, function(i, row) { html += '<tr><td>data from json</td></tr>'; }); $("tbody").append(html);
[jQuery] toggle a checkbox???
Hi all, I am new to this forum and hope someone can direct me a little.. I have a checkbox that needs to be checked/unchecked under the following rules.. if any checkboxes with id like "REQ_ACCT_LAB_" are checked, then check it if all of the checkboxes with id like "REQ_ACCT_LAB_" are unchecked, then uncheck it. Is there a better way of doing this? heres my code: if ($("input[name^=REQ_ACCT_LAB_]").is(":checked")) { $("input[name=MY_CHK]").attr("checked","checked"); } else { $("input[name=MY_CHK]").attr("checked","");
[jQuery] Show/Hide Menu
I have a menu that is activated on mouseover a link. The menu is a hidden div which appears. My problem now is how to remove/hide that div when a user move their mouse off of the menu. I have tried adding a mouseout event to the div, but because there are child divs inside that div, any mousing over them hides the parent div as well, which I don't want. I only want it to hide if the mouse is outside the parent div, not anywhere within it. // ----- Show Artists Menu When Link moused over ------
[jQuery] Reordering rows using JQuery
I have an aspx page that looks something like this: <tr id="Row1"> <td>Some label</td> <td>Some complex control</td> </tr> <tr id="Row2"> <td>Some label</td> <td>Some complex control</td> </tr> <tr id="Row3"> <td>Some label</td> <td>Some complex control</td> </tr> As soon as the page is loaded, I would want to reorder these rows based on the user's previously selected order (stored in a database) How would I use JQuery/JS to accomplish this?
[jQuery] [validate] french accents
How, I am trying to validate mails with jquery validate and would like to block french accents , eg à è etc.... how can I implelment this in the email regexp ? Thanks
[jQuery] browser detection for msie 6 7 and 8
What's the best way to detect these three browsers? Here's what I've come up with so far, but there's got to be a cleaner solution... $.browser.msie6 = ($.browser.msie && /MSIE 6\.0/i.test(window.navigator.userAgent) && !/MSIE 7\.0/i.test(window.navigator.userAgent)); if( $.browser.msie6 && !/MSIE 8\.0/i.test (window.navigator.userAgent)) { //IE 6 else if ($.browser.msie && (jQuery.browser.version > 6.9999) && (jQuery.browser.version < 7.9999) ) { //IE 7 } else if ($.browser.msie && (jQuery.browser.version
[jQuery] jQuery UI 1.6rc6 - how to sort tabular data?
I know you can't actually sort tables, it's kinda broken. I can easily sort UL lists, but whenever I try to use float: left and width: XXXem to give set widths to each span, e.g.: <li><span class="id">32</span> <span class="name">Bob Jenkins</span></ li> #list li { clear: left; } #list li span { float: left; background: #ddd; margin: 1px; } #list li span.id { width: 2em; } #list li span.name { width: 12em; } #list li span.desc { width: 12em; } Well, the "float: left" seems
[jQuery] Automatically slide all divs up when one slides down
So I have the following code and it works great. I am just curious how I can adapt it in order to only have 1 answer visible at one time. If once item is clicked, then on click of the other item, the last one automatically slides up. How would one go about doing this? JS: $(document).ready(function(){ $('.qa-list div').each(function(i) { $(this).children('.answer').slideUp(); }); $(".question").click(function(){ var $this = $(this);
Next Page