Dynamic Accordion with jQuery
Hi all - first post! I have a basic accordion that will run in an HTA (local machine). However - the problem I am facing is not just seen in HTA, but also in regular web pages. Problem is any accordion level within a SPAN tag will not behave as needed (to hide when another heading is clicked). I would like to remove a level in the accordion dynamically. The accordion is JS of course, but unfortunately, most of the code that will dictate if the level is removed is in VBS. Here is the basic JS at the
Dialog with Dynamic AJAX Data
I am creating a dialog using jQuery, and want to populate it with dynamic data. The data in question is properly formatted XML (parsed using jQuery). The call I make looks something like this: function getXML() { var $link = $(this); var $dialog = $('<div></div>') .load('xml_results_formatted_jquery.php' + ' #dialogcontent') .dialog({ modal: true, autoOpen: false, title: 'Matching Vehicles Found',
toggleClass weird reverse logic
$('.Normal').bind('mouseenter mouseleave', function() { $(this).toggleClass('Hover'); }); The above function works fine but is causing a problem if the cursor sits over '.Normal' when the page loads; mouseover & mouseout's functionality seems to switch. Am I doing something wrong here? (This is more noticeable in older versions of ie). Thanks in advance
fadeIn / fadeOut causing browser to jump up page
Hi, I have a very simple image rotator that brings in images then rotates through them using fadein/out. You can see it going here: http://krishanparmar.com. If you scroll down to the bottom of the page then wait a few seconds the main image will rotate and the browser will jump up (almost as if it's going to an anchor). The images are brought in to a 100% div and the images are specified to 100% width (not sure if this is related but I'd thought i'd let you know!). The code I'm using is this: function
JQuery create array from array help please from a total "jerk" with JQuery
Sorry folks, I really need help with posting an array problem. I would imaging it's quite simple, but beyond me. I have this JQuery function (using sortables) $(function() { $("#col1, #col2, #col3, #col4").sortable({ connectWith: '.column', items: '.portlet:not(.ui-state-disabled)', stop : function () { serial_1 = $('#col1').sortable('serialize'); serial_2 = $('#col2').sortable('serialize'); serial_3 = $('#col3').sortable('serialize'); serial_4 = $('#col4').sortable('serialize'); } }); }); Now I
Detecting SWF Height and Adjusting Padding
Hey Guys, So, I'm new to jQuery, but have a pretty good understanding. Still, I've come across an issue that I'm not quite sure how to resolve. I'm using wordpress, and have a .swf inside of a div, "player." The player class has no height spec, as the height of the .swf is different depending on the page. What I need to do is detect the height of the .swf on each page, and then apply that number as padding-top to another class? How might I go about this? Any help would be loved! C
jquery not fire in ajax page
hi , I ve problem using jquery here code in my application.rhtml as, <html> <head> <%=javascript_include_tag :defaults , :cache => true%> </head> <body> <%=yield%> </body> </html> in index.rhtml I writen a script, <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ alert("Working"); $("p").toggle(); }); }); </script> <h2>This is a heading</h2> <p>This is a paragraph.</p> <p>This is another paragraph.</p> <button type="button">Click me</button> in
Triggering a click event on element creation
Hello. I have a function where I want to add a sibling element to each of the elements and trigger a click on each of them right away. Here's what I have so far: $(function(){ $('#articles').delegate('.click-link','click',function(){ $(this).toggle( function(){ alert('toggle one'); }, function(){ alert('toggle two'); } ); }); $('.toggle').each(function(){ $(this).after('<span class="click-link">Hide</span>'); $(this).next().trigger('click'); }); }); For some reason the toggle doesn't get
Traversing returned HTML
HI all, I have a form that submits to a third party WCF service. When the form submits it returns html. Based on that html I need my ajax submit to fire a success function according to the reply. The reply is as such: <HTML> <BODY> <TABLE border='1'> <TR> <TD><b>Field Name</b></TD> <TD><b>Field Value</b></TD> </TR> <TR> <TD>SuccessFlag</TD> <TD>TRUE</TD> </TR> <TR> <TD>ResponseMessage</TD> <TD>Service Cancelled</TD> </TR> </TABLE> </BODY> </HTML>how would I write a success function if the SuccessFlag
Need help with jQuery nav bar
Hey all. This is my first post here, so I'm sorry if it's in the wrong place. What's going on?: I have a navigation bar implemented on my page using this tutorial. http://blog.themeforest.net/tutorials/jquery-for-absolute-beginners-day-7/ I then added links to each of the images/buttons to direct you to other places on the page, and used CSS to position it. Once everything was complete I put every thing in the page (including the the jQuery included in the body) in a container using a
Anyone seen a control like this?
I allow my users to upload files to be imported into our database. These are usually csv or tab delimited files. I have a few customers that can't grasp the fact that the columns for the import need to be in a particular order, so for those customers, I have to manually import their files. I'd like to build a configuration screen for them to tell me what format their file is in so I can save the configuration and then import their files based on that configuration. That way, I won't have to manually
How do I count select elements, but only where the options value is not blank?
I have a long form in a tabbed interface, where I want to count the non blank fields on each tab (the form fields are text and checkbox inputs and multi & single select fields). The counting function is as follows: // Input argument is a tab object function countFieldsOnTab(obj){ var counttext = obj.find('input:text[value!=""]').length; var countchkbox = obj.find('input[type=checkbox][checked]').length; var countselect = obj.find('select option:selected').length; // final
I have two calls for jquery on my page, they are conflicting and breaking one another
I have two calls for jquery on my page, they are conflicting and breaking one another OK. I have the flow player tools:overlay working nicely on my page. <!-- jquery overlay menu --> <script src="http://cdn.jquerytools.org/1.2.2/jquery.tools.min.js"></script> <script> $(document).ready(function() { $("img[rel]").overlay(); }); </script> THEN I ADDED the colorbox script which also uses jquery <!-- this is the colorbox --> <link type="text/css" media="screen" rel="stylesheet" href="colorbox.css" />
Loading specific content in "next" page's div element. Please see my need.
Lets say i have a menu with elements "A", "B" and "C" on index.html (my homepage). So classically I should create a.htm, b.htm and c.htm. and link to menu. but rather, I want to have a single "home.htm" that would do all this purpose. My home.htm has all contents same for a,b & c except a "div element" whose content i want to load from different files, different for all the three pages. How to do this using JQuery.
event.target
Hi all, Please consider the following code; $("#content").click(function(event) { if($(event.target).is('a')) { $(this).//do something } } I'm binding a click event to a div so that I can see whether is was the div or some element inside the div that has been clicked. When the if() in my code evaluates to true $(this) is still equal to $("#content") whereas I'd like to have the clicked anchor as matched element. How would I do this?
Send info without (echo) json
Hi...i have a question about json and jQuery.post (http://api.jquery.com/jQuery.post/) I can send info through jQuery.post (json or xml format), but, how can I send info without echo json?? (echo json_encode($info) ) thanks...
Opacity problem...
Hello, I have followed this guide to complete a image rotator, works fine and no problem: http://designm.ag/tutorials/image-rotator-css-jquery/ But the problem is the opacity in the description box. I am well aware that the whole div and its contents are affected with the opacity-attribute. But the thing I want to do is to only get the opacity of the box and the text should have 100% opacity. Somebody that can help me modify this script, cause I am not a jquery-guru, to work as I want ;) I have read
fix repetition of .hover
hi, i'm trying to build a navigation tree, but once i complete it, comes the problem; could someone point me in the direction to solve the multi repetition of the effects? if you like you can have a look to the effect and his faults at 500-1.omnigrafica.it thank you
How to click on a link just created using click event?
How can I give a click on a link when it is just created and added to DOM? None of this works: function openProfilePage(profile){ $('#profile-link').remove(); var link = $('<a/>').attr({'href':'profile.php?user='+profile, 'target':'_blank', 'id':'profile-link'}).css({'top':'-200px','left':'-300px', 'position':'absolute'}).html(profile); $('body').append(link); $('#profile-link').bind('click', function(e) { alert('This works but doest not open a new window as it sould'); }).click();
live submit and IE
$j('.form_reply').live('submit',function(event){ alert('x'); event.preventDefault(); }); <form action="" class="form_reply" method="post"> <input type="submit" name="submit" value="Send" /> </form> this doesent work in IE 7 /8 Is that an bug or is there a workaround?
using jQuery lightBox for a google Map
Hello, I use jQuery one my web site, i need to show a google Map in a lightbox. example : http://dev.visualdrugs.net/mootools/gmapsoverlay/ But in my exemple they use Mootools. Can you help me to do the same with jQuery. Thanks
calling jquery lightbox from ajax
I have to following jquery lightbox code: <script type="text/javascript"> $(function() {$('#largerview a').lightBox({ fixedNavigation:true, overlayBgColor: '#444444', overlayOpacity: 0.6, imageLoading: '../images/loading.gif', imageBtnClose: '../images/closelabel.gif', containerResizeSpeed: 350, txtImage: 'Imagem', txtOf: 'de' });}); </script> which is called as follows: <div id="largerview"><a href="/myimage.jpg">click for larger view</a></div> I would now like to call lightbox
mix selector
If I search something like $('td:contains("blue"), td:contains("red")') { console.log($(this)); }Can I know the td belong to which selector condition?
JQuery function not working in FireFox Browser
Hi, I applied JQuery function in sharepoint content editor webpart that the function working in IE but not in FireFox browser.I given below the function for your review.. <body> <div id="test" class="tweets"></div> <script type="text/javascript"> $('#test').liveTest('xxx',{limit: 2,rate: 5000}); </script> </body> I am using FireFox 3.6 version. No error message showing.. Please help me out. Thanks.
share javascript library between pages
A web application is essentially one page with a bunch of popups that add and manage the data accumulated in the main or first page. The first page loads the jQuery library along with a bunch or plugins. The modal popups contain an iFrame whose source is a different page. The source page also contain the jQuery library and pretty well the same plugins in most cases. The pages all use jQuery as a base for most of its client side processing. At times the modal popups can be 4 or 5 deep. One popup
slidetoggle problem...
hey thats my simple source, sorry i'm a beginner... : $(document).ready(function(){ $(".details").hide(); $(".details a") .click(function(){ $(".event").unbind("click"); }); $(".event") .click(function(){ $(".details",this).slideToggle("900"); return false; }); }); thats my html: <div class="event" id="event_15981"> <div class="subject"> <div class="title">Title</div>
How to make animation map using jquery?
Hi.., I saw this sample: http://www.erikwhite.net/gmapjquery.html it is not necessary with map, but something like show one by one something(word, picture, etc) in the browser. anyone can guide, how to do that with jquery? Thanks for any reply/ help
Cluetip not working in IE, Safari and Chrome --> FF is fine
I'm using Cluetip to display some additional information. It all works fine in FF. In IE I see a message that the file could not get loaded. In Safari and Chrome I don't see the "mehr" button at all. http://beruehrungs.com/vorschau/kosmetik.php I didn't find some information in the forum. I'm using version 1.0.7. Any ideas ? Thank you very much in advance. Ingo
Select an Item in an .each loop like an array?
Hello, Very simple and probably quick question. Is it possible to reference an object in an each loop like you would an array? I've tried this without success :( var tabList = jQuery('#tabContainer li a'); tabList.each(function(index) { var currentTab = jQuery(this); if (index > 0) { var previousTab = currentTab[index - 1]; } }); Many thanks Chris
How to move an element to end of it's parent?
I have the following <div id="container"> <div class="row">blah</div> <div class="row">blah</div> <div class="row">blah</div> <div class="row">blah</div> <div class="row">blah</div> </div> I would like to move the upper most row which I'm referencing by the eq: $('.row').eq(0) to the end of div#container I thought I could use append or appendTo, but these don't seem to be working. Any ideas welcome! Thanks :)
$(document).ready - function()
Im developing some UI functionality on DSpace archive with JQuery. I've accomplished to get my code up and running with Chrome and Opera, but IE and FF wont run $(document).ready - function at all. Im not getting any error messages on Firebug or IE Web developer toolbar, so Im a bit confused. You can see the code live at http://helda.helsinki.fi/handle/10138/16985 When its running ok, you should see download count for the item on the right hand side of the file section. On the HTML head section I'm
FadeIN and FadeOut again and again...
Hi, we have a little Problem. Look on the website: brand-pi.dyndns.org Whenever I move the mouse over the menu, the Dropdown menu comes down and then it moves up and down again and again (ina loop) Code: <script type="text/javascript"> $(document).ready(function() { $("#nav").hover(function () { $("#submenu").slideToggle("fast"); }); }); </script> Thank u
jquery with iframes
i want to use jquery to load new page into iframe on click of asp link button. can any please help me with this. when i click a new link, new page should be loaded to the iframe. Please help me. Thanks in advance, Suzi
How to check existing file before loading (.load()) to HTML element?
$("#ok").load("announcement.txt",function(){alert("Successfully Loaded");}); The above query shows the msg "Successfully Loaded" when the file "announcement.txt" is missing in the folder also. How to check whether the file exists or Not before loading it to an HTML element using JQ?
change the style of the link
Hi, I have a footer section in one of my masterpage ( i am using asp.net) and it contains 5 links ( pointing to different webpages), now i want to change the style of the link ie when i click on one of the five links the link should be in bold face (using style). Footer of the masterpage is as follows <div id="footer-container"> <div id="footer"> <div class="image-footer"> </div> <div class="bottom"> <ul class="links"> <li><a id="lnk2" href="Dis.aspx">Dis</a></li> <li><a id="lnk3" href="Acc.aspx">Acc</a></li>
Does jQuery Easing Plugin include inside the jQuery UI?
Is jQuery Easing plugin Ver 1.3 (http://gsgd.co.uk/sandbox/jquery/easing/) a separated plugin or including inside the jQuery UI? I knew jQuery UI has similar easing build in too, is there any connection between those two? or any advantage on using one of those? Thanks
[jQuery] New Plugin - jQuery Persistent Client-Side Storage
I've just released a new plugin, called jStore, which provides jQuery with a way to interface with all current and upcoming persistent client-side storage solutions. This includes google gears, flash (through SharedObject, or Flash Cookies), local/sessionStorage, the WHAT_WG HTML5 database, and IE's userData behavior. Right now, I'm experiencing some DNS issues with my hosting provider, so my documentation/demo site isn't up, but it should be soon. What I'm looking for is some feedback and help testing
Can the fadein() and fadeout() be used with an array for a slide show
I have some JS that creates a slide show and the images are stored in an a JS array. Is there a version of a slide show using a JS array with Jquery; in particular, fadein() and fadeout()? I love the slide show I created using the <DIV> approach and JQuery, however, the JS array would give some more flexibility. Thank you for your help and suggestions.... Todd
Fade unique element
Hello, I have a grid of images, each contained in a div, along with an h3. When hovering over the div, I want the h3 to fade in for the specific div, and fade out when the mouse leaves. Currently, I have this code: $(document).ready(function() { var hover = ".thumbnail"; var elements = ".thumbnail h3"; $(elements).css("display", "none"); $(hover).mouseover(function() { $(elements).stop(true, true).fadeIn(800, function() {}); }); $(hover).mouseout(function() { $(elements).stop(true, true).fadeOut(400,
Where to find API reference ?
Where can I find API reference ? for example, on the web, I found Dates documentation, http://grover.open2space.com/jquery.dates/documentation then I try to find similar docs in official JQuery website, failed. Anyone can help me on this ? Thanks.
Next Page