infinite loop in IE7...
hey guys, i got a problem with my Jquery script. Would appriciate it if you could help me out . I add a Jquery carousel, but it'll cause a infinite loop in IE7... works great in Firefox thought.. I made a lil code that if you klick on the main menu a div slides out with included text in it. So the div where the Jcarousel is in. This is the code from my index page: <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link href="css.css" rel="stylesheet" type="text/css" />
[jQuery] When document scroll add html only once
On this page, http://www.webrichtlijnen.nl/, when scrolling down you see that there will be added to arrows that are used to get back to the top off the page. I looked at the script and thought this could be made with jQuery a lot easier. At the moment I have this: jQuery(function($) { $(document).scroll(function() { $('<div id="scroll_top"><a href="top" class="scroll_top_left">Naar boven</a><a href="top" class="scroll_top_right">Naar boven</a></div>') .appendTo('#canvas');
[jQuery] Flexigrid and data format
Hello Paulo , Can you say why you use the row data formate [id:value, cell: [col1,col2,col3]] instead of [{name:value},{name:value},{name:value}]? Does anyone one have a way to get Felxigrid to with this format: [{name:value},{name:value},{name:value}] ?
[jQuery] Validation Problem
Hi All, I'm just new to jQuery and I would like to ask for your help with my validation code. My problem in the code below is that it's not validating the intended field. What I want to do here is to validate if a user entered a unique name. // a custom method for validating the Group Name $.validator.addMethod("unique", function() { $.ajax({ type: "POST", dataType: "json", url: "contents/company_group_validate_name.asp", data: "name="+$("#GroupName").val()+"&id=<%=lCompanyGroupID%>&m=<
[jQuery] Innerfade +UI 1.5 problem
In would like to use some of the UI effects in my Innerfade Plugin I did as below ... but how could I manually Edit the Innerfade Plugin to add an Effect to it... I've checked it with slideLeft effect please help me on this <head> <script type="text/JavaScript" src="jquery.js"></script> <script type="text/JavaScript" src="effects.core.js"></script> <script type="text/JavaScript" src="effects.slide.js"></script> <script type="text/JavaScript" src="innerfade.js"></script> </head> <body> <div id="slideRight">
[jQuery] jQuery.each() or element event triggers?
Dear list, I'm not really into the code of the jQuery core so I'm not sure of how jQuery.each() works, but I'm wondering: since jQuery.each() loops through every element that matches the given selector is my logics right that is it better performance wise to use static element event trigger instead of using the each() method on all the elements? An example for the simple-minded: $('div').each(function(){$(this).click(function(){alert('You clicked me: ' + <a href="http://this.id">this.id</a> + '!')})})
[jQuery] Elements not having a class
How can I get DIV elements not having a class ("test-class") inside a main DIV#Main? I am trying var count = 0; $("#Main > div").each(function(){ if(!($(this).hasClass(".test-class"))) { count += 1; } }); alert(count); But this is not the correct way I think. How can I do it?
[jQuery] Draggable and Fadeto
Hello, i want to use two functions but i have a little problem with them. I have a div with hover event. When mouse in or out , i use the fadeto() function. When i drag the div, i use the draggable function. The problem is when i drag the div, the function fadeto run (in and out, ............) $("#navigation").hover(function () { $(this).fadeTo("slow", 1.0); },function(){ $(this).fadeTo("slow", 0.6); }); $("#navigation").draggable(); i just want this : fadeto("slow",1.0) when mouse in fadeto("slow",1.0)
[jQuery] Problems in IE6 when masking domain..
Hello everyone, I'm new here, and I also new in jQuery :) I have an appearance page problem.. Firstly, if you visit this link, the appearence of the page is ok, whether you open it in Firefox or IE (6 and 7). http://www.asianbrain.com/index.php?aff_code=563232 But, the problem is when you visit the following link using IE6 (just IE6, as far as I know) : http://www.belajarbersamaahira.com The page look awful, displaying stack of pages (i don't know what exactly word is). That url is a masking domain
[jQuery] Unbinding event for specific element after binding for entire document
Dear Folks, I have a problem where I bind a click function to the entire document, but then want to unbind it for a specific element in this case a textarea, so that, clicks inside the textarea do not trigger the bound function. Could using namespaces solve the problem. Moreover is namespace functionality available in jQuery 1.2.1 I have provided a simplified framework the jQuery code I am using to to do this below: entire_document.bind('click', function(e) { jQuery('#textareaid').unbind('click');
[jQuery] Showing/Hiding Table Rows if One of Several Checkboxes is Checked?
I have a table in which each row contains 8 <td> cells. 7 of the <td> cells contain a checkbox, for things like "Breakfast", "Lunch", "Dinner", etc. The page has a dropdown menu that lets the user specify that he wants to see only the items for which the "Breakfast", or "Lunch", or "Dinner", etc. checkbox is checked. So let's say the user selects the "Breakfast" checkbox from the dropdown menu. How could I hide all the rows in which the "Breakfast" checkbox is not checked? Here's sample HTML and
[jQuery] Question: select/option to open a new webpage, howto?
Hi, folks: I am trying to use select/option to open a new window and whenever I click an item from the selection dropdown list... for example, the following sample: <select name="test"> <option value="/link/to/v1">value-1</option> <option value="/link/to/v2">value-2</option> <option value="/link/to/v3">value-3</option> <option value="/link/to/v4">value-4</option> </select> when I select value-3, a new window will be opened, and the content is pointed to "http://mysite.com/link/to/v3". just like <a
[jQuery] jQuery + jCarousel data loading
I am looking at the jCarousel dynamic examples and I'm a bit confused. I'd like to load the carousel with a feed of Flickr photographs, without having to use a server-side file. Is there a way I can use $.getJSON directly? Thanks
[jQuery] anti IE6
Made this quick alert box for IE6: http://tudorizer.wordpress.com/2008/06/08/anti-ie6/ For those preistoric guys who want to make developers go crazy debugging IE6.
[jQuery] jQuery help with form
I am a designer and I am looking to make a very basic form. I have been reading tutorials all day and have yet been able to find something that will get me what I desire (all of them seem to be overly complicated for what I am trying to do). Below is the example of the form I am trying to build. At this point all I need is for a user to input their information and when they click the submit button, it displays that input information in the div next to it. If some one can give me some guidance, it
[jQuery] jQuery help with form
I am a designer and I am looking to make a very basic form. I have been reading tutorials all day and have yet been able to find something that will get me what I desire (all of them seem to be overly complicated for what I am trying to do). Below is the example of the form I am trying to build. At this point all I need is for a user to input their information and when they click the submit button, it displays that input information in the div next to it. If some one can give me some guidance, it
[jQuery] $.map flattens results
Hi. I've recently been surprised with $.map. I've found that it flattens the result so I can't return an array in the callback. For example, on this code: $.map([1, 2, 3], function(n) { return [n, 'xxx']; }); I get: [1, "xxx", 2, "xxx", 3, "xxx"] Instead of what I expected: [[1, "xxx"], [2, "xxx"], [3, "xxx"]] Looking on the source code is obvious that this is made on purpose, and there are workarounds, but I was curious on why this is happening. Marc.
[jQuery] autocomplete plugin search help
im a total noob to jquery but i wat to search feature like on facebook ive found a plugin that says it does this but cant figure out how to get it to work please help start off as in the demo shown it is : [code] <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <link rel="stylesheet" href="http://dev.jquery.com/view/trunk/ plugins/autocomplete/demo/main.css" type="text/css"
[jQuery] Customized iFrame scrollbars
Hello all, I'm a jQuery noob who is wondering if there is anyway to customize scrollbars on an iFrame with jQuery. Can one use jScrollPane for this purpose? Thanks in advance for the info. --- K
[jQuery] load pre-rendered html
hi i want to have a set of pre-rendered html loaded into a div dynamically.. the .load() function gets it from a remote url. is it possible to load from a javascript variable/ that is pre-rendered in to the current html somehow? thanks
[jQuery] children().text problem on IE
I have a line of jQuery that works fine for FF and Opera, but fails in IE with the error 'Unexpected call to method or property access' The specific line it chokes on is (similar to) this: $('#Layer-3').children().text( 'some text' ); The exact line is line 93 of this page: http://psd2cssonline.com/tutorials/tooltips/index.html It's strange because IE will allow me to do other things (css(...) for example) over the children selector, just not text(...) or html(...). What am I missing? Thanks. --
[jQuery] highlight and fade a row
I want to highlight some rows with a background color, then fade back to original background color after 10 seconds. I've seen various solutions (using the jquery.color.js plugin), but the issue I'm stumbling on is that the rows in the table could have various background colors or no background color (transparent) depending on other factors (row striping, other event-based highlighting). By default, they're transparent. How do I determine the original background color setting, and return it to that?
[jQuery] DOM traversal -- need both parent node and siblings
Hello everyone, I'm currently in a bit of a bind. I have a checkbox that's within a table cell. I want it so when the input is clicked, the parent table cell AND its siblings change their classes. I can get to the parent element, but how would I attach this functionality to its siblings? Right now, I have: $(document.forms["Grid"].elements["grid[]"]).toggle(function() { $(this).parent().addClass("active"); }, function() { $(this).parent().addClass("inactive"); }); (I'm not using toggleClass because
context menu woes
I am trying to figure out how to use this plugin: http://abeautifulsite.net/notebook.php?article=68 so that my intranet app only shows the context menu for textual input. I don't want the context menu to be displayed when users right click anywhere else on the page. Can anyone shed some light as to his to achieve this please?
[jQuery] ajax delay to triggering callback
Hi, I think a cool feature for the jquery ajax functions would be to specify a delay in milliseconds. So that when the ajax response is received, jquery checks this timer and waits before triggering the callback. Why? Because with ajax it is very common for people to use "Loading..." messages or animated gifs. In the event that the ajax response is really fast, this can lead to the messages flickering in and out on the website / UI. I believe that it can be annoying to the user to see messages appearing
[jQuery] Autocomplete behavior
<div>I just figured out autocomplete today and I'm almost there.... Right now I have a form that has a text field; the autocomplete function is supposed to talk to a URL that would return results even if "q" is contained as a substring in the middle of a value. I figure as I type more into my text field the value of "q" passed to the URL would grow and the client form would receive ever more specific resultsets.</div> <div> </div> <div>I have a sample value that starts off with "bd54861e..." The
[jQuery] innerfade uses the UI 1.5 with Jq 1.2.6 problem
In would like to use some of the UI effects in my Innerfade Plugin I did as below ... but how could I manually Edit the Innerfade Plugin to add an Effect to it... I've checked it with slideLeft effect please help me on this <head> <script type="text/JavaScript" src="jquery.js"></script> <script type="text/JavaScript" src="effects.core.js"></script> <script type="text/JavaScript" src="effects.slide.js"></script> <script type="text/JavaScript" src="innerfade.js"></script> </head> <body> <div id="slideRight">
[jQuery] jScrollPane - White space at bottom of scrolling div
I am using jScrollPane to have a scrollable calendar. It is made up of list items, and the height of each list item depends on how long the name of the calendar event is, so I cannot define a height for each list item. This seems to cause a problem for jScrollPane, and it leaves a large amount of white space at the bottom of my scrolling div, which makes it look bad. Giving the list items a specific height removes this problem. This is strange, because some of the examples on the jScrollPane site
[jQuery] validate works in firefox 3, but not in IE 7
hi, i have a simple form with validation that works really well in firefox3 / 2 but not in IE7. this is the html, how to debug or find what is wrong?? thanks <!doctype html public "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title> title </title> <script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.2.6.pack.js"></script> <script type="text/javascript" src="/static/jquery.validate.pack.js"></script> <script type="text/javascript">
[jQuery] datepicker setDate
hi, how do i correctly choose a default date using the datepicker. i am using v3.4.3. datepicker/ i can get the date picker working with the default date of today like this $('#date').datepicker(); where date is an input text field with id date. but if i do this $('#date').datepicker("setDate", new Date ( "January 6, 1972" )); the date picker does not work when i click on the input field, and it does not pop-up. what is the correct way of doing this? I tried to use the debugger;, like Michael Geary
[jQuery] Advice on link usage (functions, livequery?)
Hi, I'm not very good with javascript, but here goes! Title might be somewhat weird... I'm building a map like thing and need some advice on how the links to cities - mainly how to navigate the map - should be. I'm currently just assigning the "link" via an ID like this; <a id="berlin" class="move" href="#">To Berlin</a> This is inside an ajax loaded area, som I'm also using livequery to make this work; $('#map a.move').livequery('click', function(event) { var whatarea = this.id; $.ajax({
[jQuery] Expanding/collapsing tails of lists
I'm probably going about this all wrong. So I'm hopeful that sharper minds than mine can set me straight. I have a bunch of bulleted lists on a page. I want them to be displayed initially so that only the first two items of any list with more than two items are shown, with the remainder being replaced by a clickable link that will expand (and subsequently collapse) the remainder of that list. Here's what I have: CSS: <style type="text/css"> li.more { cursor:pointer;display:none;list-style-type:none;
[jQuery] Is $(this) the first child?
Hello, I've just started using JQuery, and had a quick question that I don't seem to be able to answer by reading the 1.2 API documentation. I have a DOM snippet like: <ul> <li>something</li> <li>another thing</li> <li>a third</li> <li>a final thing</li> </ul> And on mouseover, using the $("li").mouseover event, I am adding a class to the li using $(this).addClass(...). However, I don't want to add the class if the li under the mouse is the first li in the ul... The predicate: if( $(this).prev()
[jQuery] Weird Firefox error related to switching to jQuery
I'm busily switching all my page templates from Prototype to jQuery. I'm getting the following error I never saw before (seen via Firebug) on a page that has been entirely changed over to jQuery, with prototype all gone and no longer included/loaded. [Exception... "Component is not available" nsresult: "0x80040111 (NS_ERROR_NOT_AVAILABLE)" location: "JS frame :: file:///H:/Program%20Files/Mozilla%20Firefox/components/nsSessionStore.js :: sss_saveState :: line 1753" data: no] [Break on this error]
[jQuery] Finding the next element
I have more table row: <tr> <td><div class="clickhere">click</div></td> </tr> <tr> // I need to get this <td>1</td> <td>2</td> <td>3</td> </tr> <tr> <td>4</td> <td>5</td> <td>6</td> </tr> I set a click event listener on div inside td (first table row). The other table rows don't act as an event listener. I need to obtain the second table row after click. What I need to do ? Thanks
newbie in need of help!!
Hi. I am trying to put together an image gallery. The gallery has three thumbs and a main image. http://synsthsoundz.com/impwood/index.html (still looks crap on IE) The images are in sets of 3 so i need next and previous buttons to navigate through these different sets. This is the first time i have used jquery and i really dont know where to start. One approach i could try would involve stacking divs on top of each other and changing the z-index to reveal the different sets. However, i feel this
[jQuery] jCarousel :: "no width/height set..." error on window resize
Hello, jCarousel 0.2.3, jQuery 1.2.6, FF 2.0.0.14 / IE6.0 (xpsp2) Error message box appears on browser window resize or internal area resize (for ex. FireBug panel show/hide). jCarousel css has following strings to prevent error, but it seems not works .jcarousel-item { float: left; list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */ width: 75px; height: 100px; } What should be changed to fix this?
[jQuery] [Tooltip] Display relative to element
It looks lie the tooltip plugin will display relative to the mouse, but is there a way to have it displayed relative to the element that you hover over and set x-y coordinates from it. For example, I would like to always display the tooltip with x coordinate of 15 and y- coordinate of -15 relative to a link. Thanks for your help
Simple Autocomplete Problem
Hi I'm new to jquery and this forum i desperately need help with implementing http://docs.jquery.com/Plugins/Autocomp ... eplacement i have tried every possible code configuration i can think of to get this to work but it just does not want to work for me, i know you guys can figure this out. Thanks in advance
[jQuery] treeview async - callback on completion? (or some other way to do temporary "loading..." text)
I'm using the async version of the treeview plugin to deal with a rather large tree. When the user first loads it there's nothing there, and quite a delay before the main set of branches loads, and i'd like to have some 'loading...' text there. How can i get the treeview to signal when it's finished loading the json, so i can remove the text? Is there a simpler way to have some "loading..." text displayed so that it will disappear when the tree loads? thanks max
Next Page