Search Results

Search found 29043 results on 1162 pages for 'jquery tools'.

Page 326/1162 | < Previous Page | 322 323 324 325 326 327 328 329 330 331 332 333  | Next Page >

  • jquery: popup menu upon clicking link ?

    - by wefwgeweg
    is there any way to "wait for user action on popupmenu" after an element is clicked ? for example: person A clicks on link. javascript menu popups asking what the user would like to do with this link. user should not be allowed to click anywhere else but the popup menu. after user clicks an action on the menu, the default browser action should happen (ie. link to the next page)

    Read the article

  • floating a div with jquery/offset - ignores href hashtag

    - by Kevin Crawley
    <script type="text/javascript"> $(document).ready(function () { var top = $('#rt_outer').offset().top - parseFloat($('#rt_outer').css('marginTop').replace(/auto/, 0)); $(window).scroll(function (event) { // what the y position of the scroll is var y = $(this).scrollTop(); // whether that's below the form if (y >= top) { // if so, ad the fixed class $('#rt_outer').addClass('fixed'); } else { // otherwise remove it $('#rt_outer').removeClass('fixed'); } }); }); </script> The problem is fairly straight forward. If I use a header redirect to a new location in the page (say half way down, I jump to #halfway after processing a php script using header("somepage.php#halfway") the div container which is handled by this script won't jump down until the page is scrolled in either direction. I know there is a solution to this, I just don't know what.

    Read the article

  • Looking for a jQuery plugin : sort of bar rating

    - by Tristan
    Hello, i own a website where users can vote/rate things and i want to improve the poor inputbox (from 1 to 10) to improve visual rendering. I was thinking of a bar, which have 10 ' | ' you can move the cursor from one to ten (it doesn't have to be AJAX because the rating is only added at the end of the form) I'm sure you already seend this king of thing but i actually can't find any plugin of it. Any ideas please ?

    Read the article

  • JQuery's Contains returns an Object?

    - by Abs
    Hello all, I am trying to see if a particular string appears in a div. I have tried but it doesn't return true or false which is what I thought contains did? if($("#path"+i+"_status:contains('!=')")){ alert($("#path"+i+"_status:contains('!=')")); //alerts - [object object] return true; } Here is my HTML: <div class="status" id="path3_status"> <img height="21" align="absmiddle" src="images/valid.jpg">Text File (3000) = Source Table (3000)<img height="21" align="top" src="images/info.jpg" " id="img_path3"> <a onclick="clear_file('TI004OBAE', 'path3');" href="#">Clear</a> </div> What am I doing wrong. How can I find out if a div contains the string "!="? Thanks all for any help

    Read the article

  • jquery manipulate a tags with .css()

    - by jesse
    I need to change the font color of a div with the id name "nav" to white. I did: $("#nav").css("color","white"); This works for all the text that isn't wrapped in < a tags but I need those changed too. I tried adding: $("a").css("color","white"); But that doesn't work. I also tried: var changeAColor = document.getElementsByTagName("a") $(changeAColor).css("color","white"); Any ideas appreciated.

    Read the article

  • Codeigniter + ajax(jQuery) session problem

    - by faya
    Hello, I have a problem in server side retrieving session with using ajax post request. Here is my sample code: JavaScript: $(function() { $('.jid_hidden_data').submit(function() { var serialized = $(this).serialize(); var sUrl = "http://localhost/stuff"; $.ajax({ url: sUrl, type: "POST", data: serialized, success: function(data) { alert(data); } }) return false; }); }); CodeIngiter(PHP) side: function stuff() { $post_stuff = $this->input->post('my_stuff'); // WORKS PERFECTLY $user_id = $this->session->userdata('user_id'); // RETURNS NULL } Where commented returns NULL it should return users session data, because it really exists. What is the problem? Method post doesn't get cookies or what? Thanks for any help!

    Read the article

  • How to change a class's content using jQuery

    - by coffeeaddict
    Here is the div element on my page: How can I change a class's content? So from existing which is: class="jcarousel-next jcarousel-next-horizontal" to class="jcarousel-next jcarousel-next-horizontal jcarousel-next- disabled jcarousel-next-disabled-horizontal" Do I need to completely remove it by using removeClass and then re-add?

    Read the article

  • search submitbutton in all forms with textareas with jquery

    - by domueni
    Hi there i'm working on a ff-plugin which searchs a webpage for all textareas and places a warning before the submit button. my code looks like this var submitWarning = content.document.createElement("div"); submitWarning.innerHTML = "Fancy Message"; $('textarea', window.content.document).each(function() { var form = $(this, window.content.document).parents('form:first'); $(form, window.content.document).children('input[type=submit]').each(function() { form.insertBefore(submitWarning, this); }); }); if i search all submits with $('input[type=submit]'.each... it works fine but since i added the thing with the textarea and the form:first i got problems (nothing happens) p.s. i use the window.content.document thingy because its a ff-plugin and it won't work nothing without it

    Read the article

  • Quick question about jQuery selector content efficiency

    - by serg
    I am loading HTML page through ajax and then doing a bunch of searches using selectors: $.ajax({ ... dataType: "html", success: function(html) { $("#id1", html); $(".class", html); //... } } Should I extract $(html) into a variable and use it as a content, or it doesn't matter (from performance point)? success: function(html) { $html = $(html); $("#id1", $html); $(".class", $html); //... }

    Read the article

  • Jquery adding and removing class dynamically

    - by user244394
    I am trying to add the class"selected" when a link is clicked and when the user click on the next link , I want to remove the previously "selected" class and add "selected" to the link clicked.. -Thanks in advance $(document).ready(function() { $('.news a').click(function(){ $(this).addClass("selected"); }); }); <div class="news-w"> <div class="news" id="getnews-1"> <a href="#" >topic</a> </div> <div class="news" id="getnews-2"> <a href="#">topic</a> </div> <div class="news" id="getnews-3"> <a href="#" >topic</a> </div> <div class="news" id="getnews-4"> <a href="#">topic</a> </div> <div class="news" id="getnews-5"> <a href="#">topic</a> </div> </div>

    Read the article

  • How do I remove a <tr> with jQuery?

    - by George Edison
    Okay, I am really stuck here. I have a table of tr's that have id's: #tr_xx where xx is a number. item is a number. The if(... part makes sure that what follows is only executed once at the end of all the animations. $('#tr_' + item + '>td').fadeOut('slow', function() { if($('#tr_' + item + '>td:animated').length === 0) { $(this).parent().remove(); // This function recolors the rows // -not really related to this Recolor(); } }); The problem is that the tr does not get deleted. It just gets hidden. How can I delete the <tr> and not just hide it?

    Read the article

  • IE 8 prompts user on "slow" jQuery script

    - by Jason
    I have a form with over 100 list items that I must reorder on submit. The following code works to reorder my list without any apparent problems in Firefox; however, IE prompts with the message "A script on this page is causing Internet Explorer to run slowly. If it continues to run, your computer may become unresponsive. Do you want to abort the script?" If the user clicks 'No', the script will work as expected. var listitems = $(form).find('li').get(); listitems.sort(function(a, b) { var compA = $(a).attr('id'); var compB = $(b).attr('id'); return (compA - compB); }); Any ideas on how to make this more efficient?

    Read the article

  • jQuery UI - Accordion Display issues

    - by Dave Kiss
    My accordion is working properly, but I'm having a few CSS and JS issues that are prohibiting it from displaying correctly. http://jsfiddle.net/frEWQ/ The JS is applying .ui-corners-all to the H3 before the "kwick" div below it has finished collapsing, giving an odd cut-off border during the animation The margin-bottom applied to the "kwick" div to give spacing between each tab disappears when the tab is set to display:none, getting rid of the spacing... but I can't apply the margin-bottom to the header because it disconnects the header from the "kwick" div below it. Any suggestions? Modification to the JS/CSS? Thanks

    Read the article

  • Jquery page turn with html or asp

    - by vishal
    I was asked by a client to create a bookflip (Page Turn) effect that did not require Flash. The imBookFlip plugin can load a book in an iframe or directly on the page. The book's pages can be set to turn when manually clicked only, begin auto flip (turn automatically) as soon as the html page loads, or begin auto flip when first page (front cover is clicked).

    Read the article

  • jquery: animating html5 video element?

    - by mathiregister
    is it possible to animate a html5 video element <div id="cont"> <video id="movie" width="320" height="240" preload controls> <source src="pr6.ogv" type='video/ogg; codecs="theora, vorbis"'> <source src="pr6.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'> <source src="pr6.webm" type='video/webm; codecs="vp8, vorbis"'> </video> </div> <script type="text/javascript"> $(document).ready(function(){ $('#cont').animate({"left": "500px"}, "fast"); //$('#movie').css("left", "300px"); }); </script> this seems not to work! thank you for your help

    Read the article

  • Jquery validation on click event instead of on submit

    - by Mazzi
    I looked all around SOF but no luck to find me answer. It is either too easy or the answer is not just there. What I simply need to do is to validate the form when my <img id='submit'/> is clicked and submit it afterwards. $(document).ready(function(){ $('#submit').click(function() { }); // Validation $('#suzuki_scb').validate({ // My Rules and Messages! }); });

    Read the article

  • Get the checked value of 2 sets of radiobuttons using jQuery

    - by Hans Wassink
    Im having a weird issue here. Its probably just something stupid but I dont see it. I have two sets of radiobuttons, group1 and group2, and I want to get their values in a function. I have 1 clickevent on all radiobuttons in that div and when I click them I want to display the check-values of both groups. But he only reads the value of the first group. and so it always displays 1-1 2-2 3-3 4-4 instead of possibly 1-2 3-1 etc.... There is a jsfiddle here what am I missing??

    Read the article

  • jQuery treat hover on two elements as one elements

    - by davewilly
    I have an image map which I have overlaid with some markers in the form of anchors. I currently have a hover trigger on each image map area and the associated anchor - as shown in screen shot I need to treat these two elements as one, as currently when mouse is moved out of one onto the other it calls .hover() and callback again. I want to call hover callback only when mouse is moved out of either elements.

    Read the article

  • jQuery: Circulate plugin: stopping midway in animation

    - by kelly
    Has anyone had any luck in altering the plug-in code so that one might animate an object in "3d" space for only a 1/4 or 1/2 turn? As it stands, an object must complete a full circle before stopping or looping. And for those who haven't seen it yet: http://css-tricks.com/examples/Circulate/

    Read the article

  • jQuery event binding does not work properly or i can't make it properly working

    - by Saiful
    HTML: <input id="email" name="email" type=text /> <input id="password name="password" type="password" /> JavaScript: var fields = ["email","password"]; for (var i in fields) { var field = $("#"+fields[i]); field.bind({ focus: function() { field.css("border-color","#f00"); }, blur: function() { field.css("border-color","#000"); } }); } My desire action will be as follows: When I place cursor on any of the above fields the input field's border will be red. When I take away the cursor from the field it's border will be black. But the event is occurs only for the password filed whether I place and take away cursor form any of the above fields.

    Read the article

  • Detecting Handlers of a jQuery "Live" Event

    - by Anderson De Andrade
    Using: $('#foo').data('events').click We are able to access an iterative object of click handlers added to the element '#foo' but only when they were added with .bind() Is there a way to get the handlers for an event added with .live()? Is there any other way to know if an element has a click handler assigned?

    Read the article

  • jquery radio button group problem

    - by user198937
    Hi, I have a radio group which is validated for required. It works fine except when in certain cases I need to disabled first radio button leaving user to select one from remaining. Even in this case radios are validated but error message is not displayed. I believe its due to error message's association with first radio. Disabling other radio except first works fine too. Is there way around?

    Read the article

  • jQuery cut link

    - by Happy
    Here is html: <a href="http://site.com/any/different/folders/picture_name.jpg">Go and win</a> <a href="http://site.com/not/similar/links/some_other_name.png">Go and win</a> How to cut all the data from a href, except picture_name.jpg? There can be any length of the link, we must take just the value from last / to last " And anybody does not the shortest way to compare, if alt and title of current link are equal? Thanks.

    Read the article

  • Cancel a keystroke in jQuery

    - by Jimbo
    Is is possible (cross-browser compatible) to CANCEL a keystroke after a user has made it (for example on a textbox) The code I currently use edits the textbox value after the keystroke has been displayed: $('.number').keypress(function() { this.value = this.value.replace(/[^0-9\.]/g, ''); });

    Read the article

  • Call PHP Function in jQuery (var)

    - by l3gion
    Hello, I'm facing a small problem that I can't solve by myself. I have this php function: function intervalo_manha(){ $que="select id_intervalo,data_15 from intervalo_manha order by id_intervalo"; $re=mysql_query($que); $object.="<select>"; $object.="<option></option>"; while(list($id_intervalo, $data_15)=mysql_fetch_row($re)) { $object.= "<option value=\"".$id_intervalo."\">".$data_15."</option>"; } $object.="</select>"; return $object; } This function return a select with information from database. I also have this js function: $(document).ready(function() { var destTable = $("#dataTable"); $("#btnAdd").click(function() { var newRow = $("<tr style='margin-left:-60px'><td><INPUT type='checkbox' name='chk'/></td><td><INPUT type='text' name='txt[]' id='txt'/></td><td></td></tr>"); $("#dataTable").append(newRow); newRow.find('input').autocomplete("get_cols_name.php", { width: 260, matchContains: true, selectFirst: false }); }); }); This one will add a new row to my table, and for each new input will "activate" autocomplete. What I want to do is, instead of this: var newRow = $("<tr style='margin-left:-60px'><td><INPUT type='checkbox' name='chk'/></td><td><INPUT type='text' name='txt[]' id='txt'/></td><td></td></tr>"); I would like to have something like this: var newRow = $("<tr style='margin-left:-60px'><td><INPUT type='checkbox' name='chk'/></td><td><INPUT type='text' name='txt[]' id='txt'/></td><td><?php echo intervalo_manha(); ?></td></tr>"); Calling php function directly will return nothing, and I can't do anything. Is there any way to accomplish this? Thank you

    Read the article

< Previous Page | 322 323 324 325 326 327 328 329 330 331 332 333  | Next Page >