[jQuery] Explain this please: (Perfromance, dynamic DOM creation)
So, I had some code that was performing very badly. Specifically tracked it down to the following: var li = $j('\ <li>\ <input type="checkbox" checked="checked" id="ecb-' + shortKey + '" />\ <label for="ecb-' + shortKey + '">\ <span class="left">' + optionKey + '</span>\ <span class="right" id="epr-' + shortKey + '"></span>\ </label>\ </li>\ '); I was doing that, in order to create a new LI element with the appropriate 'stuff' filled in. That I then did some other manipulations to, and returned from
[jQuery] only one $(document).ready() with IE6?
Hi, Newbie here. I have two JS files, common.js and homepage.js. Both have calls to $(document).ready(). Using FF, both $(document).ready() methods execute, but in IE6, only one does. Is this a known problem? Thanks, Stan McFarland
[jQuery] Tiime spent vertical scrolling and moving the mouse
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//DE"><HTML><HEAD><META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=us-ascii"><TITLE>Message</TITLE></HEAD><BODY>Hallo everybody! For web analytics purpose I'm trying to record the time a user spends scrolling on my page and the the time a visitor spent moving the mouse. What is the easiest way to get this data? Thanks for your help bye - stephan -- <!-- AdSpace freenet EMO Webmail Banner --> <a href="http://adserver.freenet.de/click.ng/site=fn&prod=chetools&kat=inhalte&tbl=webmail&ppos=14&TransactionID=1226596152224651&rgtg=256"
[jQuery] How to get the element number from a click event
Is there a simple method for determining the element number for a click event? Using this html code: <P>Some Text</P> <P>Some Text</P> <P>Some Text</P> <P>Some Text</P> <P>Some Text</P> Is there a click event that will tell you the element number of which <P> was clicked on starting with 0 as the first one? ie if you clicked on the first element it would tell you "element 0 clicked", if you clicked on the second element it would tell you "element 1 clicked" I figured out a way to do this by assigning
[jQuery] [treeview] Don't close subtree when clicking on tree "header"
I'm using treeview in one of my projects. Treeview automatically opens and closes the subtree if you click on an item that contains children. I need the option to allow the user to select an item without closing the subtree. + item 1 <- User clicks here | + item 1.1 | + item 1.2 + item 2 item 1.1 and 1.2 should not disappear. Is there a simple way to achieve that? Any help appreciated. Thanks, Dominik
[jQuery] position of element
I'm trying to get the position of all div-elements with a given class ("point") with this code: $(".point").each( function() { var pos = this.position(); alert(pos.left) } ) This is the error I get on the "var pos..." line: Microsoft JScript runtime error: Object doesn't support this property or method Can anyone tell me what i'm doing wrong?
[jQuery] xslt
Is there a way using jquery to manipulate xsl then reapply the changes to the xml data? i.e., change the xsl:sort select attribute value.
[jQuery] Can you recommend a drag & drop tree-view script?
Hi all, I need a drag & drop treeview script which uses ajax to save its structure to a mysql database. Does it exist and can anyone recommend it? Thanks
[jQuery] how to fade in newly dom created content?
$('#messages').after('<div class="messages">something nice</ div>').fadeIn(5); Umm, should this work? I am basiclaly trying to add elements to the #messages div but fade them in slowly after each addition. Any help is appreciated.
[jQuery] rotate images
Hi, need a little help. I'm rotating some images and need it to loop. So far I have this var rotate = $(".rotate") .animate({opacity: 1.0}, 3000) .animate({marginTop: "-32px"}, "slow") .animate({opacity: 1.0}, 3000) .animate({marginTop: "-64px"}, "slow") .animate({opacity: 1.0}, 3000) .animate({marginTop: "0px"}, 0); which works, but only one time, and I need it to loop. I was think using an if statement to check if the marginTop was set to 0 and if it was to initiate the rotate var but I just don't
[jQuery] Morph between 2 classes
hi! i' m looking after a way to switch an element 's class, and have the transition of style produce a morphing. Example: .class1{ border:1px solid red; width:500px; height:400px; } .class2{ border:2px solid black; width:320px; height:240px; } something like: $('#myEl').morph('class1','class2',speed,callback); I understood somewhere it was available in jquery UI, but is it actually the case? I don't find anything in the doc. Thanks ! Alexandre
[jQuery] Load a div from external website (domain) and stick it on my page
Hi all, I'd want to grab a div from external domain and stick in a div on my site. Is it doable? Won't there be any cross domain issues?
[jQuery] Draggable Modal Window?
Hi, I'm wondering if anyone has stumbled across any code/sites that have a jquery draggable modal window for displaying content... specifically videos (youtube,bliptv,etc). I have written something very basic whereby I have a draggable space with a youtube video within it - but the problem is that the content gets hidden when you drag it, and when it is shown again the enclosed object is re-rendered and the video starts again from scratch. What I'm looking to do is basically have a help video that
[jQuery] Form Submit does not Submit Data but its Callback Function works
Hi List, please take a look, heres my sample code: $(".form-config-content-make-button").click(function() { $("#form-config-content-make").submit(top.$.nyroModalRemove()); }); Right now: The Nyromodal window gets removed but it doesnt fire submit. Greets, Martin
[jQuery] tree view layout without recursive function
Hi, First, sorry my english... :confused: Second: I've been developing a new plug-in. The tree view layout is build over DOM nodes and using css styles. The main difcult about tree views is the recursive function running over all register. I solve this! The jqTreevial plug-in only needs a JSON object builded from result of the follow query: "SELECT id, id_parent, string FROM self-relation-table ORDER BY id_parent ASC" JSON = {"elem":[{"id":"1","string":"food","id_parent":"0"},{"id":"2","string":"fruit","id_parent":"1"},{"id":"3","string":"meat","id_parent":"1"},...]}
Any ideas why my fading tabs are not working in IE???
Hi. I have used jquery to slightly fade out inactive tabs. http://synthsoundz.com/devonwebsitedesign - click on one of the navigation tabs for an example. The problem is that on IE7 the tabs go black when they are clicked and im not sure why this is. On IE6 nothing happens. The i have use is... // JavaScript Document $(document).ready(function(){ $("#tabs a").click(function(){ $("#tabs a").fadeTo(1, 0.5); $(this).fadeTo(1, 1.0); }); }); Could someone perhaps shed some light on the subject??
Can't figure out why click function won't work for lifeimage
I've spent a good bit of time trying to figure this out, so I figure now it's time to go to the forum. I've trying to make "lifeimage" clickable so I can do other stuff with it, but I can't even seem to get the click event to function. Code is below. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"
[jQuery] [Superfish] Third horizontal navigation?
Hello I've try to put a third horizontal navigation with Superfish instead vertical. How I can do that easly? Is that possible? Thx for yoru feedback. Dom -- View this message in context: http://www.nabble.com/-Superfish--Third-horizontal-navigation--tp20457772s27240p20457772.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] [autocomplete] positioning of select box
I decided to repost this question, because my previous post seems to be missing the [autocomplete] tag. I am using the autocomplete plugin successfully but have a little problem with the absolute positioning of the select box. The select box automatically positions to the bottom of the input field. But in my case the borders of the input field is set to invisible, and I have a border image around the input field (which is slightly larger than the original border). The select box appears too high.
[jQuery] [autocomplete] positioning of select box
Hi all, I am new to this message group. I am using the autocomplete plugin successfully but have a little problem with the absolute positioning of the select box. The select box automatically positions to the bottom of the input field. But in my case the borders of the input field is set to invisible, and I have a border image around the input field (which is slightly larger than the original border). The select box appears too high. How can I tell the select box to appear below the image-border?
[jQuery] www.google.com/ig or my.yahoo .com style widgets and/or gadgets?
Is there Jquery plugin or ui component which I can use to create rectangle widgets/gadgets like the ones on www.google.com/ig or my.yahoo.com and place them on a page? Any pointers or links on how to do it ? thanks Ashish
Tokaniz strings in textarea
Hello all, i need any guidelines how to implement the following : - I Have a textarea where the user can enter any expression he needs. - Also have a listbox contains some tokens (token may be 2 or 3 words) - user can select one token and click insert the those two words will be inserted. - as this a textarea and the edit is allowed i need to be able to delete token ( 2 words) if the user click backspace to delete and character of this token ==> remove whole token How can i do so ?
[jQuery] IE tabbing not following tabindex after DOM manipulation
Basically, I have 4 links, <a href="#1">Link 1</a> <a href="#2">Link 2</a> <a href="#3">Link 3</a> <a href="#4">Link 4</a> then I use jQuery to add the tabindex to all of them so they look like something like this, <a href="#1" tabindex="1">Link 1</a> <a href="#2" tabindex="2">Link 2</a> <a href="#3" tabindex="3">Link 3</a> <a href="#4" tabindex="4">Link 4</a> and then I need to move the 3rd one to the top, so I clone the 3rd one and prepend it to the top, and finally I remove the original 3rd link
[jQuery] Cross domain with $.ajax(url : 'http://someWhereElse.aspx')
I've read through a number of posts regarding cross domain issues and the "Access to restricted URI denied (NS_ERROR_DOM_BAD_URI) " exception. I have a $.ajax( url : 'https://somedomain.com/secure/somefile.aspx') call. This works in IE but not in Firefox. In FireFox I get the above exception. In IE I get the desired response back from the *.aspx page. What's the best practice for this remote domain call scenario? ($.getJson(), $.getScript(), etc...)
[jQuery] highlighted current link on accordian menu
Can someone show me how to highlight the accordion menu entry based on the current page that we are in ? As in sort of like an accordion that knows it's current page?
[jQuery] jQuery Tabs: CSS Bug
I am having problems with the gray line that is supposed to appear at the bottom of the tabs. Instead it is appearing at the top of the tabs as shown here: http://www.nabble.com/file/p20471209/tabs-bug.jpg I have a copy of this displaying correctly, when I add it to my site it gets tweaked. Ive DISABLED all CSS except for the jQuery tabs CSS and its still showing like this. Ive also tried to use FireBug to examine the CSS that is used and I cant find the problem. -- View this message in context:
[jQuery] Visual Studio Intellisense Issues
Is anyone else having trouble getting the new VS 2008 intellisense to work? I have downloaded SP1 and the hotfix. I can get it working on the jquery file. However it seems to break on any plugin that uses this syntax: (function($) { ... } )(jQuery); Any thoughts or suggestions would help. This is a great feature that I would love to get working. Thanks, Dave
[jQuery] Jquery in Drupal
Hi Any one please tell me, how to use the jquery in Drupal, <br clear="all"> -- உங்கள் நண்பன் பரணி குமார் Regards B.S.Bharanikumar POST YOUR OPINION <a href="http://bharanikumariyer.hyperphp.com/">http://bharanikumariyer.hyperphp.com/</a>
[jQuery] tree view layout without recursive function
Hi, First, sorry my english... Second: I've been developing a new plug-in. The tree view layout is build over DOM nodes and using css styles. The main difcult about tree views is the recursive function running over all register. I solve this! The jqTreevial plug-in only needs a JSON object builded from result of the follow query: "SELECT id, id_parent, string FROM self-relation-table ORDER BY id_parent ASC" JSON = {"elem":[{"id":"1","string":"food","id_parent":"0"},{"id":"2","string":"fruit","id_parent":"1"},{"id":"3","string":"meat","id_parent":"1"},...]}
[jQuery] Script to keep draggable windows in the main window not working?
I have a script to keep the draggable windows from leaving the main window they are in. When I comment out the code everything else works perfectly. But if I allow this code to be included, not everything loads, the windows won't move, but nothing shows up in error console. jQuery(document).mousemove(function(){ $('.draggableWindow').each(function(){ if(parseInt($(this).css("top")) < 0){ $(this).css("top", "0"); } if(parseInt($(this).css("left"))
[jQuery] How to avoid triggering two patterns that match - from a JavaScript/jQuery lightweight
Hi, I am trying to limit the scope of a click trigger to the first/next matched target. This works fine if I have one container of class .expander.map but as soon as I add another, they both respond (I guessed they would ;) $('.linkify.map').click(function() { $('.expander.map').show(); }); I have tried using $(this) and .next() but likely not correctly... I am _certain_ this is stupidly simple and I am missing the obvious. Grateful if anyone can point me in the right direction. Cheers lots in
[jQuery] Form Plugin Returng JSON into a File For Download
I am returning JSON from the Form Plugin using a file upload and it returns a file with the value in it for download and does not his the success callback. Any reason for this? It only does this when a file is in the file upload.
[jQuery] add a value to text field
Hi all, This is a very junior question that I need help with please ... I use var start_odo = $("#end_odo"+counter).val() to get the value of a text input. What statement would I use to assign the value start_odo to a text input. Thanks guys ...
[jQuery] clean jquery to halt caching
I'm patching up someone's old, and I do mean old code, and they've got this line of code attached to the onload handler of the body tag: onLoad="if ('Navigator' == navigator.appName) document.forms[0].reset ();" This is an edge case for netscape (details below). Is there a more appropriate way one would write such a thing in jQuery? ------------------------------------------------------- Navigator Next Netscape Navigator recognizes a bug when using the Pragma in secure server situations. The site
[jQuery] jquery treeview reload problems / firefox
Hello, i have got a problem with my jquery treeview menu and firefox 3.0.3 I built a static menu that contains 60 folders at the root level. At the second level there are 10 folders that have 1 - 15 child nodes The menu looks like SECTION |-Table | |-Add Table | |-Table1 | |-Table2 | |-Procedure | |-Add Proc | |-Proc1 | |-Proc2 If i load the page the first time, the menu is rendered in about 1.5 seconds and everything works fine but if reload the menu it takes up to 20 seconds till the menu shows.
[jQuery] Select a tricky image with jQuery.
I have some image on webpage: <img class="imagefield" height="310" width="310" title="" alt="" src="/ sites/default/files/first.gif"/> <img class="imagefield" height="310" width="310" title="" alt="" src="/ sites/default/files/second.gif"/> <img class="imagefield" height="310" width="310" title="" alt="" src="/ sites/default/files/third.gif"/> I need to set an event listener only on the first image. - I think, $('.imagefield') is not a good solution, because set the event listener on all image. Is
[jQuery] pseudo-forms, .data(), oh my
I have been out of the jQuery loop recently, and have little exposure with the new data functions in jQuery. My situation is, I am refactoring an application (using jQuery, of course) which currently makes heavy use of what I can only describe as pseudo-forms; essentially, a page might contain many 'forms', although form tags are rarely used. Instead, the current JS form methods build a query string that is sent via XHR as a GET request. This is partly due to the fact that we use many HTML elements
[jQuery] Tabs not working in IE, fine in FF
I have set up a tabbed section for different parts of my portfolio. It works great in Firefox, no problems, but when I try it in IE 7 it doesn't work at all. I'm a noob when it comes to JavaScript/jQuery (trying to learn though). Any ideas as to why would be appreciated. Check this out to see what I've got: http://413creativemedia.com/tab.html. Thanks in advance for the help.
[jQuery] TableSorter not correctly sorting GridViews
Hello, I have a GridView, and applied to this GridView is the TableSorter jQuery Plug-in. As mentions it does not seem to be sorting correctly! Especially in the case of number where it sometimes using the first number to sort. Thus 70 is considered higher than 100! I am not sure what's causing this so any ideas would be helpful :). Some elements of the set up: The GridView's data is done programatically in code-behind Tablesorter is across 3 gridviews using a css selector for each. But I tried applying
[jQuery] .load not loading script text
I am loading a .aspx page into a div that has three user controls on it that contains javascript and a javascript include. This is being stripped out when injected into the page. Any reason why?
Next Page