Basic Image Gallery going a bit weird
Hi. Really new to Jquery and trying to run before I can walk but I am nearly there with a really basic image gallery I am trying. The link to the page I'm trying to make is http://www.dunwoodpark.com/fadein2.htm. It should have 5 images in the slideshow. I used the default demo at http://spaceforaname.com/galleryview as the template but the filmstrip at the bottom is going a bit haywire. Eventually I want to stop the automatic slideshow but for now I just need to get the thing working properly. I've
Div populates from Ajax query...then doesn't
Hello, Real jquery nub and javascript as well but at least trying. I have the following code within a js // AJAX request $jQ.ajax({ url: mChatFile, timeout: 10000, type: 'POST', async: false, data: {mode: 'stats'}, dataType: 'html', success: function(html) { // Replace old stats with animation $jQ('#mChatStats').fadeOut('slow', function(){ // overwrite data
[jQuery] IE issues
I'm having problems with my jquery slide show in IE. It works fine in other browsers such as firefox and safari. Basically when the page opens the other elements, background and title are there but the space for the slideshow is just empty, no errors or a blank boxes. I could include my js but page seems pretty extensive. Any Ideas?
Resize element ondrag when reaches container.
I have a standard div that is set to both drag & resize within it's parent. I need to be able to resize the div as it is dragged into it's parent. I only need this to happen when it's dragged vertically to the bottom, so I have it setup like this: $("#draggable").draggable({ drag: function(event, ui) { AtBottom(); }, axis:'y', containment:'parent' }); Then I am calculating the bottom position of both the draggable element and it's container(minus offset), and re-sizing it when it's greater..
[jQuery] Superfish Double Vision Problem
Hello, I'm using the Superfish jQuery module on Joomla for my menu. Great little program, but it creates two submenus for some reason. If you visit http://www.alleytreemedia.com and hover over "services", you'll see what I mean. I've been driving myself mad with the CSS on this and have yet to find an answer. Does anyone have any suggestions?
[jQuery] Having Problems with my tooltip script. any help?
This is a tooltip script that I'm creating for the website i'm making, i'm having some trouble and don't know how to get past the three problems listed below. I've also uploaded the single page with the code and script on it(it's a small script). Any help would be really appreciated, It should be simple, but i'm just stuck. problems with tooltip: Problem One: The X axis is not correctly centered over the trigger. (I think it's measuring it by the width of the smallest div.popme tooltip on the page.
[jQuery] Limiting character input, also displaying input fields contetns
I have a pretty basic set of things I want to do: Capture key press, compare against an allowed list, block keys that are not in that list, replace a space by a dash if entered. As this is happening, I have a span I wanted to be updated with the live values. The username field at https://twitter.com/signup is exactly what I am trying to do, though I have trouble dissecting how they did it. Here is my attempt, which is off by one keypress for some reason. Any help is appreciated. Using 1.3.2 JQ. <script
[jQuery] Proper way to detect webkit-based browsers?
Now that we're switching to feature detection rather than browser detection, how does/should one detect for a webkit browser? Is there a known feature that we can check for that would Identify Safari and Chrome? We're running into some (rather minor) layout issues with some jquery plug-in rendered content in Chrome and Safari and it'd be really easy to just do a 'if a webkit browser, tweak this' type of logic. -Darrel
[jQuery] Page items shifting during load
Hi All, I'm assuming everyone here has noticed that when using various jQuery widgets that after the the page shifts as the animation initialization code executes. Usually this is imperfection is perceived when $ (document).ready fires and the handler that kicks off some widget fires. IE. you have bunch of LI's that are converted to a carousel. My complaint is the shift that this event creates during page load, causing elements to shift and or appear to jump around a bit as the LI is converted to
[jQuery] How to subscribe to only discussions you've created or posted to
This is similar to how forums work. I can't seem to find a way to do this so it's probably not available. Just thought I'd ask anyway. Thanks
[jQuery] Newbie: Cannot get .text() to work with IE7
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40"> <head> <meta http-equiv=Content-Type content="text/html; charset=us-ascii"> <meta name=Generator content="Microsoft Word 12 (filtered medium)"> <style> <!-- /* Font Definitions */ @font-face {font-family:"Cambria Math"; panose-1:2 4 5 3 5 4 6 3 2 4;} @font-face
[jQuery] Anything wrong with this ajax syntax?
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40"> <head> <meta http-equiv=Content-Type content="text/html; charset=us-ascii"> <meta name=Generator content="Microsoft Word 12 (filtered medium)"> <style> <!-- /* Font Definitions */ @font-face {font-family:"Cambria Math"; panose-1:2 4 5 3 5 4 6 3 2 4;} @font-face
[jQuery] .bind problem in IE
Hi. I have 2 functions, and when you click on a div, the first one is called. it modifies an area, and the gives the div another click handler. it works perfect in FF or Chrome, but in IE, it automaticly "clicks the div again", and runs the other function. my script: function editProposal(proposalID) { $(".propTitle-" + proposalID).replaceWith("<input id=txtTitle-" + proposalID + " type=text size=40 value=" + $(".propTitle-" + proposalID).text() + " />"); if ($(".propText-" + proposalID).html() !=
[jQuery] AJAX-queries in Internet Explorer
Hello! I've having troubles in Internet Explorer with AJAX-queries using jQuery. When I change 'option', located in the below code, in FF/Chrome the $.post is sent almost instantly. In IE I need to wait 5-6 seconds otherwise the $.post will not be sent to query.php. Is there any solution to this? I've experienced it in both IE7 and IE8. <script type="text/javascript"> function shopQuery() { var countrycode = $("#shopcountry").val(); if (countrycode !== "") { $.post("query.php", { queryString: ""+countrycode+""
[jQuery] improve/extend the selectors
Hi All I need some help with the following: Suppose I have the following object var obj = new XYZ() ; Now I want to do: $("div", obj).each(function(){.....}) ; Now, of course, jquery will throw an error because it doesn't know what to do with 'obj'. So I want to add/extend jquery, so it knows how to treat 'obj'. Can this be done ? Is there documentation explaining how to do this ? thnx a lot LuCa
[jQuery] Moving, sliding and fading text...
Hello, I'm a newbie to jQuery and wanted to know if the following could be replicated using jQuery instead of Flash? www.cocoonurbanspa.gr - click your language, and you will then see the element I would like to recreate Thanks again, Barton.
[jQuery] Use the validation outside the form.
Hello Everybody, this is my first post here - please forgive me any stupid questions. My idea is to have a fully AJAX based form that will validate the input, then via AJAX post it, and accordingly to the AJAX response display some messages (no full postback). I have no problem with the AJAX itself, the only issue I face is that my 'form' is not actually a <form> - it is a simple <div> with some textboxes (I am using Asp, and using forms is not so easy here, sine you can not have nested forms). Unfortunately
[jQuery] remove() and empy() not work for xml
Hi All, I got stuck in a situation. I have to remove a node from XML using jquery but remove() and empty() is not working. var xmlData = {xml document}; $(xmlData).find({node}).each(function(){ $(this).remove(); or $(this).parent().empty(); }) This work fine for firefox but not work in ie. Can anybody provide me with some workaround so that i'll be able to remove node from XML. Thanks to all for their suggestions in advance.
[jQuery] fadeOut() not working
I've created a script to fade out 2 DIV's and then fade in 2 new DIV's. The script works perfectly in IE, but Chrome and Firefox won't do the fadeout. I know there isn't a problem with my code, because if I replace the fadeout with hide, then the elements are hidden by the browser and everything seems fine. Is there any reason why the fadeout wouldn't work? <script type="text/javascript"> var max_portfolio_sections = 2; var current_section = 0; function hideAllSections() { i = 1; while (i <= max_portfolio_sections)
[jQuery] HI all
I need something similar to what has been done here (http:// www.ted.com/ ) using JS or Jquery. It would be great if u could share your thoughts and experiences with me. Any pointers to solve this issue will be highly appreciated :) Thanks in advance Sunil
[jQuery] [Autocomplete] Detect when autocomplete list is visible
Hello, I'm detecting Enter/Return keyup requests, what's a good way to ignore them when the autocomplete list is visible? I tried using $('.ac_results').css('display'), but that doesn't work reliably (it's always none in the keyup handler). Any ideas appreciated! -- Charles
[jQuery] How can I get current Index?
<TR> <TD>1</TD> <TD>JM-53</TD> <TD>--</TD> <TD>--</TD> <TD>--</TD> <TD><A href="#">ROHs</A></TD></TR> <TR> <TD>2</TD> <TD>JM-54</TD> <TD><A href="#">ROHs</A></TD> <TD>--</TD> <TD>--</TD> <TD><A href="#">ROHs</A></TD></TR> I want the value of "href" in first tag A is equal to "JM-53_5.htm". And the the value of "href" in 2nd tag A is equal to "JM-54_2.htm". The value of "href" in 3rd tag A is equal to "JM-54_5.htm". HOW can I get the current Index of the tag A,and HOW TO get the value of the current
[jQuery] put the value of an xml file in an array
my goal is to put a bunch of SKUs contained in an xml file into an array, but the value is not being set so that it can be used later in the jQuery.get. I have html like this: <select id="select"> <option val="foobar" selected="selected">Foo Bar</option> <option val="bar">Bar</option> <option val="foo">Foo</option> </select> I have an xml file constructed like this: <?xml version="1.0" encoding='ISO-8859-1'?> <sale> <item> <sku>foo123</sku> <name>Foo Bar</name> </item> <item> <sku>bar123</sku> <name>Bar</name>
[jQuery] [jqGrid] Shift+End doesn't works in input field - .filterToolbar()
Hi all, I can't select the text pressing the Shift+End keys and with the mouse double-click or mouse selection in the input field after using filterToolbar(). The problem appear only with IE8, any of you had the same problem and solved? .navButtonAdd("#pager-1",{caption:"Search",title:"Search toolbar", buttonicon :'ui-icon-search', onClickButton:function(){ gP[0].toggleToolbar(); } }); gP.filterToolbar(); PS: The online examples on trirand site works well. -- Massimiliano Marini - http://www.linuxtime.it/massimilianomarini/
[jQuery] Autocomplete plugin - Hide completion list on Enter
Hi, I've just started using the jQuery Autocomplete plugin (http:// docs.jquery.com/Plugins/Autocomplete). I get my completions from a serverside service. Currently I'm using the option selectFirst: false. When I'm using Enter without selecting from the completion list, this submits my form. This is fine, but the displayed completions stay visible after submit. How can I hide displayed completions when hitting Enter without selecting a entry? (As expected, displayed completion list disappear when
memory leaks
Hi Guys, Hopefully I’m posting this in the correct spot. I have a problem with memory leaking out of my JQuery. I have inherited an Ajax function that needs to perpetually listen to a xml page that is being updated for a call centre wallboard. Can someone have a second look across this and let me know if there is anything particularly inefficient that you can see. function call_queue() { //Pre: Function runs onload of DOM, handles XML passed from server, changes state on html page when passed
[jQuery] Auto Slide show with 3 images (a couple of problems) <--> Need Some Assistance
Hi Folks: I have jquery code on my index.html found here: http://joeyworldfamous.com/ I need to modify the code to include the following: 1. only show the slide show once (remove the repeat). 2. auto direct to another page after the slide show completes once. 3. understand how to delay my "enter site" text hyperlink to not appear until the first image appears (why does it appear first before the first image loads?) 4. add a fade function in between each slide show image. 5. force the slide show to
[jQuery] $.getScript()
Is it a known issue that $.getScript() does not work in Chrome, or could I be doing something wrong? I am able to load scripts using this function in any browser, but in order for me to be able to use their contents in Chrome I need to put blocks of code in the callback of $.getScript. While it makes sense that I would not be able to utilize a script's functions outside of its callback, why then does it work in both Firefox and IE? For me using the ol' <script/> works without any issues, but I was
[jQuery] live() help
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META content="text/html; charset=us-ascii" http-equiv=Content-Type> <META name=GENERATOR content="MSHTML 8.00.6001.18813"></HEAD> <BODY> <DIV><FONT size=2 face="Trebuchet MS"><SPAN class=764402522-07092009>I have this on a page that gets loaded into a div but its not working when loaded. I originally had the page load normally in the browser and it worked, only since loading it into the div has it stopped. Not sure if it
[jQuery] Some questions about selector
I have the following source code: ************************************************************************************ <head> <title>Untitled</title> <script type="text/javascript" src="js/jquery-1.3.2.js"></script> <script type="text/javascript"> <!-- $(function () { var $d = $('p > div'); $d.css('border', '1px solid gray'); }); //--> </script> </head> <body> <div> p - div </div> </body> ************************************************************************************
Hide/show and hide click somewhere else
Hi everybody. Glad I found this forum. I need to do this: A div, which shows up if you hit a button and hides away when you hit the mouse-button somewhere else. I can program the show/hide without jquery. but to click somewhere else and then the div hides again. I could not figure out how to do that. next problem is. if javascript is deactivated. the button should link to a different content. Hmm...should have the functionallity like the "sign-in" of twitter-com. Can somebody give me a hint how this
[jQuery] serialScroll ie6/7 problems
Hello, I'm having problems getting the scroll plugins to work properly on ie6/7 - it seems to work fine on all other browsers. The problem is with the second scroll container that is nested within the first. Take a look at my code here - the relevant parts would be a bit long to paste in. www.richardlayte.com Thanks Rich -- View this message in context: http://www.nabble.com/serialScroll-ie6-7-problems-tp25336179s27240p25336179.html Sent from the jQuery General Discussion mailing list archive at
[jQuery] Looking for more efficient code: String Matching
Hi all, I have a site with a drop down select box which I am using as a jump menu. This select box contains a long list of product types (generated via php) and is structured like this books -cat1 -cat2 cards -cat1 -cat2 --subcat1 toys -cat1 --subcat1 ---subsubcat1 Because I don't want to hack around in PHP too much I am using JQuery to style the options in this select box to highlight the top level item and indent the subcategories. The further down the subcategory the more the indent. My current
[jQuery] Loading external text in to a text area?
<table cellspacing="0" cellpadding="0" border="0" ><tr><td valign="top" style="font: inherit;">Hello, I would like to know if I can load a small text from a external source into a textarea. the external source is a php that will write some clean text depending on the vars received. I know load() can do the job for a div but I don't think it will work for a textarea. </td></tr></table>
is it possible to run 2 diffrent jquery plugins?
Hi guys, is it possible to run 2 diffrent jquery plugins at the same time ? because when i do only one jquery plugin runs and the other got stuck
Server Side jQuery
OK, I know about Jaxer & the env.js stunt to fake a DOM for JS outside of the browser. But the question I have is: can I use jQuery on the Server without the above? I don't particularly want to use Jaxer (I don't think it runs on Google App Engine, and other environments I plan to use), and env.js seems to be a bit of a hack and doesn't always work for me, at least on my desktop running Rhino and spidermonkey. Is there a plan for factoring jQuery into two parts, one a core that runs everywhere, and
[jQuery] mootools class to jquery
i haven't had anything to do with jquery so far. as much as i've dug through the forums and docs, it does not support anything similar to mootools class syntax, right? i've made a simple and reusable class in mootools, the i need to re-make in jquery. can anybody helm me with this? in short - it checks an input field for a specifig string and extracts a number out of it and puts it back into the input field. this is used with usb card readers. here's the instantiation (inside another class): new
jQuery Plugin - multiple instances with different options
I'm somewhat new to jQuery and writing jQuery plugins, but I'm trying to find a way to be able to have separate instances of a jQuery plugin with different options specified. So far, the tutorials I've come across can allow multiple instances, but the options don't appear to be independent (or don't mention this outright) So, I put together this little test, which seems to work. Each button sets its corresponding textbox's value to the name of a color without any odd behavior. http://forceflow.50webs.com/timepickerP
[jQuery] Remote Success message
Hi, I'm trying to figure out how to display a Success Message upon remote returning 'true'. Yes, I know this can be done with success: function() {}, however I have multiple fields that I want to use this on, and I want to display more than just a generic message. Let's say I have a Username and Email field, both of which are being validated remotely (via remote), and I want to display a Success message ("Username not in use", "Email not in use", respectively). Is there anyway I can do this? Can
[jQuery] validate - Change the message language
How do I change the language for the messages being displayed ones an error in a form is found? Just as an example, say I have Swedish and English at a site and load validate on both pages. How do I set the language correctly?
Next Page