Search Results

Search found 21131 results on 846 pages for 'jquery dialog'.

Page 334/846 | < Previous Page | 330 331 332 333 334 335 336 337 338 339 340 341  | Next Page >

  • How to change the header height in jQuery grid?

    - by rockers
    Hello Friends, I have a jquery grid,, with columns 5..but my column name is too large so defined somethign like this in my jquery grid.. Informatoin about <br/> customers bioData In my jquery column I am seeing Information about I am not able to see Customers BioData.. how to set the header height? thanks

    Read the article

  • Jquery Ajax refresh not working in IE.

    - by Probocop
    Hi, I have a <ul> which refreshes every ten seconds to check if there have been any new tweets (its pulling from a twitter feed). This works fine in Firefox and Chrome etc, but it does not work in any version if Internet Explorer. My code is as follows: setInterval(function() { $("#banter .scroll-pane").load(location.href+" #banter .scroll-pane>*",""); }, 10000); My PHP function creating the list is as follows: function showTweets($section, $limit, $class) { $result = mysql_query("SELECT * FROM hash WHERE section = '".$section."' ORDER BY date DESC LIMIT ".$limit); echo '<ul class="scroll-pane '.$class.'">'; while($row = mysql_fetch_array($result)) { echo '<li>'; echo '<p>'.html_entity_decode($row['tweet']).'</p>'; echo '<a href="'.$row['user_url'].'">'.$row['user'].'</a>'; echo '</li>'; } echo '</ul>'; } Any idea what's going wrong? Thanks

    Read the article

  • jQuery animate Toggle

    - by danit
    Here is my code so far: $(document).ready(function(){ $("#slider").click(function() { $("#insight").animate({ top: "25px",}, 300, function() { $("#insight").animate({ top: "89px",}, 300); }); }); }); I want this to act like .toggle(), where by on click #div1 slides up to top:25px and then stops, but when clicked again slides down to top:89px. Can anyone expand the function above to achieve this?

    Read the article

  • jQuery finding 'nth-child' value

    - by Rich
    Hi, I have a ul set up as navigation, which I'll be animating on hover. As all the nav items are different widths, I'll be storing their default widths in an Array, so that on hover out, these widths can be passed back in to the animate method. What I need is a way to find what 'nth-child' the element is in order to retrieve the correct width from the array. Something like: var count = $(this).count(); //obviously this isn't right! So that then I can do: $(this).animate({'width':array(count)}, 400); Any suggestions would help me a lot - and if there's a better way to do this kind of thing I'd gladly accept pointers!

    Read the article

  • How to change jQuery toggle() status

    - by Zier Gofren Schlanum
    Using toogle to show/hide the div, I've got a problem that when I hide my div with anothor function, I have to click twice on the button to perform correct action. Is there any way change the toggle switch like I clicked the button? $('#add_task').toggle(function() { if ($("#new_task_status").attr("value")==0) { $("#new_task").slideDown(); $("#new_task_status").attr("value", "1"); } }, function() { if ($("#new_task_status").attr("value")==1) { $("#new_task").slideUp(); $("#new_task_status").attr("value", "0"); } }); $('nav').click(function() { if ($("#new_task_status").attr("value")==1) { $("#new_task_status").attr("value", "0"); $("#new_task").slideUp(); } });

    Read the article

  • jquery - turning "autocomplete" to off for all forms (even ones not loaded yet)

    - by matthewsteiner
    So, I've got this code: $(document).ready(function(){ $('form').attr('autocomplete', 'off'); }); It works great for all forms already existing. The problem is, some forms of mine are in pop ups loaded throught ajax. This won't apply to them since they're "loaded" later. I know there's a live() function - but that's only for attaching events. What's a good way to apply this to all forms? Thanks.

    Read the article

  • finding elements with text using jQuery

    - by Tim Sheiner
    I want to create an array of all the html elements within a div that contain text strings, such as <p>some string</p>. I don't want to get hold of the strings, I want the array items to be the elements (in the example, would be the p node). I do not know before hand what the strings will be, so I can't look for string values to match. I also don't want empty text nodes to end up in the array. Thanks!

    Read the article

  • Simple bind not working in IE for Radiobutton in jQuery

    - by Jonathan
    Hi this works fine in Firefox, but not IE. What am I doing wrong? Thanks for the help in advance! $(document).ready(function(){ $("#radiodiv").buttonset(); $('#radio1').bind("click", function() { alert('Hello'); }); } <form> <div id="radiodiv"> <input type="radio" id="radio1" name="radio" checked="checked" /><label for="radio1">WaveHeight</label> <input type="radio" id="radio2" name="radio" /><label for="radio2">Current</label> <input type="radio" id="radio3" name="radio" /><label for="radio3">WaveHeightDir</label> </div> </form>

    Read the article

  • Making successive "jQuery.load()"s in nested pages work

    - by terrestrial
    The main page ("parent.html") has a link that ajaxloads a page ("page1.html") into a div ("targetdiv") in the main page, like so: parent html: $("#targetdiv").html(loading).load('page1.html'); This works fine and "page1.html" is loaded into "targetdiv". The "page1.html" also has a link in it that is supposed to ajaxload another page ("page2.html") into "targetdiv" (onto itself), like so: page1.html: (in "targetdiv") $("#targetdiv").html(loading).load('page2.html'); This does not work; "html(loading)" comes up in "targetdiv" and stays there, "page2.html" is not loaded. If you're sure why this is so, tell me and I'll owe you a beer. All the best... (This page/site is not available on line.)

    Read the article

  • Can a link have both an onclick jquery and javascript event?

    - by odpogn
    I have a link that jQuery listens to, and if clicked it will toggle another div. The link also has an onclick javascript action. When I click the link, the div I want to toggle shows, but the javascript doesn't execute. Is it possible to get the javascript to execute AND have jQuery toggle the div? If so what would I put in the jQuery code to allow the link to execute the onclick javascript action? jQuery script $(function() { $('#links a').live('click', function() { $("#showall").toggle('slow'); }); }); my link <div id ="links"> <a href="some javascript" onclick="javascript">Play</a> </div>

    Read the article

  • difficulty with deleting a function from jquery snippet

    - by user1691389
    I'm trying to get rid of a function that appends a loading gif while the script is busy ajax'ing in new content, but I keep breaking the script so I'm posting it here hoping someone can just kindly edit it for me correctly. (I'd like to get rid of everything that has to do with #load and keep everything else intact.) $('#header_nav_content_container a, a.scroll_to_top, a.clear_banner, a.desire').not('.exception').click(function(){ var toLoad = $(this).attr('href')+' #content'; $('#content').hide(1555,'easeInOutQuint',loadContent); $('#load').remove(); $('body').append('<span id="load">LOADING...</span>'); $('#load').fadeIn(888); window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-0); function loadContent() { $('#content').load(toLoad,'',showNewContent); } function showNewContent() { $('#content').show(777,'',hideLoader); } function hideLoader() { $('#load').fadeOut(888); } return false; }); Thanks for your help.

    Read the article

  • jQuery: Convert to a single tag

    - by user1909565
    I want to convert the below HTML to single tag: Before : <div class="Parent1"> <div class="Child1"> <a href="#">Child1</a> </div> <div class="Child2"> <a href="#">Child2</a> </div> </div> <div class="Parent2"> <div class="Child1"> <a href="#">Child1</a> </div> <div class="Child2"> <a href="#">Child2</a> </div> </div> After : <div class="Parent1"> <button>Child1</button> <button>Child2</button> </div> <div class="Parent2"> <button>Child1</button> <button>Child2</button> </div> i tried with wrapping/unwrapping. But it does not work. This I want to be generic.

    Read the article

  • JQuery (1.4.2)/Firefox (3.6.3) - .before and .after not working on div

    - by user355561
    I am trying to have a title bar appear when the user clicks on a box. It works perfectly in I.E. 8.0 but not at all in firefox 3.6.3. HTML [code] @import url('style.css'); blah blah blah save changes [/code] Javascript [code] $(document).ready(function(){ $("#edit2").live('click',function(){ if($("#menu").length == 0){ $("#edit2").before(''); } if($("#menu2").length == 0){ $("#edit2").after(''); } this.contentEditable = true; this.focus(); }); $("#edit2").live('blur',function(){ $("#menu").remove(); //$("#menu2").remove(); this.contentEditable = false; }); }); [/code] Could anyone suggest why it's not working? I have managed to use similar code to add/remove new table rows in both browser but I just can't see why this doesn't also work.

    Read the article

  • Applying jQuery attr value to new DOM elements (result of AJAX query)

    - by Daniel
    Hello everyone, I have a div on a page whose contents is replaced by an AJAX request when the user selects an option from a select list. When the page loads, I issue a command to disable the autocomplete feature for all of the pages text input elements: //Stop that pesky browser autocomplete $('input[type=text]').attr("autocomplete", "off"); However, when new elements appear in the div after an AJAX call, this line of code does not reference them because they were not part of the original DOM (when the page was loaded). I have tried appending the autocomplete line to the end of the post function: //AJAX Post request that changes the fields in the address div for each different country $("div#address select#country").live("change", function() { $.post("<?php print($_SERVER['PHP_SELF']); ?>", { country: $(this).val() }, function(data) { $('div#address').html(data); }, "text"); $('div#address input[type=text]').attr("autocomplete", "off"); }); But for some reason it does not work and the autocomplete pops up when text is entered into any of the address fields. As far as I am aware I cannot use .live() to select the input elements because changing an attribute is not classed as an event. So can anyone advise me how to modify the attributes of a newly created DOM element?

    Read the article

  • jquery 2 fades complete at the same time

    - by odavy
    Hello again, just another quick one: I am noticing differences with fadeOut dependant on whether this is a target. Here's my structure. I have rows of data on my page, and each row has two icons. One is an update icon for that row, one is a delete icon for that row. When a user clicks the update icon for a particular row, I want both the update and the delete icons to fade away. So, in order to fade the thing the user clicked (the update button) and its corresponding delete button, I am using... $(this).next().add(this).fadeOut('slow'); ...which works, but the two elements don't fade at the same time. this fades first (which is the update icon), and then this.next fades out (the delete icon). But if I specify the two elements by name... $('#updS2, #delS2').fadeOut('slow'); then they fade together. Why is it different? Apologies for Friday rambling.

    Read the article

  • Using a .delay() function before .css() manipulation in jQuery

    - by Fabian
    I have this: var $ul = $(this).children("ul"); $ul.animate({opacity: 0}, 1000); $ul.delay(1000).css("display", "none") It's for my dropdown menu, and I want it to fade off before it disappears using the display: none; CSS property. However it appears that the .delay() cannot be used on the .css(); it doesn't work, the $ul just disappears right away. I can't use $ul.animate({opacity: 0, display: "none"}, 1000); either.

    Read the article

  • how to use jquery index()

    - by salmane
    I am trying to find the index of the following element <ol id="parent"> <li><a></a></li> <li><a class="index_of_this"></a></li> <li><a></a></li> <li><a></a></li> </ol> But I keep getting -1 $('#parent a.index_of_this') thank you for your help

    Read the article

  • Using jQuery :contains selector

    - by Alex
    Hello there, I have a div with id kGrowl and inside that div I have a select element with name = mover. I try to use this selector: $('#kGrowl:contains([name=mover])').length But it is currently returning 0. How is my selector wrong? Thanks.

    Read the article

< Previous Page | 330 331 332 333 334 335 336 337 338 339 340 341  | Next Page >