[jQuery] problem with z-index and INPUT objects
Hello again :) I've put together a test page that shows a table grid with INPUT fields in each cell. When you click on a field, it shows a blue tab to the right. Click the tab and it hides the field and shows a green panel. I'm having problems on IE in that the blue tab sits underneath the adjacent INPUT field. On FF and Chrome this is fine and shows on top. Has anyone got any clues with where I've gone wrong? http://www.getdiverted.com/test/test.html Thanks, N
[jQuery] Executing jquery from "jqueried div"
Hello, I have a very general question on how jquery actually works. It seems that when I change content in a div using $.post and .html() I can't use jquery in that info that I just pulled from my external php script. Is this right, or am I doing something wrong? I have a js file that looks like this: $("button").click(function () { alert('test'); $("p").hide("slow"); }); and my php file generates code like this: echo "<tr><td colspan='2'><button>Move</button>"; And that code is inserted into a certain
[jQuery] get form id from button click
Hi To All, How do I get the form id from a button click. I have multiple forms with dynamic id's and want to get the id to pass it back to an ajax form function ie $("#"+form_id) any help much appreciated. Thanks, Lance
[jQuery] Photo Tagging (Notes)
Hi, i was looking all over the web for a really cool picture tagging script in jQuery. The result of the search was, that there aren't any kind of cool solutions of that kind of script like facebook or flickr has. I found very similar script over here http://www.dustyd.net/projects/PhotoNotes but that script is almost 2 1/2 years old (not thats that so bad) and not in jQuery. I found so many people askin' for a script like that, i don't understand why nobody made a port or a complete new script of
[jQuery] jquery styleswitch - flex width independent of skin?
I'm using Kelvin Luck's styleswitch script (http://www.kelvinluck.com/ 2006/05/switch-stylesheets-with-jquery/) - it works as designed. But, what I want to do is essentially have 2 sets of style switches -- with one set I'll change the skin - colors, etc. With the other, I'll switch between flexible width and fixed width. As implemented, clicking on the "flex" css link will disable the "skin" css, and vice versa. How do I get them to work independently, as alternates to the base style? Any help would
[jQuery] Livequery not working with jQuery 1.2.6
I'm trying to use livequery 1.0.1 with jQuery 1.2.6 and am getting the following errors this.setArray is not a function => jquery.js (line 83) jQuery(document)[jQuery.fn.ready ? "ready" : "load"] is not a function => (line 81) jQuery(document).triggerHandler is not a function => (line 2322) Livequery has work fine for me before in jquery 1.2.3.
[jQuery] Can jquery alter nodes of $.ajax()-loaded xml objects?
If I want to change the text of a document node I just do this: $('element').text("new text") But if I do that to a jquery xml object loaded using $.ajax it doesn't seem to actually change the node contents. $('element', loadedXML).text("new text") doesn't seem to change anything. Is that normal? What would be the proper approach for modifying the loaded xml so I could re-submit it back to the server with changes? Thanks!
[jQuery] child window DOM loading issue
I'm trying to pop open a window and (from the parent window) test for the existence of an inline javascript function in that child window. I'm trying to use the Event.ready() function called from the parent window, but it doesn't seem to be working reliably across FF / IE / Safari. Sometimes the child.ready() function fires off before it is in fact ready. I do have several javascript files and a flash object in the popup child window. Would that have any impact?
[jQuery] [tooltip] HTML in the tooltip?
I have a problem where Drupal is outputting HTML that is for the tooltip. Any quotes however are ending the "title" attribute and then just appearing in the page. Is there a way to show html tags in with attributes in the tooltip?
[jQuery] [offtopic] [article] domWrite() lazy loading ads: external code using document.write() - execution AFTER the page has rendered
Friend of mine wrote this article that might be of interest to you: Often there is advertizing code to be implemented in a page, and there are 2 problems one may face: (1) the website hangs due to a lag on the code delivering server (2) you normally cannot lazy load the script since document.write() is used inside the foreign code which only works during rendering of the page. This is a snippet that allows the asynchronous loading and delayed execution of JS code that contains document.write() statements
[jQuery] find expression and removing from the page
So lets say I have this simple HTML structure someonwheres in my document: <ul id="bigul"> <li id="placeholder"> some text </li> </ul> and I want to remove the place holder. I guess I'm trying something like this: $find("#bigul>#placeholder).remove(); Is that some what on the right track?
[jQuery] jquery validation: manually set the form validity state?
I have a form that is split into 3 different tabs. You can only move to the next tab if the part of the form on the current tab is valid. I have 3 separate validator code sections each with their own rules and messages. I attach an onclick handler to the custom button to return ('#myForm').validate().form() and if it returns true to move on to the next tab. However, on the next tab I can click the "next" button and it moves on, even though all the fields should have errors. I assume that maybe the
[jQuery] Need help traversing an unordered list
How do I access just the titles (ie 'Title 1', 'Title 2')? Every method I tried also includes the content. I tired using: not('[li]") & parent() This is an example list structure. I want to be able to get just the<ul id="mylist"> <li> Title 1 <ul> <li>Content 1</li> </ul> </li> <li>Title 2 <ul> <li>Content 2</li> </ul> </li> <li>Title 3 <ul> <li>Content 3</li> </ul> </li> </ul>
[jQuery] DIV width:100px; is different to INPUT width:100px;
hello, What is the best way to work out the real width of an object? I'm toggling the display:inline/none of a DIV and an INPUT field so one or the other is displayed but I've just check ed the visual appearance of the two objects and the DIV is not as wide. This will likely cause my interface to shuffle a little. it's a not a massive issue but is there a way of preventing this? I'm guessing that the INPUT field will also be rendered slightly differently on different browsers so not sure the best
[jQuery] Mutiple slideshows
- http://thisworldover.com/jquerytest/index2.php Hi, i'm working on developing this great script out so that i can have the left side load as normal, but then have the 'previous' and 'next' buttons navigate a slideshow within the slideshow. Fr'instance, a click on "ad1" would load the first image in a series of 3 images that are a slideshow called "ad1". but instead of the images fading, they would scroll (similar to the "Prev/Next" demo on the http://www.malsup.com/jquery/cycle/int2.html page, except
[jQuery] LiveQuery with Tipsy (tooltip) help
Im got a section of my page which updates via ajax pagination. The jQuery tipsy tooltips work on the initial page load, but when I click Page "2" and so on, and the ajax containing div updates with new content the tipsy tooltips do no display. Solution (I thought) was to use the jQuery LiveQuery plugin. However I am unable to get that to work. Im kind of new to jQuery. This is what I have so far: <script type="text/javascript"> $('a[title]') .livequery(function() { $('a[title]').tipsy({fade: true,
[jQuery] validate : help with required code
I have a form field that by default has the value "First". When the user clicks into the field it clears that value, and if they type nothing, when they blur the field it replaces "First". You've all seen this. I want the validate plugin to say this field is required if the value onsubmit is "First". Can't seem to make it work. [code] // validate signup form on keyup and submit $("#contactform").validate({ rules: { name_first: { required: function(element) { return $ ('#name_first').val() != "First";
[jQuery] Collection of Shekar kammula Movies
http://newmegamovies.blogspot.com/
[jQuery] Scrolling inside a div with mousemove
Hello, I'm trying to move from MooTools over the jQuery as it seems to be a much reliable and user friendly framework. However I need to recreate something that I currently have MooTools doing but am having trouble figuring out how it would work. I'm trying to replicate the effect seen in the 'mousemove' example of this MooTools page http://demos111.mootools.net/Scroller. It doesn't need to scroll left and right but it's fine if it does, I'm quite comfortable using JavaScript but just to warn you
[jQuery] Anyway to make flexigrid "liquid" ?
Anyone know a way to make this flexigrid "liquid"? What I mean is, if it is in a browser window, it resizes with the window? It has grab tabs for this, but then you have to resize twice, first the browser, then the grid. http://www.webplicity.net/flexigrid/
[jQuery] [validate] Triggering Validation using a button instead of submit
Hi There, I've been using the validation plug in for a while now and I love it, but I am stuck on something. I am trying to validate a form using: <input type="button" id="submit" name="submit" value="Submit" /> instead of the usual: <input type="submit" id="submit" name="submit" value="Submit" /> I tried using: var validator = $("#sourcing").validate(); $("#submit").click(function() { validator.form(); }); to do the validation but that doesn't do anything at all. Has anyone been able to figure
[jQuery] "Link" in an iFrame changing Parent window elements
I'm currently working on a very interesting interface for a game, in which I use many iFrames. I have a div set up as a link(using $ ('.link').click) in an iFrame and need it to run some jQuery that I have written out that works correctly for the same link set up on the parent page. I'm not sure if there is simple change for the elements in the code to just then include in the iFrame page or possibly a way to link the iFrame link to a function stored on the parrent page. Any help is appreciated.
Problem setting event listeners
I am starting to experiment in jquery and I am having a problem setting listenters. This is the current state of the code /** * @author Charles Russell */ rcc.PlaygroundManager=function(){ showItem = function(){ debugger; $(this).removeClass("collaspe"); $(this).addClass("expanded"); }; return{ init:function(){ debugger; $("#menu li ul").click(function(event){ alert("listener executed") $(this).removeClass("collaspe").addClass("expanded");
[jQuery] How to select a group of similar named objects?
Hello, I'm trying to select all element on page that have a similar ID... Object IDs are: tag_cWeb_TSW_Day01 tag_cWeb_TSW_Day02 tag_cWeb_TSW_Day03 tag_cWeb_TSW_Day04 Is there a wildcard character I can use to reference all of the above but using the keyword: tag_cWeb_TSW_Day* $('#tag_cWeb_TSW_Day*').css('visibility', 'hidden') ... so I can then set 02 to be visible... $('#tag_cWeb_TSW_Day02').css('visibility', 'visible') ... or something? Thanks, Nick
[jQuery] Selectors with :has and with variables
I have read the other threads on this topic, but am still getting nowhere ... I'm trying to make a simple (haha) show-hide menu. The first & last menu items are static - and don't have IDs. I need to select them out, otherwise I get a "g is undefined" error. Problem 1: The initial selection doesn't work $( '#themenu' ).children( 'li:has(id)' ).hover( function() { alert ( 'Got an id!' ); }); What have I done wrong? Problem 2: Getting the relevant var into my toggle statement. This
[jQuery] Help jquery.history!!!
hi everyone i'm using jquery.history to manage history with ajax page i'm using this script <script type="text/javascript" src="http://localhost/js/jquery-1.2.6.pack.js"></script> <script type="text/javascript" src="http://localhost/js/jquery.history.js"></script> <script type="text/javascript"> function pageload(hash) { if(hash) { scrollTo(0,0); ActivateRendering('LargeListControl',hash); } else { $.historyLoad(1); } } $(document).ready(function(){ $.historyInit(pageload); $("a[@rel='history']").click(function(){
[jQuery] add child to <ul> very simple question!
Ok, this probably just needs someone to slap me towards a tutorial, however I couldn't seem to find one! I'm trying to use jquery to add a child to part of an unordered list, so can anyone explain how to make a new sub-child of the id 'test' appear? (see below) SCRIPT: function populateAmounts(){ $('#test').append(document.appendChild("name of new child"); } HTML: <ul> <li><span class="folder">Subfolder 2.1</span> <ul id="folder21"> <li id="test">File 2.1.1</li> <li>File
[jQuery] jQuery Ajax Data url encoding
Hello, Im doing a simple ajax request: $.ajax({ type: 'POST', data: 'action=link&link=' + v, url: getLocation('?switch=link'), dataType: 'json', success: function(json) { showMessage(json.msg, json.status); } }); "v" in data is url like "http://localhost/pub/file? a=0000&g=1746&p=00&s=13"; Server receive POST: array ( 'action' => 'link', 'link' => 'http://localhost/pub/file?a=0000', 'g' => '1746', 'p' => '00', 's' => '13', ) escape(v), encodeURI(v), encodeURIComponent(v) doesn't help. Thanks
[jQuery] traversing with jQuery - complex selector causing brain pain
My nav bar consists of a single UL containing LI elements that each contain a single A. Well, most of them do. Some LI elements contain a further UL as well as the A: these "submenu" UL elements follow the same pattern of containing LI elements that each contain a single A. So far, so simple. Currently, I'm hiding all the submenu UL's on load: $('#navigation li ul').hide(); But what I want is to only hide the submenu UL's that do NOT contain an LI containing an A with a class of "selected". To rephrase:
[jQuery] Superfish Click-Problem
Hi all, I got a little problem with superfish. The links in the sub menu don't work every time. That means if I click on a sub menu link it doesn't work some times and some times it works. I didn't change the superfish.js. But I have another JS-Function that blurs every link on my page. It seems to work if I disable that blur-function. Could it be that the function disrupt the links in the superfish sub menu? Heres the blur-function: function BlurLinks(){ lnks=document.getElementsByTagName('a');
[jQuery] slideDown animation jumps - even without padding set.
I know jquery sometimes has a problem calculating the heights of elements that have padding/margins which can cause jumpy animations when using slideDown. Unfortunately I have now come across the same problem without using margins/padding and I've managed to create a very simple test case which demonstrates that it's happening on even the simplest of unstyled pages. http://83.138.132.232/test.htm Click the heading to make the text slide up and then click it again to make it slide down. You'll see
[jQuery] Understanding JQuery/Javascript.
Hi guys, I need some help with understanding JQuery/Javacript. I am far away form being a Javascript guru so I am not sure I understand why something done this (or other) way. I am looking at tablesorterPager plug-in and it's written following way (function($) { $.extend({ tablesorterPager: new function() { .......blablabla...... } }); // extend plugin scope $.fn.extend({ tablesorterPager: $.tablesorterPager.construct }); })(jQuery); If I were to write
[jQuery] urgent please help; if statement not executing
i'm sorry to double post but i'm at my wits end with this. i once had this code: if ($('li.panel:not(:only-child)')) { var $this = $('li.panel:not(:only-child)').parent().parent(); ($this).append('<ul class="nav-carousel"></ul>'); // build links $('.carousel ol').each(function(i){ var carouselNavDivs = $('ul.nav-carousel'); $(carouselNavDivs[i]).append('<li>previous</li>'); $(this).children().each(function(j){ var linkNum = 0; linkNum = j+1; $(carouselNavDivs[i]).append('<li class="indicator">'+linkNum+'</li>');
[jQuery] Finding id and setting as variable
Hi guys, this should be a quick one I have a div, which has a unqiue id (pulled from the database) so something like this. <div class="msg" id="msg<%#Eval("PrimaryKeyID")%>"> </div> and I'm trying to get the id number from it like this var uid = $(".msg").id.replace('msg', ""); as I'm running a similar function $("span.yes").click(function (event) { event.preventDefault(); var inc = this.id.replace('yes', ""); }); I thought I could just replace the this for a selector but this doesn't work. Can anyone
[jQuery] Select all options on button click
Hi All, I am trying to write a JQuery function which would select all my options in the select control with the click of a button. I am able to do it with the following function: $("#btnAll").click(function() { $("#myselect *").attr("selected","selected"); }); But the problem is my select list box has more than 5000 values and selecting each option with this method takes much time and scrolls the whole select box. Can anyone please help me in optimizing this function so that I can instantly select
[jQuery] jQuery Problem - Animated scrolling for in page links
Hi, I'm fairly new to jQuery and having some problems with getting a plugin to work with Wordpress. What I want to do is create a smooth animated vertical scroll for my in page (#contact and #work) links. I've attempted to use both http://plugins.jquery.com/project/scrollto and http://www.learningjquery.com/2007/10/improved-animated-scrolling-script-for-same-page-links but I can't get either to work. The site in question is http://www.mrleesimpson.co.uk/ and the scripts I'm calling in my header are:
[jQuery] clueTip plugin mouseOutClose with sticky:true problem
The clueTip plugin mouseOutClose option does not work fully if you hav sticky set to on. it only closes the cluetip if you hover over the cluetip itself. It should also close when the mouse moves out of the element that fired the cluetip (but not when the mouse is moving into the cluetip). here are the options I have used: $('a.popupOptions').cluetip({ cluetipClass: 'jtip', arrows: true, dropShadow: true, hoverIntent: false, sticky: true, fx: { open: 'fadeIn', openSpeed: 'fast' }, mouseOutClose:
[jQuery] $(this).next() doesn't work
Hi all. how can i addClass from the clicked element <li><a> to the next <li>? i've tried this $('.first li a').bind('click',function() $(this).next('li').addClass('second'); }); but won't work, the original code : <div class="first> <ul> <li><a href="#"><img/></a></li> <li><a href="#"><img/></a></li> <li><a href="#"><img/></a></li> <li><a href="#"><img/></a></li> </ul> </div> and clicking on the first $('li a') the output code should be : <div class="first> <ul> <li><a href="#"><img/></a></li> <li
[jQuery] R: [jQuery] $(this).next() doesn't work
<table cellspacing="0" cellpadding="0" border="0" ><tr><td valign="top" style="font: inherit;">I forgot to say that i need to use <pre> $('.first li a').bind('click',function() </pre>'couse with the var pathImg = $(this).attr('href'); i get the href of the clicked element. Diego --- <b>Ven 7/11/08, diego <i><diegovalobra@gmail.com></i></b> ha scritto: <blockquote style="border-left: 2px solid rgb(16, 16, 255); margin-left: 5px; padding-left: 5px;">Da: diego <diegovalobra@gmail.com> Oggetto: [jQuery]
[jQuery] Resend teh request when jQuery ajax timeout cause error (s.success is not a function)
Hi all, following is my code section ****************************************** jQuery.ajax({ url : "http://localhost:8080/carrots/hello.jsf", type : "POST", data : "action=initUI", timeout : 2, complete : function(xhr,status) { if(status != 'success'){ jQuery.post("http://localhost:8080/carrots/ hello.jsf", "action=initUI", this ) } }, success : function(data) { alert(data);
Next Page