Search Results

Search found 17147 results on 686 pages for 'jquery highlightfade'.

Page 459/686 | < Previous Page | 455 456 457 458 459 460 461 462 463 464 465 466  | Next Page >

• apply CSS style to particular elements dynamically

  - by WHITECOLOR

  I have a div with paragraphs inside: <div> <p>...</p> <p>...</p> </div> I want dynamically to apply a certain style to paragraphs inside this div. Is it possible to do that without handling each paragraph element, but just attach somehow style to div element and all inside paragraphs would be affected? Maybe with jquery. It sounds for me like dynamical change of the stylesheet, is it possbile? Thanks.

  Read the article

• Changing overflow from div dynamically [closed]

  - by user552669

  Hello comunnity! I am filling a div using JQuery. This div has the CSS property 'overflow' set to 'auto' (to display scrollbars because the div has a lot of HTML inside). But the DIV doesn't display the scrollbars. I think that the problem is that I'm setting the CSS property using CSS and the DIV is filling dynamically. How can I do to display scrollbars if the HTML inside the DIV doesn't fit, but dynamically? I'm trying to set the property manually after fill the div, but didn't work: function createWB(tag){ // Fill the div // ... // Set the scrollbars $('.tab_content').css('overflow','auto'); } If a set the property to 'scroll', the scrollbars appear, but disabled. Thanks in advance! :)

  Read the article

• how does this animation work?

  - by icicleking

  I'm working with cookies to run or not run a jQuery animation someone else built: $(function () { $('div.transitional').click(function () { $('div.intro').removeClass('hidden'); $('div.final').off('click'); }); ShowDiv($("div.transitional.hidden")[0]); }); function ShowDiv(target) { target = $(target); target.removeClass('hidden'); target.delay(500).animate({ opacity: 1.0 }, 300, 'easeInExpo', function () { ShowDiv($("div.transitional.hidden")[0]); }) } I have the cookie part working, but I'm confused about the anonymous function and the "ShowDiv" function. What is each part doing? Functionally, the animation makes visible a series of pictures, then the whole site. I want to skip the animation and just make the whole site visible(if cookies='visited'). I'd like to do this without rewriting the animation script. here's a link. What happens now is if you have the cookie the animation doesn't run and everything is hidden.

  Read the article

• display text when image on-click/hide text when different image click

  - by Jonah1289

  Hi I have created the following effects on the images seen here http://techavid.com/design/test3.html . You see when you hover and then click on each image, they go from grey to color. When you click on one - the others go grey and the one clicked remains color. That's cool, but now I need the text 1st: Sun for example to display and hide along with its graphic button. The word "Sun," is a link that needs to link out to a URL so it has to be separated from the image effect code. What jquery or javascript code do I need to do this? thanks, jonah p.s. How do i properly post the code I have now. I tried to paste code in "enter code here," but received errors - thnx

  Read the article

