slideDown problem in Internet Explorer
Dear all, I am having a little problem with this code: $(document).ready(function(){ setTimeout('$("#later").slideDown(500);',1200); setTimeout('$("#later2").fadeIn("slow");',2000); }); The second line is OK. The first line is OK in FireFox, but in Internet Explorer, i notice a sort of very fast flash of the DIV before sliding. It is like the DIV first briefly shows completely, then dissapears again, and only then starts sliding down. All this only takes only 1/10th of a second however.
[jQuery] cluetip - Plugin with .load() not working
Hi Jqueries The cluetip-Plugins works fine, as long as you have content and Script on the same page. But when it comes to use cluetip with the .load()-function, it's not working (no errors whatsoever). index.html-file in demo-folder: [code] $('#inc').load('inc.html', function(){ $('span[@title]').cluetip(); <-- no response alert( 'file loaded!' ); <-- works } ) [/code] inc.html: [code] <span title="This text should show up in cluetip">Mouseover test (title)</span> [/code]
[jQuery] Issues in using getJSON menthod
HI all, I am trying to use the getJSON method to fetch data from a json file on clicking a link.Now i make a div element empty initially and after fetching the content i use $('#midbox').append($(html));.Now the updated contents are visible for a second then it reverts to the original contents of #midbox.Now i am not able to figure it out why this happens.This is my code snippet: <snip> $('ul>li>ul>li>a').click(function(){ var name=$(this).text(); var filename='js/'+ name + '.json'; $.getJSON(filename,function(data){
[jQuery] animation :
animation : childrens like animation : **************************************** http://padmagirl.blogspot.com ****************************************
[jQuery] animation :
animation : childrens like animation : **************************************** http://padmagirl.blogspot.com ****************************************
[jQuery] How to create Terms of Service-type message?
Greetings, I need a way to display a user agreement when someone visits my site, and require them to click I Agree before they can get in. Best would be to set a cookie showing whether or not they've agreed (so they don't get it every time, if they keep cookies). I think I should be looking somehow at form validation, but I'm not sure where to start, nor how to enforce the use of the user agreement on every page... (Maybe a server-side include?) Has anyone implemented such a thing with jquery? Thanks
[jQuery] Announce: jQuery Expander Plugin
Hey everyone, Last week I wrote a blog entry about how to hide a portion of an element's text and display a link that, when clicked on, reveals the hidden portion. http://www.learningjquery.com/2008/01/revealing-details-with-jquery Well, I decided to convert the script into a little plugin called Expander. It's kind of rough, but I'd love some feedback if anyone is interested in taking a look. I'll probably write up another blog entry that shows what I did, but I thought I'd share it with the list
[jQuery] How to make impromptu popup to popup at the top of the window everytime?
All, would appriciate a hint/pointer to do this for jquery impromptu plug-in if it is possible. I am not able to find an option on the plug- in for this. -JQF
[jQuery] a way to convert jquery object to text for dom injection
i need to insert a clone of one dom object i do var hex = $("#d").clone(); $("div").append("text blab bla"+hex+"ok nana"); and it's not working... how do i do this?
[jQuery] Is it possible to collect non-static members in jQuery plugin?
Hi all, I'm looking for a way to collect non-static functions under one plugin name, because the non-static members cannot access the "this" value. This is how I would collect static functions in a plugin: $.myplugin= { branch : { sub1: function(){...}, sub2: function(){...} }, branch2 : { sub1: function(){...} } }; Thus $.myplugin.branch.sub1() works would work. Unfortunately non-statics don't work as well. Here is what I have
[jQuery] Checking whether a jquery function exists
Hi, I'm using the datepicker widget on a site, but there may be pages where the script is not called in the head, where there's no datepicker needed on the page. (To save download time and to reduce execution time) the $(document).ready function will include a $('.invokeBoth').datepicker( ... ); but this will be called on every page on the site - even those where the datepicker script isn't called within the head. How do I check that datepicker is a function? I was thinking if(typeof datepicker=='function'){
[jQuery] jScrollPane not working in IE6, but works in Internet Explorer 7 and Firefox
Here is the site I'm having problems with and I could use something with a fresh set of eyes to help me out: http://www.costabellaliving.com/index.php?option=com_forme&fid=2 This is the code I'm using to initiate scrollbars on pages that need them: // add scrolling code to select pages $("code, #project").append("<code class='jquery'>$ ('div.content').addClass('scroll');</code>"); This looks for a <code> tag and then adds the class "scroll" to div.content // run the code in the markup!
[jQuery] Can you use jQuery within the MS JScript.VSA framework?
I working on a program which reads in scripts, and uses the MS JScript.Vsa classes to execute those scripts. I would like to use jQuery within those scripts, for its powerful XML-parsing capabilities. However, when I include the contents of jquery-1.2.1.js, and attempt to execute it using the Microsoft.JScript.Vsa.VsaEngine, it throws a compilation error. Has anyone worked with this configuration before? I can post details about the error, but wanted to know if there was any more general information
[jQuery] How can I add HTML tag from jQuery?
Hi, Please give me an idea how to do this: I want to add <a></a> to a table cell. For example, If I have the following table; <table> <tr><td class="data">Data1</td><td class="value">Value 1</td></tr> <tr><td class="data">Data2</td><td class="value">Value 2</td></tr> </table> Now I want to add anchor to the "data" class, so that result would look like this: <table> <tr><td class="data"><a href="">Data1</a></td><td class="value">Value 1</td></tr> <tr><td class="data"><a href="">Data2</a></td><td class="value">Value
[jQuery] Delaying animation effects
I'm so close to getting this effect, but I just can't get there! I have an unordered list for a navigation menu, withe li's id'd with titles such as "infrastructure". I'm trying to get an effect where I rollover the li with the id of "infrastructure", and the div with the class "infrastructure" fades in. <ul class="nav"> <li id="infrastructure">Infrastructure</li> <li id="services">Services</ul> <div id="submenu"> <div class="infrastructure"> <div> <ul> <li>Simplification</li> <li>Storage</li>
[jQuery] Mixing vanilla Javascript with jQuery
I have looked on the jQuery website but I just wanted some extra advice from people building plugins. Can I just mix any vanilla javascript in with jQuery? What are the basic rules? I am a newbie to javascript and am currently doing my best to keep up with jQuery at the same time but need a bit of extra advice Thanks all Jon
[jQuery] Circular wrap with dynamic content?
Hi, I've got jCarousel working on a content management system. It seems to have trouble finding the end of the carousel when you double click next/previous or click when its not finished the slide animation. The carousel can be found here: http://www.lime-blue.co.uk/jewellery/engagement-rings One way I'm hoping to get round this is to loop the carousel when it reaches the last item. I've tried the example here: http://sorgalla.com/projects/jcarousel/examples/special_circular.html But that has a fixed
[jQuery] jCarousel: No width/height set for items.
I have implemented jCarousel dynamically loading images with AJAX. It runs fine until I click some other link on the page and it shows me the following error: "jCarousel: No width/height set for items. This will cause an infinite loop. Aborting..." Below is the part of the code what I am using: function gallery() { $('#cbody').html('<div id="mycarousel" class="jcarousel-skin- tango"><ul></ul></div><div style="padding:10px;align:center" id="dspPic"></div>'); $('#mycarousel').jcarousel({ scroll:
[jQuery] IE7 show/hide/slide problems with Jquery
Hi all Apologies if this has been covered elsewhere, i had a good look but couldnt find this issue highlighted. The problem I am encountering is with some show/hide commands in IE7. Every other browser, including IE6 performs the required actions correctly - its just IE7!!! if you go to this address: http://www.top10-broadband.co.uk/speedtest/ you will see the various jquery based anctics I am trying to run. If you then look at it in IE7, you will see that the browser ignores the hide/show commands
[jQuery] flash content inside the Accordion
I've got problems with having flash content inside the Accordion Plugin (http://bassistance.de/jquery-plugins/jquery-plugin- accordion/). Basically the problem occurs on Firefox (my Version is 2.0.0.8). The Flash content pops up immediately when activating a corresponding accordion link. Not even wrapping the <DD> TAG with <DIV> (height=300px) The flash blinks. Any help? Cheers! Santiago, Bs As, Argentina.
[jQuery] re[jQuery] setting form attributes in the jQuery forms plugin
hi devs, i just started using the form plugin so i am not sure if i am correct, but as far as i understand the code, the form plugin doesn't reset the target attribute of the form if the target attribute is undefined (not present) and the action attribute is not resetted either, this seems to happen at least when doing file uploads maybe one of the committers want's to do the following changes in the fileUpload funtion, or has some better ideas: line 297 var a = $form.attr('action'); [...] line 313
[jQuery] prob with the jquery selector
hello everyone, maybe this problem is not a new one,but i want to make sure.when i use $('#'+id) to choose an element in the dom tree to operate on,it failed when the id is in the form of abc[xyz].code like below: html code: <input id='abc[xyz]' value='just a test' /> js: temp = $('#'+'abc[xyz]').val(); it failed. -- Xinhao Zheng SGL中文文档: <a href="http://wiki.cjcht.com">http://wiki.cjcht.com</a> SGL中文Group:<a href="http://groups.google.com/group/seagull_forum">http://groups.google.com/group/seagull_forum</a>
[jQuery] Going thrue all form elements
Hey guys, I am trying to use the plugin of http://fluidproject.org/blog/2008/01/11/jquery-tabindex-plugin/ to set the tabindexes for my form. I am going through it by querying it as following but it gives me back inputs, then the textareas, en then the selects (and I would like the elements based on the occurrence in stead as a collection of inputs, and then textareas, and then selects. This is the code I am using $("form input, form textarea, form select").each(function(i){ $(this).tabindex(i+1);
onmouseover rollover thing [SOLVED]
Hi. I need help. I am trying to create something that should be pretty simply, but I can't seem to figure it out. I have a several links in a unordered list and next to the list is an image. What I want to happen is that when you mouse over one of the links it changes the image next to it. It also needs to stay on that image even if you move off of the link. The image will only change again when you mouse over one of the other links. I am a complete newbie to JQuery and javascript in general, but
[jQuery] .clone issue with IE
Hi everybody, I'm sorry for my English... I'm trying to add a new table row (<tr>) after an ajax call. My code works perfectly with FF or Opera, but not with IE. With the right browsers I can add multiple row, IE instead overwrite my first row (with right content but overwrite the last inserted). This is my code after an ajax call which insert a new record in a DB table: function processJson(data) { // 'data' is the json object returned from the server $("#responceRow").clone(true).prependTo("#dataTables");
[jQuery] $(some_form.elements).length==1
It seems "form.elements" is not enumerable in JQuery,why? Thanks.
[jQuery] a way to animate to auto?
is there a way to animate({height: "auto";}) make work?
[jQuery] An issue with .clone(true) and IE 6+
Hi everybody, I'm sorry for my English... I'm trying to add a new table row (<tr>) after an ajax call. My code works perfectly with FF or Opera, but not with IE. With the right browsers I can add multiple row, IE instead overwrite my first row (with right content but overwrite the last inserted). This is my code after an ajax call which insert a new record in a DB table: function processJson(data) { // 'data' is the json object returned from the server $("#responceRow").clone(true).prependTo("#dataTables");
[jQuery] jQuery.browser.version doesn't recognise IE7 anymore
Don't know, if this has been observed by anybody else. Just wanted to let everybody know, that jQuery.browser.version returns 6 as version in IE7. This might have to do with a changed appVersion or user agent string. Mine are (in IE7): appVersion: 4.0 (compatible; MSIE 7.0; Windows NT 5.1; Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1) ; .NET CLR 1.1.4322; .NET CLR 2.0.50727; .NET CLR 3.0.04506.30) userAgent: Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; Mozilla/4.0 (compatible; MSIE
[jQuery] submit via link and redirect dynamically
hi, i'm developing a little site, where the user has the possibility to fill in several forms. i want that the user can navigate through those forms via normal html links. on click the form should be submitted and on success the content in div #xy be updated in relation to the link. i tried it like this, but this is not working. has anybody a workaroung or else? thank you anti my try: $(document).ready(function(){ var options = { beforeSubmit: showRequest, success: showResponse, url: 'inc/application.adv.func.php'
[jQuery] [ANNOUNCE] Space gallery
Image gallery with perspective http://eyecon.ro/spacegallery/ Regards, Stefan
[jQuery] how do I select distinct divs within a class
heres the deal, I've got some jq that looks for any <a> with a class of .rollover , and its replacing the images of ALL of the images with a surroudning <a> with a class of .rollover. Any ideas? <script type="text/javascript"> $(document).ready(function(){ $(".menuImage").hover( function() { curr = $(this).find("img").attr("src"); overlen = curr.length; over = curr.substr(0, overlen-12); over = over+'_over.gif'; $(this).find("img").attr({ src: over}); }, function() { $(this).find("img").attr({ src:
[jQuery] :not and :headers
Hello, I'm trying to apply a font style to all elements on a page apart from headers. This is the code I'm using: $('*:not(:header)').css('font-family', '\'Trebuchet MS\', Arial, sans-serif'); This seems to apply the new CSS to all elements on the page. What am I doing wrong? Thanks. --Jon
[jQuery] Inserting element into jQuery object
I'm having a devil of a time doing something that would seem to be pretty basic. I have a jQuery object with two elements, and I want to insert a new element in between them - not altering the DOM, but just the jQuery object. So if my original jQuery object looks like this when logged in the console: [ div1, div2 ] I want it ultimately to look like this, inserting newdiv manually: [ div1, newdiv, div2 ] ????? -- Josh
[jQuery] Countdown - my first plugin
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META http-equiv=Content-Type content="text/html; charset=iso-8859-1"> <META content="MSHTML 6.00.2900.3243" name=GENERATOR> <STYLE></STYLE> </HEAD> <BODY bgColor=#ffffff> <DIV><FONT face=Arial size=2>Check it out!</FONT></DIV> <DIV><FONT face=Arial size=2></FONT> </DIV> <DIV><FONT face=Arial size=2><A href="http://plugins.jquery.com/project/countdown">http://plugins.jquery.com/project/countdown</A></FONT></DIV> <DIV><FONT
[jQuery] jScrollPane Not Scrolling All The Way After Re-Skinning
I'm using jScrollPane pretty much out of the box with the following changes: I put the scripts into assets/scripts, the css into assets/css, and the images into assets/images. Any urls have been changed to reflect this. I created three jpgs for the up arrow, down arrow (10 x 9 px) and the drag grab center (10 x 10 px) The problem I am having is that the content doesn't scroll down enough to display all the content of the div. In the sample div, it's the anchor a the bottom that's not showing up.
[jQuery] Load external content
Hi there, I'm pretty new to jQuery, and i seem to be unable to find what i need. I have a (php-based) file-manager. What i need is when people browse folders, to replace the current folder with the chosen one. Imagine my dir looks somewhat like this: <div id="contents"> /images dir /illustrations dir /file.jpg jpg </div> What i need is when someone clicks "/images" that the content of "#contents" is replaced with the new info (called from PHP). I ended up with Hijax (because i like the maintained
[jQuery] Jquery fix for IE6 position:fixed bug ?
Hi, I am trying to create a shopping cart similar to the one on http://www.panic.com/goods/ I have tried their technique to get the cart fixed at the bottom of the screen in IE6 but there are several problems with it (first off my body tag background isn't scrolling! Then the heights get a bit messed up). I like the fact that their solution doesn't use setTimeout as that can produce jerkiness and was wondering if anybody had found a simple solution to this using any jQuery cleverness ?
[jQuery] Can you please check why it's not working?
First of all, I'm a very very newbie here, I'm learning now, I always have some problems when using jQuery for Ajax and for other things. Maybe I'm not used to it yet, I'm always missing something. Let's see this one, I can't figure out why this one doesn't work. When I write script, I try to write everything and put them together in one file, but its doesn't work. see below function disappear() { $("#response").fadeOut("slow") } $(document).ready(function() { $("#message_me").click(function() {
[jQuery] How to remove duplicates from dropdown select box
I'm new to jquery but I'm lovin it so far. Can anyone tell me the best way to remove duplicates from a dropdown that looks like this: <form name="myform"> <select name="mylist" id="mylist"> <option>Select an option</option> <option value="Rod">Rod</option> <option value="Rod">Rod</option> <option value="Line">Line</option> <option value="Rod">Rod</option> <option value="Reel">Reel</option> </select> </form> I can't change the the contents of the dropdown because they're written by a CMS so I'd like
Next Page