[jQuery] Show image gradually
Is possible to add a css image with jquery and show the image gradually? (for example sliding up and down) I need something like this menu: www.antena1.ro, without macromedia flash. I try to add a css image when mouse hover the menu: css('backgroundImage', 'url(images/menubg.gif'). But what I need to do to show this image gradually ? Thanks!
[jQuery] Tolerance question
I have to make a "puzzle game". here it is the html: <div id="dropContent2"></div> <div id="dropContent"> <img id="box1" class="handle" src="./i/01.jpg" alt="" /> <img id="box2" class="handle" src="./i/02.jpg" alt="" /> <img id="box3" class="handle" src="./i/03.jpg" alt="" /> <img id="box4" class="handle" src="./i/04.jpg" alt="" /> <img id="box5" class="handle" src="./i/05.jpg" alt="" /> </div> and js: $(".handle").draggable({ refreshPositions: "true", snap: ".handle", snapMode:"all",
[jQuery] jCarousel - add a class to the middle element (<li>)
Hello I really like this script. I was wondering , how would be possible to add a class to the middle element ?! I mean, by default there are always 3 elements, and i would like the middle one to be different (to add it some css style). It should be somehow dinamicly, because depending on the navigation to the next or previous, the middle one is changed always. Thanks a lot !
[jQuery] IE Issues with addClass/removeClass
www.webinception.com On the homepage of my site I use jQuery to dynamically remove a class and add a class to the 3rd div box under Recent Projects. What this does is allow the floated boxes to all line up on a single row by removing the default class for this box and add in an identical class that has a margin-right:0 rule. Since these boxes are built dynamically by ExpressionEngine this was my way to remove the right side margin. In IE7 and IE6 what is happening is that the DOM is loaded in with
[jQuery] Problems with IE 6
Hi I've just started using jquery and I'm developing a dynamic site so I don't need the same code on every page and I'm loading various different javascript files in based on the page, but nothings working in IE but it works fine in firefox and safari. I have all the jquery calls in functions based on events within the pages. Is there something special I have to do in IE to get jquery working or do I need to put all jquery calls within a 'jQuery(document).ready(function($) { ' at the top of the page?
Timeout/sleep in jQuery?
I've made a drop-down menu with jQuery which works great, except that on mouseout the menu disappears instantly. I'd like it if there was a delay before the menu disappeared, in case the user moves the mouse out slightly by accident (or when moving to other parts of the menu). Here is my current code: jQuery.noConflict(); jQuery(document).ready( function($) { $("#main-menu ul.menu li") .mouseover( function() { $(this).children("ul").css("display","block"); }) .mouseout(
accordion problem, please help me!
Hello, I'm developing a website and added an accordion section to the homepage, so far it works pretty good, I am just having a little problem,all of the links are closed by default I will like to know how can I get to have the first one opened by default. this is the link while I'm still developing: http://www.constantbeta.info/index13.html the content appears in a div class="content" , So like I said I will like the first one to be opened by default and to have always one category opened, not allowing
change background image of a DIV when rollover a LI
Hi guys, Brand new to this forum and hoping someone can help me solve this. I'm trying to create a news feature that changes the background image of a DIV when you hover over the LI tag. Unfortunately, it's only working for the first function in my jQuery. The page is here http://www.nawp.org.uk/bbctest.html. Any advice appreciated. Andrew
[jQuery] Find all <li> tags without an <a> tag inside
I am stumped. I have nested unordered lists. I want to attach a click event to all the list items that do not directly contain an <a> tag. Attach a click event to: <li>List item without link</li> Do not attach click event to: <li><a href="">Link 1</a></li> I have this code which attaches the event to both types of tags: $("#LHNav").find("li").bind("click", function(){ //do something }); Ideas anyone?
[jQuery] clueTip - FireFox and Flash load issue
Let me start off by saying how much I love this plug-in! Let me also state that I am a designer first and coder second ;) I am having a difficult time getting this to function in the following scenario: I have a Flash file that I am using to display multiple company logos. The list of logos and their link properties are being set in an external XML file. I am also setting the text content for the clueTip in the XML file. I am using clueTip to display company contact info on mouseOver. I have it working
jQuery, jQuery Spy & JSON question (quick fix?)
Hi Everyone - I just starting playing with jQuery over the last we days, after discovering jQuery Spy - http://leftlogic.com/lounge/articles/jquery_spy2/ . Very fun stuff! I can't figure out one thing though: I have a PHP script which generates JSON output like the following: "records": [ { 'string': 'Test Content', 'num': '1' }, { 'string': 'Test Content', 'num':'2' } ] In other words, the script spits out an object within an object. I can't seem to get that JSON output to work with Jquery Spy though
[jQuery] Div Overlay, hide, show loading div.
Hello, I'm trying to figure out how to make this happen. Once a user clicks on a request, it shows the div, which has a background set to a loading image. From there, once the request is completed, set the div back to display: none with hide. Here is my code: \$('html').click(function(e) { \$("#loading").show(); if ( \$(e.target).is('#query_button') ){ var store = \$("select#store").val(); var dept = \$("select#dept").val(); \$("#query").load('content.cgi', {storeselect:
[jQuery] Confirm, then change back value
I am trying to change a select list, and if the user sets it to No, then a confirm dialog comes up, if they hit cancel, the value will get set back to Yes. For some reason it is not working: $("#metadata_field_text_33100_value").change(function() { var confirmWeb = confirm("Are you sure that you don't want this Announcement to be posted on the website?"); if ($(this).val() == "No" || confirmWeb) { return true; } else { $("#metadata_field_text_33100_value").val("Yes"); } });
[jQuery] autopopulate select drop down using jquery and json and parse json data based on selection
Hello I need your help on this. Example: I have JSON data Country Code Belgium 106 China 103 How do I populate a HTML select dropdown box with the json data Select Dropdown(Belgium, China) Now when I select a value like China, it should traverse JSON and display the code. Can someone show me an example of how, this can be done using JSON and Jquery. Thanks
[jQuery] getting value of a radio button
Hi all I know this is pretty basic stuff and discussed before but Im having problems simply getting the value of a radio button that is checked in a group. For example in the code below why is 's' blank? // get value for checkbox or radio button that is checked $("input[@name='radCateg']").click(function(){ var s = $("input[@name='radCateg']:checked").val(); alert(s); });
[jQuery] jquery autocomplete local data
Greetings! I`m using jquery auto complete plugin from http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/ Initialized with local JSON data which i receive from server the data is something like var data = [{"elem0":"data0"},{"elem1":"data1"}] After that i`m trying to add new element to the data variable by data.push({"elem2":"data2"}) but the auto complete plugin works with the data which is initialized. I don`t have access to add or remove new elements to the variable which i initialize
[jQuery] unsubscribe
<div dir="ltr">How can I subscribe it? steve </div>
[jQuery] [jEditable] dynamically updating a parameter value
<html> <body> Hello folks, I want to dynamically update a parameter value when using jEditable. The following function loads a div on the current page with new content relating to an item ID of fID (selected from a list of items in another div on the page). I then use jEditable to allow the user to update the content of that item. That bit works fine on the first cycle. However, when I select and load in another item with a different fID, I cannot get jEditable to update its value for fID, either
[jQuery] CSS - height and top position
hey, everyone. how can i get the height of an element and, based on its given height, set the position of another element from the top? for example, if there's too much text in the content div, improves the distance of the foot div from the top.
[jQuery] Infinite Scroll within a div element - How detect relative scroll position?
How can I detect when the user has scrolled near the end of a div with a scroll bar so that I can add more content? I tried something like this: $('div#content').scroll(function(){ if ($('div#content').scrollTop() == 9083){ get_more_content(); } }); But I don't really understand what scrollTop() is returning. When I first load the page scrolling to the bottom of that div has scrollTop returning 9083, but after I add more content and scroll to the end, it gives 13,000 something. What's the formula
[jQuery] [Autocomplete] Limit of size
Hello guys, I'd like to know if there is any limitation with autocomplete plugin about the max size. I changed max attribute and it doesn't work.When I have a list grater than 1400 elements the autocomplete doesn't works. any body has this problem?
[jQuery] Horizontal Splitter problem in IE with percentage heights
<div dir="ltr">Hi, I have a strange problem that exists only in IE. Other browsers (Firefox and Chrome) is displaying it correctly. Our application is in fluid layout i.e. all the widths and heights are flexible. So following is my div structure for horizontal splitter <body> <b>(height: 77 %)</b> <div id="myTestSplitter"> <b>(height: 100 %) </b> <div id="flexible-top"> <b>(</b><b>height: </b><b>50 %)</b> <br/>Hello <br/>Hello <br/>Hello <br/>Hello <br/>Hello <br/>Hello
[jQuery] Metadata parameter as selector
I am searching the web and documentation and still can't find a working solution. I have a table which rows has also id with metadata, for example <tr data="{id:4}"> And now I want to select row with id 4. I was trying many ways but no success for now. For example: $.metadata.setType("attr", "data") $("table tr.id:4").metadata().remove(); Anyway, is this possible with metadata at all? Thanks for any help.
[jQuery] Unable to get the number of items in a combobox
I don't have a lot of experience with javascript and jquery so this question may have an obvious answer that I missed. I have a combo box in jquery that I need to get the number of list items from. I used the following syntax to get the number of items in the list (based on some searching I did): $('#emplist').length The length indicated is 1, even though I know there are many items in the list. So I tried the "standard" way: document.getElementById("emplist").length The value here is 62 If I use
[jQuery] Content Loading Question
Hello, I'm trying to make a div give me a nice loading graphic on top of my data so the user knows the page is working on their request. I have the following code, however it seems it either happens to quickly or the event isn't working as expected. \$("#query_button").click(function(){ \$('#query').addClass('grid-loading'); var store = \$("select#store").val(); var dept = \$("select#dept").val(); \$("#query").load('content.cgi', {storeselect: store, deptselect:
[jQuery] Autocomplete: prevent the users from entering a value outside the list of values.
Hello We are using this in our production project http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/ We currently maintain a list of values. We would like to prevent the users from entering a value outside the list of values. The plugin has helped us avoid select and option for dropdown. This will mimic the behaviour of select/option as a value outside the list cannot be entered. Example: Cars: Audi, VW, BMW, Tesla, Ferrari We dont want the users entering Ford Please give some guidance.
Open link in div with problems
I am loading the results of a form into a div. I am loading URLs into the same div and this works fine, here is the code: $(function () { function ajaxify(file) { $('#loading').fadeIn('slow'); $.get(file,function(data) { $("#wrapper").slideUp('slow',function(){ $(this).html(data).slideDown('slow'); }); }); $('#loading').fadeOut(); } $("a.ajax").click(function(){ ajaxify($(this).attr('href')); return false; }); $().ajaxStart(function()
jQuery crossSlide
Hi, I,m working on using crossSlide.js as shown at http://www.gruppo4.com/~tobia/cross-slide.shtml and I am not that great at this stuff yet. This is how things look so far: <!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" dir="ltr"> <head> <title>test</title> <meta http-equiv="content-type" content="text/html;charset=UTF-8" /> <meta http-equiv="Content-Style-Type" content="text/css"
Im stuck with my Accordion
Hi all, I wonder if anyone could help me solve this problem. basically i want to be able to toggle all H3 when i click on the h2 and toggle all div.content once i click on span..how can i achieve this here is the code: $(document).ready(function(){ $('div.content').hide(); $("h2.showall:first").addClass("clicked"); $(".seasonBlock:not(:first)").hide(); $('.rightCol h3').click(function(){ $(this).next('.content').slideToggle('slow').siblings('div.content:visible').slideUp('slow'); $(this).toggleClass('active');
[jQuery] jQuery Developer Day at The Ajax Experience
As many of you know, the jQuery Conference 2008, the full day event featuring top speakers in the jQuery community and sponsored by the jQuery Project has completely sold out. Many developers were disappointed about not being able to attend this great event but we have some really great news. Ajaxian.com and Tech Target, the company behind the premier Ajax conference, The Ajax Experience, has generously offered to host a complimentary (ie: no-cost) half-day jQuery Developer Day on September 29th
[jQuery] Reading XML elements with CDATA
Apologies if this has been asked before. I couldn't find any topics on this when I searched. I have some XML which looks like the following: <?xml version="1.0"?> <response> <status>1</status> <html><![CDATA[ <tr> <td>Row 1, Column 1</td> <td>Row 1, Column 2</td> </tr> <tr> <td>Row 2, Column 1</td> <td>Row 2, Column 2</td> </tr> ]]></html> </response> I'd like to be able to read the html in javascript with something like this: $.post("test.xml", function(xml) { new_html = $("html", xml).text(); //
[jQuery] Selector Problem with complicated element id
Hi, I am a newbie here so maybe my problem is not problem at all, but here is problem what i just got. I want to select an image element by its id and this id is quite complicated (do not ask me why). Here is the jQuery code for that: var id = 'sec_ruler_widget_seclevel[' + checkElementId + ']'; var pic = $('#' + id)[0]; ...and it does not work. I am getting an empty array back. After that i tried a goog old getElementById() Function and it found an image i wanted: var id = 'sec_ruler_widget_seclevel['
[jQuery] treeview
Hello i hope someone can help this is driving me mad. Im using jquery-1.2.6.pack.js jquery-treeview.js jquery-cookie.js for a menu on www.bdct.nhs.uk everything works ok apart from in ie6 where some of the links disappear. but even this is inconsistent on different machines with ie6 installed. Can any one help? Also refreshing the page takes a long time is that because of the cookies? is there any way to speed this up? Cheers bdct
[jQuery] Whats wring with this jQuery Ajax function?
I am attemptin to use jquery to do check username while filling out a form. I have already done it with MSAJAX but i thought it would be fun to do it with jquery. However it does not work Can anyone point out where i am going wrong? I am using the jquery ajax method to call a codebehind WebMethod. The WebMethod works since it the same one i used for the MS AJAX version. Thanks, Ashok Here is the jquery: <script type="text/javascript" > var $j = jQuery.noConflict(); $j(document).ready(function() {
[jQuery] Get parent url and add to a textarea
Hi all! I have some js that opens a popup window based on the rel attribute - $('a[rel="email_page"]').click(function(){ window.open(this.href,'mywindow','height=580,width=400,scrollTo,resizable=0,scrollbars=0,location=0','false'); return false; }); But what I want to achieve is to pass the parent url (window.opener.href?) to the popup window and append the URL to the contents of a textarea - <textarea id="message" name="message" rows="18" cols="40">I wanted to send you a link to - ** ADD URL HERE
[jQuery] [Autocomplete] Integration with jsf
Anybody here tried to integrate this plugin with jsf? Using ajax?autocompletes with dependencies (one complete the content of the one other).
[jQuery] jSQuery Form failure to bind a form that is drawn by Ajax?
Wierd Scenario for you .... Take the following basic bit of code: <script language='javascript'> $(document).ready(function() { var options = { target: '#content', // target element(s) to be updated with server response beforeSubmit: function() { document.body.style.cursor = 'wait'; }, // pre-submit callback success: function() { document.body.style.cursor = 'default'; } // post-submit callback }; // bind to the form's submit event $('form').submit(function() { $(this).ajaxSubmit(options); return
[jQuery] Uploading Plugins
Again, apologies if this is the wrong place to post, it's just that no- one has posted in the plugins list for over a year.... How do you get a new plugin added to the plugins page? Do new plugins need to go through some kind of vetting process? I've looked all over the site and I can't see anywhere obvious for developers to add plugins to the site. I've created an account, which lets me login on some pages but says my user name is unrecognised on other pages. Am I missing something?
[jQuery] add a new class for middle element
Hello I really like this script. I was wondering , how would be possible to add a class to the middle element ?! I mean, by default there are always 3 elements, and i would like the middle one to be different (to add it some css style). Thanks.
[jQuery] bug: jquery and writing an flv player flash object on windows (vista)
Hi, Clicking a link and writing an FLV Flash player object: <a href="#" onclick="changeFLV()">Test</a> <div id="playerContainer"> </div> <script type="text/javascript"> function changeFLV() { //$("#playerContainer").html( document.getElementById("playerContainer").innerHTML = "<object data='FLVPlayer_Progressive.swf' height='1' type='application/x- shockwave-flash' width='1'><param name='movie' value='FLVPlayer_Progressive.swf' id='FLVPlayer' valuetype='data'/ ><param id='flashvars-data' valuetype='data'
Next Page