.slideDown and .fadeIn not working in IE6 & IE7
i'm new to jQuery so i'm sure this is a problem of my own creation. http://mojoe.net/newsite/mojoe.html is the way i want things to look on the slideshow on the right. in IE6 and IE7, the slide doesn't work at all. the slideshow doesn't slide or fade. the portfolio section slides in around the content instead of it all sliding in at once. This is the jQuery $(document).ready(function(){ $("#portfolio").slideDown(1500); $("#clientShot").fadeIn(1500); }); i have #clientShot and #portfolio set
[jQuery] Posting multiple values from a checkbox
I've got checkboxes on my page. When I use the $.post method, it's only transmitting the first value out of my list. Here's my code: $.post("http://localhost/search_engine.php",{ food_type: $("#food_type").val(), foods: $(":checkbox").fieldValue(), }, function(xml) { displayResult(xml); }); the checkboxes look like this: <input type=checkbox id=foods value="apples'>Apples <input type=checkbox id=foods value="Pizza'>Pizza <input type=checkbox
[jQuery] ANNOUNCE: HtmlUnit 2.4 now supports jQuery 1.2.6
Happy New Year everyone! It is a pleasure to announce the new release of the GUI-Less browser, which allows high-level manipulation of web pages, such as filling forms, clicking links, accessing attributes and values of specific elements within the pages, you do not have to create lower-level requests of TCP/IP or HTTP, but just getPage(url), find a hyperlink, click() and you have all the HTML, JavaScript, and Ajax are automatically processed. The most common use of HtmlUnit is test automation of
[jQuery] Superfish menu questions/problem
<html><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; "> I have just started using superfish on our site <a href="http://christianmotorsports.com">http://christianmotorsports.com</a><div>I am not a programmer so getting beyond the basic selection options and pasting in custom css code etc. is not clear to me. I have gone through and edited some existing css code for the general template on the site.</div><div>This is the initial problem that I
[jQuery] Jcaroussel and Hgh slide
Hi thanks for a wonderful piece of work, my problem is i use High slide (http://highslide.com/) all over my site and is well integrated. so is it possible to use Highslide instead of ThickBox?? below is the suggestion by Torstein Hønsi who took some time off to offer this solution below but unfortunately it doesn't work the carousel display vanishes from screen can anyone help me out See below <snippet> First, add the JS and the CSS for the page like in the Highslide download examples. Second, find
[jQuery] Please help me on a .lt method
Hi, everyone I started writing jquery from last week with the help from a very good book Learning Jquery. I met a problem when reading the book, which has the script: <code> $table.find('tbody tr').show() .lt(2) .hide() .end() .gt(5) .end(); </code> Where 2 and 5 are different from the book, but I think it has no effect to the problem. I haven't met a lt or gt method before, I can only write <code> $table.find('tbody tr:lt(2)').hide(); $table.find('tbody tr:gt(5)').hide(); </code> I tried the author's
[jQuery] REFACTOR: contents() with index() or indexOf()
Hi everyone, I'd like to know if there's a way to do this without using a for loop. You can just paste this in Firebug: var $items = $('<items><item>Hello</item><item>world</item>!!<item id="my_item">Goodnight moon!</item></items>'); for(var i=0; i <= $items.children().length; i++){ if ( $items.contents()[i].id == 'my_item' ) console.info(i) } Keep in mind that I need to use contents() to also get the text node ("!!"). I can't seem to use contents().index() properly. Thanks, Nacho
[jQuery] Ajax lists makes the page jump
Yo! Just found this mail group, if I'm in the wrong place just flame on ;) Hm.. tried to post but it never showed up... hope it doesn't end up in "double post" To the business. So I got a page with this structure: <body> <div id="container"> <table id="dalist"> </table> </div> </body> Im just fetching a list of items with xml and inserting them as rows in the table. And the reason I use ajax is that I want some smooth paging to the list. My problem is that if a user change "list page" then
[jQuery] jquery autocomplete plugin
Hi list, I need some help with autocomplete plugin. I have two text field (name and surname) and I need to add to the name field the autocomplete like this: When the user start writing on it, it shows the coincidences and when he select the correct item the surname field most be filled too. For example: HTML tags: <input type="text" id="name" /><br /> <input type="text" id="surname" /><br /> Javascript code: $().ready(function() { $("#name").autocomplete(records, { minChars: 0, width:
[jQuery] Drag and Drop Sortable List and ASP.Net
I have a drag and drop sortable list that uses jQuery and the UI finally works great. The problem I'm having is that the ASP button I'm using POSTs back to the server the items in the original order. How do I get the modified sequence back to the server? Just looking for some general guidance or links to examples that would cover this example. I can post code, but this seems pretty basic. thanks in advance.
[jQuery] Beginner question about toogeling a status
Hi, this is my first post, I hope I do everything right! I have a list of users and for each user I have a little img showing the actual status which is eather - active - in-active - active but no login On click on this little img icon, I want to call a ajax php script which toogles the status. Therefore I need to parse 2 variables to my script, the user's ID and the current status ID. At the moment my link looks like this: <img src="/img/online.gif" alt="" id="{$hersteller_daten[her].her_id}" name="{$hersteller_daten[her].status}"
[jQuery] how to relocate elements without losing data?
I've had to write a big workaround to a problem I'm having. I've been creating an application which involves me extracting DOM elements and inserting them back elsewhere in the page. I have to remove() them first before inserting them elsewhere because otherwise the browser (Firefox in my case) complains about trying to insert an element that's already a part of the DOM. I then call insertBefore() (or similar) to complete the relocation operation. So in essence, I'm not really removing the element,
Really Bare-bones Jquery?
Wondering if anyone knows a way to get just the bare-bones of jquery. Basically the version I'm using is around 55kb, but I'm only using 4 basic functions, fadein, fadeout, show, and hide.. It just seems a waste to be loading the full 55kb jquery library when I am only using probably 1/100th of it. Anyone have any ideas? For reference here is the only code I'm using (substitute show/hide for the ie version): var $j = jQuery.noConflict(); $j(document).ready(function() { $j(".shadow-cover").mouseover(function()
[jQuery] closures and for loop question, NS_ERROR_XPC_BAD_CONVERT_JS
JQuery users, I'm receiving the following error: Error: [Exception... "Could not convert JavaScript argument arg 0 [nsIDOMViewCSS.getComputedStyle]" nsresult: "0x80570009 (NS_ERROR_XPC_BAD_CONVERT_JS)" location: "JS frame :: http://REMOVED.net/jquery-1.2.6.min.js :: anonymous :: line 22" data: no] Source File: http://REMOVED.net/jquery-1.2.6.min.js Line: 22 When I run this code: $(function () { var imgs = $("div").filter(".fc_Picture"); var parentDiv; for(i=0; i<imgs.length; i++) { var img = new
trigger link AFTER slide has finished
I'm building a website wich has a menu that slides in from the top. What I'm trying to achieve is dat when a visitor clicks a menuitem (a href) the menupanel slides back up and the visitor will be redirected to the chosen page AFTER the menupanel has finished sliding up. So basicly what I need is to disable/pause the mousclick, get the value of the href, slide the panel back up and redirect to the new page. Sliding the panel back up is no problem using the slideToggle. I'm using 1000mseconds in order
[jQuery] Ajax lists makes the page jump
Yo! Just found this mail group, if I'm in the wrong place just flame on ;) To the business. So I got a page with this structure: <body> <div id="container"> <table id="dalist"> </table> </div> </body> Im just fetching a list of items with xml and inserting them as rows in the table. And the reason I use ajax is that I want some smooth paging to the list. My problem is that if a user change "list page" then the browser window will jump up as I delete all rows in the table (the page gets shorter).
[jQuery] Generated id seems not to trigger click event
Hi. I'm using CGIDEV2 with AJAX, JQuery, and JSON to page through search results (showing 100 at a time). For the paging, I have a beginning arrow, page left arrow, page right arrow, and an end arrow. When I am on the first page of results, the beginning and page left arrows have an id of "beginningDeactivated" and "pageLeftDeactivated" respectively. Once the page right arrow is clicked and thus taken to the second page, I use .attr to change the ids to "beginning" and "pageLeft". Then, I have the
[jQuery] pausing jquery
I have the following code and want to basically write something out, let it sit for a while, and then write something else out...how do I do the pause/wait? Thanks! myURL="getSearchResults.php"; $.getJSON(myURL, function(data) { for (var i=0; i < data.length; i++) $("#searchResults").html(data[i]); //I want to pause here.... });
[jQuery] getting the id of a clicked object
I have a bunch of anchors that look like this: ############ < a href="" class="clicker" id="click_1">click here</a> < a href="" class="clicker" id="click_2">click here</a> < a href="" class="clicker" id="click_3">click here</a> ############# The my jquery code looks like this: ############# $("a[class=clicker]").click(function() { do_something(id); }) ############# do_something() needs the id of the button clicked. So if I clicked on the second anchor, I need "click_2" to be passed to do_something().
[jQuery] Coda Slider
Hello jQuery Community I have a question about the Coda Slider. How can I create more than one Slider on one Webpage? The first works. But the second is just "loading". Does someone have an idea. I would thank you for an answer. Simon
[jQuery] TableSorter Pagination -- Breaks when wrapped in table [example]
I have a working version of the jQuery TableSorter but when I wrap the div in a table, the pagination stops working. This appears to be a CSS issue when the table is wrapped? Here is the broken pagination, with it wrapped in a table (try to click the next page button, its broke!): http://www.psylicyde.com/_old/pagination-bug/index-broke.html Here is the same example as above, but not wrapped in a table and its working fine: http://www.psylicyde.com/_old/pagination-bug/index-working.html Here is the
[jQuery] Masked Input Plugin 1.2.1 Released
There is now a new version of my Masked Input Plugin ( http://digitalbush.com/projects/masked-input-plugin/ ) for jQuery. Version 1.2.1 moves one step closer to my bigger picture for the plugin. I had to make a few breaking changes to do so, but I feel that the end result is worth it. This release adds a lot more polish to the 1.2 release. Here's what we've got. * BREAKING CHANGE: Removed deprecated $.mask.addPlaceholder method. Use the "$.mask.definitions['']="";" syntax instead. I said I was going
[jQuery] .load quircky
Hi, Please consider the code below: $(document).ready(function(){ $("div#display").load("display.php"); }); $(document).ready(function(){ $("a.test").livequery("click",function(event){ var id = $(this).attr('id').substr(1); $("div#status").html('<img name="wait" src="wait.jpg" />'); $("div#status").load("delete.php?id=" + id); $("div#display").load("display.php"); return false; }); }); display.php is loaded with the document and injected into the dom (the first time the page is loaded, that is).
[jQuery] plugin jquery.validate added function tooltips sample
sample http://www.aemundo.com.br/jquer/validate/demo.html
[jQuery] Cycle plugin messing with hidden list
I am using the cycle plugin to swap entire pages for my navigation. On one page, I have a unordered list that is supposed to be "display:none" by default. Then when a link on the page is click, it shows slowly. However, for some reason the cycle plugin seems to be showing it by default and overriding my "display:none". Anyone know how I can fix this?<div> Thanks</div><div>Mike</div>
[jQuery] selector question: how many ul above $(this) ?
hello mates, i have a multiple level dropdown menu, the markup is an unordered list of the likes: <ul> <li><a href="#">me</a> <ul><li><a href="#">me</a></li> <li><a href="#">me</a> <ul><li><a href="#">me</a></li> <li><a href="#">me</a></li> <li><a href="#">me</a></li> </ul> </li> <li><a href="#">me</a></li> </ul></li> <li><a href="#">me</a> <ul><li><a href="#">me</a></li> <li><a href="#">me</a> <ul><li><a href="#">me</a></li> <li><a href="#">me</a></li> <li><a href="#">me</a></li> </ul> </li> <li><a
[jQuery] Selector Logic
Hey guys, Sorry for a real basic question but I just cant work this out.. I have the following structure based on a jqGrid output.. <div id="div_1"> <div> <table> <tbody> <tr> <td class='headerLeft'><IMG /></td><th>TEXT</th> <td class='headerButton'><IMG /></td> <td class='headerRight'><IMG /></td> </tr> </tbody> </table> </div> </div> based on that structure how do access the <IMG> that belongs to the td with class headerButton? Been scratching my head for 2 hours now :(
[jQuery] jquery.corners.js --- how to use with IE?
Anyone using jquery.corners.js? I'm using it to create some rounded tabbed navigation. It works wonderfully in Firefox. However, I can't grasp how to accommodate the workarounds it uses for IE. It adds markup above the object to create the rounded corners, but doesn't seem to adjust the padding of the nested elements to make up for it. Any tips? -D
[jQuery] jquery validation plugin and hidden elements
Hi, I have been using a prototype form validation http://tetlaw.id.au/view/javascript/really-easy-field-validation but I now wish to go to jquery. I can get it working but there is something i can't get to work and it was the best feature of the prototype script mentione above. I would like the validation script to exclude from the process any hidden form field. I set the validation rules as metatags with class="required" the following works but still requires to validate hidden fields $("#commentForm").validate();
[jQuery] Autocomplete with Multiple Chained Textareas
Hi gurus! I'm using Jorn's autocomplete plugin with multiple textareas - but each one not chained to the other. I've read Jorn's autocomplete plugin page ( http://bassistance.de/jquery-plugins/jquery-plugin-validation/ ), this forum, and searched web, but can't find a way to chain multiple textareas with his plugin. It's not an original idea, but I can't find any demos or code. Most examples I find use drop down boxes not textareas that drop down autocomplete suggestions like I need, and I don't
[jQuery] problem with jquery-ajax
Hi, I am using the zend framework and using the JQuery - $.getJSON for this. I am sending a request but I am not getting a response.I tried an example that somebody has given in this forum - that works..only my url does not work..I am pasting the code here. For the action - public function freepaidverAction(){ $data = 'name : hello world'; echo $_GET['jsoncallback'] . '(' . $data . ');'; } In the js file - $.getJSON("http://sys8/ShareThePage/freepaidver? modName=ShareThePage&userName="+userId_STP,
[jQuery] Content of Tab Is Not Displayed on Firefox 3.0.5 But Displayed on IE 6 After It Is Loaded Without Error
I am currently using jQuery UI 1.6r2 Tab. The tab is built correctly. The content of a tab is dynamic. When I open the tab in Firefox 3.0.5, the tab title shows 'loading...' and after a few seconds; it changes back to the tab title. And nothing appears in the tab. The tab remains empty. But if I load the same tab in IE 6, I can see the content properly. In Firefox and without using the tab, I can open and view the data that I am trying to feed to the tab without any problem. I think the content is
[jQuery] Problem with reloading AJAX content (Flowplayer) in jqModal window
Hi, I'm a relative newcomer to jQuery (and Javascript in general), and I'm having a problem with content loaded via AJAX that I gather is related to event delegation/rebinding. I'm using jqModal to populate a modal window with html content via AJAX. The content contains both text and a Flowplayer instance (open source .flv player). The first time I open the modal window, both the text and the Flowplayer movie load properly via AJAX. But each subsequent time I open the modal window, only the text
[jQuery] display:none not working in IE
Hi, css({'display':'none'}) is not working in IE. I am trying this in loop, for perticular condition i need to display none for this case, so i tried with this $(this).css({'display':'none'}); but its working fine Mozilla but not in IE Please do needful.
accordion-effect - help me!
hi jquery-workers i am a really beginner in programming and understanding jquery. my problem is probably easy to fix. look at my code and follow my statements: jQuery.fn.extend({ haccordion: function(params){ var jQ = jQuery; var params = jQ.extend({ speed: 550, headerclass: "navigation", headerclass2: "imp", contentclass: "content", contentwidth: 337 },params); return this.each(function(){ jQ("."+params.headerclass,this).mouseover(function(){
[jQuery] Issues with innerfade & IE
Hello all, I am trying JQuery for the first time and am having some issues in IE with the innerfade plugin. The innerfade functionality works great in Firefox, but when you look at the page in IE (6 or 7, doesn't matter), the first image loads without showing the rest. Before posting the URL, I will say that this was supposed to be a quick & dirty project for a client with basically no budget (as in, I don't even expect a hundred bucks out of it). The less time spent, the better, and you'll see that
getting the id of a clicked object
I have a bunch of anchors that look like this: < a href="" class="clicker" id="click_1">click here</a> < a href="" class="clicker" id="click_2">click here</a> < a href="" class="clicker" id="click_3">click here</a> The my jquery code looks like this: $("a[class=clicker]").click(function() { do_something(id); }) do_something() needs the id of the button clicked. So if I clicked on the second anchor, I need "click_2" to be passed to do_something().
[jQuery] load() callback only performs once every two click
Strange... i'm loading html inside a div, and have this callback: $('#datascape').show().load('index.php?splash=labau',{}, function(html, result) { $('#datascape').css({background: 'red'}); }); yet, the callback performs only once out of 2 triggering calls. Firebug does log each call correctly so it seems it's a rendering issue, yet it happens in FF3, IE7 and chrome. Does this weirdness sound familiar to you, or any idea what's going wrong? Thanks, Alexandre
[jQuery] define and invoke class inside $(document).ready
Is that a correct way to create class utilizing jQuery? var myClass = null; $(document).ready(function(){ function MyClass(){ this.imagesHolder = null; } MyClass.prototype.init = function (){ this.imagesHolder = jQuery("#imgs"); } myClass = new MyClass(); });
[jQuery] Plugin that highlights divs
Hi, I've seen a Jquery plugin before that triggers an event which pulsates or highlights a div of your choice. I've also seen the plugin "scroll" the page to the correct div. Does anybody know what this plugin is called? I'd really like to use it... I've been searching the plugins directory for a while, but can't seem to find it! Thanks
Next Page