• How to access the next element and check if it has a particular class

  - by NaN

  I need to call a function based on whether the second following td element has a certain class. Here is the HTML <tr id="939"> <td data-id="939">Test2</td> <td class="hold" data-id="939"></td> </tr> <tr id="938"> <td data-id="938">Test1</td> <td class="someotherclass" data-id="938"></td> </tr> Here is the JQuery function $('body').on('click', '#article td:first-child', function(e){ // I need to check the next td for the hold class if($(this).next().hasClass(".hold")){ // Call my function } }); How do I do this? I've tried using next and closest but that yields nothing.

  Read the article

• Checking validation errors in XMLHttpRequest

  - by egaga

  $.post(actionUrl, serializedForm, function(response) { ... } I need to check whether validation of form succeeded, or not (I don't need to know the exact validation errors). The validation is done by Spring, and I wouldn't like to interfere the process, because there's some annoying dependencies. What would be the best approach? Is there a Spring error object in response, or is it accessible only in server side? I would also like to know if there's is any proper documentation about response in jQuery site? How can I traverse or manipulate it?

  Read the article

• Hiding and Showing Elements with JavaScript

  - by user1658756

  I have an arrow on my site that I'd like if onclick, it hides one element, and shows another. Hitting it again, will hide the element that was shown and show the element that was hidden. Is that possible to do without jQuery? For example, I have <div id="arrow"><a href="#">?</a></div> <div id="ad"></div> <div id="description">Hidden</div> <div id="nav">Also Hidden</div> So at first, the ad is showing, and then one you've clicked the arrow, I'd like the ad to hide, and then unhide the description and nav.

  Read the article

• How to add style to parent <li> item if child <ul> exists?

  - by user1292760

  I'm trying to make a menu in advance to be seen whether there is a double nesting. <ul class="parent"> <li class="child"></li> <li class="child"> <ul slass="nesting"> <li></li> <li></li> </ul> </li> <li class="child"></li> </ul> So ul class="nesting" hidden by default but appears during the hover of li class="child". I want to make another design on the li class="child" which have a nested ul. Another words how can i show nesting before hover by the means of Javascript/JQuery? Thnaks in advance!

  Read the article

• Can you use Javascript to detect a file download window created server side?

  - by Zacho

  I have a jQuery plugin I use to dynamically create and render a form on a default.aspx asp.net page, then submit it. The page it gets submitted to is a pdf.aspx page. The page builds a PDF then uses Response.Write to write the file (application/pdf) to the browser. I use the same method to render XLSX files to the browser as well. It works really great, but I need a callback or some event to tell the button when to stop spinning. This prevents the user from continuously clicking the Excel or PDF buttons. Does anyone know a way to detect the file dialog window when it was not created using javascript? I am also open to other methods of callback from the server side as well.

  Read the article

• Finding a particular parent of an HTML DOM element

  - by DanC

  Lets say I have the following: <table> <!-- I want a reference to this table --> <tr> <td> <table> <tr><td><span class="theSpanClass"></span></td></tr> </table> </td> </tr> </table> Using jQuery, I'd like to be able to reference the outer-most table Thanks

  Read the article

• Javascript: parseInt() with trailing characters

  - by chris_l

  parseInt("7em", 10); returns 7 in all browsers I tested [*]. But can I rely on this? The reason I ask is, that I want to perform some calculations based on em, like /* elem1.style.top uses em units */ elem2.style.top = parseInt(elem1.style.top, 10) + 1 + "em"; I could do this with regular expressions, but parseInt is easier to use, and probably a bit faster. Or is there another solution (maybe using jQuery)? [*] Tested so far on: IE 6, IE 8, Safari 4, Firefox 3.6, Opera 10.5

  Read the article

• AppendTo, does it change the DOM?

  - by JD

  Hi, I have two list boxes and some JQuery function that does the following: $(document).ready(function () { //If you want to move selected item from fromListBox to toListBox $("#AddButton").click(function () { $("#fromListBox option:selected").appendTo("#toListBox"); }); }); I have a button that when clicked moves items from one list to another. This works, however when I do "View Page Source" in chrome, the list contains the original list and not the newly added items. I expected appendTo to change the DOM but clearly this is not what is happening. Why is this? JD

  Read the article

• Javascript: best solution to wait for all ajax callbacks to be executed

  - by glaz666

  Hi! Imagine we have to sources to be requested by ajax. I want to perform some actions when all callbacks are triggered. How this can be done besides this approach: (function($){ var sources = ['http://source1.com', 'http://source2.com'], guard = 0, someHandler = function() { if (guard != sources.length) { return; } //do some actions }; for (var idx in sources) { $.getJSON(sources[idx], function(){ guard++; someHandler(); }) } })(jQuery) What I don't like here is that in this case I can't handle response failing (eg. I can't set timeout for response to come) and overall approach (I suppose there should be a way to use more power of functional programming here) Any ideas? Regards!

  Read the article

• How to move iframe along the DOM without losing it's content?

  - by Beck

  Is it possible? I have tried to move it, but iframe contents dissapear. Tried to get contents of iframe and place them in the new place but all handlers ofc dissapear. Tried to do the same, but with new jQuery 1.4.2 feature, that clones all events along with it. But it doesn't work :) So I have decided to ask here for help. How to move the damn iframe to another place in the document without losing it's contents? ^_^ Thanks Added: txtad_iframe = ad_container.find('iframe'); its_contents = txtad_iframe.contents(); its_body = its_contents.find("div:first").clone(true).insertAfter(cthis.find('#photos')); new_ad.append(its_body); Here i'm trying to copy contents to new ad container. But it doesn't work. Context banner doesn't react on click event. I have tried to move ad_container to container, but iframe body content dissapears.

  Read the article

• jQueryUI widgets

  - by cf_PhillipSenn

  How do I work with widgets? Here's what I've got so far: <html> <head> <script src="http://www.google.com/jsapi"></script> <script type="text/javascript"> google.load("jquery", "1"); google.load("jqueryui", "1"); </script> </head> <body> <div class="ui-widget"> <div class="ui-widget-header"> header </div> <div class="ui-widget-content"> content </div> </div> </body> </html> I'm trying to make a nice little div with a shaded header.

  Read the article

• basic modal dialog problem

  - by senzacionale

  image for opening popup. <div id='basic-modal'> <a href="#"><input type="image" name="HelpHealthCenter" class="basic" id="imgHelpHealthCenter" tabindex="-1" title="Some text that will display" src="/images/help.gif" style="border-width:0px;" /></a> </div> i am using basic modal dialog (first demo) in thi link: http://www.ericmmartin.com/projects/simplemodal-demos/ This is JS for opening popup windows jQuery(function ($) { $('#basic-modal .basic').click(function (e) { $('#basic-modal-content').modal(); return false; }); }); but i want to read title="" from image instead of reading text from "basic-modal-content" div when popup is opened. <div id="basic-modal-content"> text on popup window </div> Thx for help.

  Read the article

• upload multiple images, display thumbnails, manipulate image

  - by robert

  hy, i need a little help here i want to be able to upload multiple images after i upload all i want to display thumbnails, when i click on a thumb i want to be able to rotate the image (rotate the original image not only the thumb) All uploaded images i want to be in one php array, in the order they have been uploaded. Or if i can to change the order of the images, i know is possible with jQuery! how i can code this?? i started but i can't get this done! here is my project so far: http://www.mediafire.com/?3uzzgx5onzn any help is welcome! Thanks!

  Read the article

• Javascript + IFrame + Chrome + Https = strange issue

  - by GuiDoody

  Using a modal plugin for jquery, I'm opening an iframe in a modal with a click event and setting the source attribute to a relative url (should be within https). The page containing the click is an authenticated ssl page. In IE and Safari, this works as expected. In Chrome and Firefox, the source url is opened in http not https. If I set the source to an absolute url using https, same result. Example: // This doesn't work - resolves to http $('.lnkViewDetails').click(function(e){ var src = "/ThePage"; $.modal('<iframe src="' + src + '" height="500" width="425" style="border:0" frameborder="no">'); }); // This doesn't work - also resolves to http $('.lnkViewDetails').click(function(e){ var src = "https://MySite.com/ThePage"; $.modal('<iframe src="' + src + '" height="500" width="425" style="border:0" frameborder="no">'); }); Anyone know a way to get around this?

  Read the article

• Click event not registering on second page.

  - by Cptcecil

  I'm using tablesorter and tablesorter.pager. Here is my code. $(document).ready(function() { $("#peopletable") .tablesorter({ widthFixed: true, widgets: ['zebra'] }) .tablesorterFilter({ filterContainer: $("#people-filter-box"), filterClearContainer: $("#people-filter-clear-button"), filterColumns: [1, 2, 3], filterCaseSensitive: false }) .tablesorterPager({ container: $("#peoplepager") }); $("#peopletable tr.data").click(function() { var personid = $(this).attr('id'); $.ajax({ type: "POST", url: "/Search/GetDocumentsByPerson", data: { "id": personid }, datatype: "json", success: function(data) { var results = eval(data); $("#documentstable > tbody tr").remove(); $.each(results, function(key, item) { $("#documentstable > tbody:last").append(html); }); $("#documentstable").trigger("update"); } }); }); }); Everything works great except when I click on the next page my button click event doesn't fire. Is this a known issue with jquery tablesorter?

  Read the article

• prevent form from automatically re-submitting on page load

  - by user323774

  I am using jQuery to point a form's target to an iframe on .submit(). This is to upload a file. It works fine, but when the page reloads, and the iframe is appended to the DOM, the iframe automatically resubmits the form, causing the same file to be sent to the server on each page load. If I do not include the iframe in the HTML markup, or do not append it to the DOM, this doesn't happen, but of course, I need the iFrame. So my question is, how can i prevent this? :) Andrew

  Read the article

• border color left to right animation

  - by Juliver Galleto

  Ok i have this code currently. $(document).ready(function(){ $('.animation').mouseover(function(){ $(this).animate({ borderTopColor: "#000" }, 'fast'); }); }); but what im trying to achieve is to animate the bottom border color that will fade in and out from left to right. for example whenever a user is hover into this .animation, the bottom border color of that element should fade in or out, from left to right, like from this color #fff to #000. hope someone here could figured out how to make this. thank you. Im open in any suggestions, recommendations and suggestions. this could be done by jquery or css3

  Read the article

• Is there a script that can dynamically list the contents of a folder?

  - by user294756

  I am redesigning my company's intranet site in Wordpress and one of the things they need is an archive of company memos. There are over 300 memos saved in one location and I'm wondering if there is a jQuery script that I can run that will read the contents of a local (network) folder and auto-generate a list of the contents of that folder dynamically (and generate those names as a hyperlink to that file, but if I can list the files, I can get include the hyperlink tag myself). I can always manually create the list of hyperlinks (would take a couple days to do so) but if I can generate it dynamically, whenever a new memo is added, the script will automatically include it making the site much easier to maintain. Is this at all possible? I know that this can probably be done in PHP, but the page I need to do this on is not a php page, it is one of the subpages that is created in wordpress that does not have a php file extension and can't run php code (that I know of) Thanks in advance for any and all assistance.

  Read the article

• How do I submit a form from another page?

  - by Tommy

  I have a two page site. Each page contains a header with "tabs" at the top, to navigate between page 1 and 2. When a tab is selected, I need the selected page to re-POST to the server, to quickly refresh before it is displayed. I have a form on each page that allows a manual refresh from that page but need to submit that form from the other page. For example, page 2 is displayed. The tab for page 1 is selected (which is on page 2) It should then submit the refresh form on page 1. Any help is appreciated. (Using jQuery, js, html and CSS)

  Read the article

• Remove a DIV using a link

  - by GSTAR

  HTML: <div class="row"> <!-- content --> <a href="#" class="remove">remove</a> </div> JS: $('.remove').click(function(){ $(this).parent().remove(); return false; }); If there is only one DIV it works OK but when there are multiple DIVS (class="row") it won't do anything. No errors are returned either. EDIT: I should add that by default there is only one div - additional divs get dynamically created using a jQuery clone function - perhaps this is why it won't recognise the new link/div?

  Read the article

• How to load the whole content of a page into another window?

  - by Cristian Castiblanco

  I'm building a Dashboard and for some stupid reasons my boss wants to load it in a frame on the homepage (yes a frame, he still lives in the 1990s). Anyway, sometimes the dashboard needs some room so that it can show all charts correctly, so I want to add a feature to load the content of the dashboard into a new window. The problem is that, if the user has had some interaction with the dashboard, it will contain modal dialogs, new images, etc... so I want to load all the dashboard content into a new window without reloading its content. Of course, the user should be able to continue browsing the dashboard without problems. How can I do that? I'm using jQuery as my JavaScript framework.

  Read the article

< Previous Page | 455 456 457 458 459 460 461 462 463 464 465 466  | Next Page >