Search Results

Search found 2106 results on 85 pages for 'attr'.

Page 57/85 | < Previous Page | 53 54 55 56 57 58 59 60 61 62 63 64  | Next Page >

• jquery each to loop and animate

  - by medk

  I have some span tags: <span w="560"></span> <span w="340"></span> <span w="120"></span> With jQuery, I want to select EACH span, get the value inside its w attribute and animate it to that value + "px". I have a simple code that didn't work: $(document).ready(function(){ $('span').animate({width: $(this).attr('w') + 'px'}, 2000); }); Any Suggestions? Thanks.

  Read the article

• how to send only selected chebox values to the next page using jquery

  - by kumar

  Hello friends, I am using this code to check wheather my checkbox is checked or not.. $('#btnMassEdit').click(function() { $('#ExceptionDetails input[type=checkbox]').each(function() { if ($(this).attr('checked')) { $('#specialist-tab').tabs('url', 3, '<%=Url.Action("getmasseditexceptions", "Expense", new { @GUI_SPEC_STAT_DSPL = GUI_SPEC_STAT_DSPL, @C_EXCPT_CATG = C_EXCPT_CATG, @C_EXCPT_TYPE = C_EXCPT_TYPE })%>').tabs('enable', 3).tabs('select', 3); return false; } else { alert("please select atleast one exception"); return false; } }); }); I am getting the exceptions but i need only which ever is checkecd i need to send it next page.. but here its only checking for first exception and sending all the other exceptin even that is not checked.. thanks

  Read the article

• Jquery How to use history plugin?

  - by Martijn

  In my web application I am using ajax and now I'd like the back and forward browser buttons to work. So I went looking for a jquery history plugin and found this one: http://stilbuero.de/jquery/history In my code I use a function to load a page: function loadDocument(id, doc) { $("#DocumentContent").show(); // Clear dynamic menu items $("#DynamicMenuContent").html(""); $("#PageContent").html(""); // Load document in frame $("#iframeDocument").attr("src", 'ViewDoc.aspx?id=' + id + '&doc=' + doc + ''); // Load menu items $("#DynamicMenuContent").load("ShowButtons.aspx"); } As you can see I want my pages to load within an Iframe. Can someone tell me how I can use a history plugin so that the brwoser buttons will work? I don't really care which plugin it is, as long as the browser buttons work. I prefer an easy to use plugin.

  Read the article

• Option insertion problem in Internet Explorer 7

  - by Mohan Ram

  var spaces="----"; var category_name="category"; var category_text=spaces+category_name; alert(category_text); $('select').append($("<option>").attr({'value' : inserted_id , 'label' : category_name}).text(category_text)); This code includes option to my listbox. The problem in Internet Explorer 7. The option is included, but the expected display is '----category'. But Internet Explorer 7 displays only category in options. Since I am using tree order I need to have hyphens before some category. How can I solve it in Internet Explorer 7?

  Read the article

• Triggering jquery event function at page load

  - by lazysoundsystem

  Here's a little jQuery function that does what I want when a checkbox is clicked, but I have a basic gap in my knowledge: How to register this so that it deals with checkboxes that are already clicked when the page loads? $(document).ready(function() { $('fieldset input:checkbox').click(function() { if ($(this).attr('name') == 'foo') { // hide checkbox 'bar' } else { // show checkbox 'bar' } } }); If I use .trigger('click'), it clicks (or unclicks) all the boxes on page load. I can think of a few ways to do this that would involve repeating portions of the code, but I just know that jQuery already has an elegant answer for this...

  Read the article

• Jquery adding events

  - by JBone

  I want to add an event handler to some dynamically added elements. I simplified my problem into the basic code below. I am using the new JQuery 1.7 on feature to say "hey for all labels in the CancelSurvey id element call this notify function when they are clicked." function notify(event) { console.log(event.data.name); } $('#CancelSurvey').on('click', 'label', { name: $(this).attr("id") }, notify); I want to pass the id of the label as parameter "name". When I try to alert this it is undefined (they are defined in the html created). I believe that using the $(this) is not referencing the label selector in this case. It actually seems to be referencing the document itself. Any ideas on how to accomplish this?

  Read the article

• How to I preload images where it actually forces the images to load before continuing (html/javascri

  - by Mr. Flibble

  I want to preload images but ensure they are loaded before continuing. How can I do this? The following does not work as it sends off the load request only, but doesn't wait till the image is loaded. So it is possible that the image isn't loaded when requested soon after. jQuery.preloadImages = function () { for (var i = 0; i < arguments.length; i++) { jQuery("<img>").attr("src", arguments[i]); } } $.preloadImages("img1.jpg","img2.jpg");

  Read the article

• multiple jquery galleries

  - by user1644650

  I'm trying to separate two jQuery galleries, so they don't interlink on my html page: http://mashanova.com/myFAQ/faqGallery.html# here is the html: here is javascript: $(document).ready(function(){ $('.gallery_thumbnails a').click(function(e){ e.preventDefault(); $('.gallery_thumbnails a').removeClass('selected'); $('.gallery_thumbnails a').children().css('opacity','1'); $(this).addClass('selected'); $(this).children().css('opacity','.4'); var photo_fullsize = $(this).attr('href'); var photo_preveiw = photo_fullsize.replace('fullsize','preview'); $('.gallery_preview').html('<a href="'+photo_fullsize+'" style="background-image:url('+photo_preveiw+');"></a>'); }); });

  Read the article

• jQuery DIV click, with anchors

  - by ANaimi

  To make click-able divs, I do: <div class="clickable" url="http://google.com"> blah blah </div> and then $("div.clickable").click( function() { window.location = $(this).attr("url"); }); I don't know if this is the best way, but it works perfectly with me, except for one issue: If the div contains a click-able element, such as <a href="...">, and the user clicks on the hyperlink, both the hyperlink and div's-clickable are called This is especially a problem when the anchor tag is referring to a javascript AJAX function, which executes the AJAX function AND follows the link in the 'url' attribute of the div. Anyway around this?

  Read the article

• jQuery: Apply css to image on click event

  - by DasRakel

  I want basically the same as http://stackoverflow.com/questions/530701/jquery-select-image a row of images that you can select one of. But I'm trying to style the one I select, and store it. var selectedicon = ""; function selecticon(){ $('#iconselect').children().click(function(){ $(".selectedicon").removeclass("selectedicon"); selectedicon = $(this).attr("src"); $(this).addclass("selectedicon"); }); } on this <div id="iconselect"> <img src="/red-dot.png" class="selectedicon" /> <img src="/green-dot.png" /> <img src="/blue-dot.png" /> <img src="/orange-dot.png" /> </div> What am I doing wrong?

  Read the article

• update dialog title for each click

  - by Scarface

  Hey guys I have a quick question, I have a dialog box that has multiple links with different attributes. Each time a link is clicked, the attribute src is printed inside of the dialog box so that each link has a unique output in the dialog. My problem is simply that only the first src title is in every box and I would like to change that as well with each click. I separated the line containing title to show the problem. If anyone has any ideas I would appreciate it. <a class="open" src="something" title="Click to play">link</a> <a class="open" src="something else" title="Click to play">link2</a> $('.open').click(function() { src=$(this).attr('src'); $('#show').html(''+src+''); $(\"#show\").dialog({hide: 'clip', width: 400,height: 150,position: 'center', show: 'clip',stack: true,title: ''+src+'', minHeight: 25, minWidth: 100, autoOpen: false,resizable:false}); $('#show').dialog('open'); })

  Read the article

• jQuery scrollTop - animation stucks at the end of moving

  - by mobsteady

  i use jquery the scrollTop function to get my scrolling smooth while switching between different anchors. first, here is the url the problem this is my jquery script "ziel" is just the german word for "target", just to let you know why this variable is called "ziel" $(document).ready(function() { $('a[href*=#]').bind("click", function(event) { event.preventDefault(); var ziel = $(this).attr("href"); $('#portraitcontent').animate({ scrollTop: $(ziel).offset().top }, 3000 , function (){location.hash = ziel;}); }); return false; }); so how do i get a smooth scrolling without that ugly jumping at the end of the animation? any ideas? i really don't know what to do. spending hours with that bitch! thanks for your advices!

  Read the article

• Button stops working after loading div via ajax

  - by asovgir

  I have two divs on the page: main div and secondary, which loads a separate html page using ajax. All the links within the main div trigerred by a click event continue to work correctly and reference the appropriate content, but none of the jquery outside this div works (such as the navigation). Here's my jQuery: var url; $('.main a').live('click',function() { url = $(this).attr('href'); $('.secondary').load(url); return false; }); Can anyone help me why this isn't working? I think I am supposed to trigger a callback event but I am not sure how to do so. I know this question has been asked multiple times already (usually suggesting to use .live() or .on()), but none of those solutions seemed to work for me.

  Read the article

• handing data returned from jquery get request

  - by ian

  I have a simple jquery script as follows: $('a').click(function() { //get the id of the song we want to play var song_id = $(this).attr("id"); //do a get request to get the information about the song $.get("http://www.site.com/v4/ajax/get_song_info.php", { id: song_id, }, function(data) { alert("Data Loaded: " + data); }); //alert( song_id ); }); I have gotten it to work and it returns several bits of data 'artist' 'title' 'song duration' and so on. How do I process my 'data' so I can then update my page with each bit. In this case I want to set a series of '' to hold each of the values returned. Thanks.

  Read the article

• how to make complex selectors with 'this' jquery

  - by Stomped

  I have an event handler that needs to do something to one of its children, based on some saved data. So what I'm currently doing is something like this: // Get the ID of 'this' item_id = $(this).attr('id'); // building a selector like $('#item1 .child_3') $('#' + item_id + ' .child_' + spVal).addClass('blah'); But this seems a little cumbersome. I've tried: $(this + ' .child_' + spVal).addClass('blah'); and it doesn't work, which doesn't really surprise me. Is there a better way to do this then the successful way I've outlined above?

  Read the article

• IE8 Slide Toggle Issue

  - by jef2904

  Im having some trouble with jQuery's slideToggle function in IE8 for some reason the DIV its opening closes immediately after its opened heres the code im using $("h3 a").click(function(){ id = $(this).attr("href"); $(id).slideToggle("slow"); }); and the HTML <h3><a href="#promo-materials">Graphic and Pormotional Materials</a></h3> <div id="promo-materials" class="center gallery"> <a href="images/portfolio/bistro.png" rel="facebox"> <img src="images/portfolio/thumbs/bistro.png" alt="" /> </a> <a href="images/portfolio/direct-savings.png" rel="facebox"> <img src="images/portfolio/thumbs/direct-savings.png" alt="" /> </a> </div> Here is a link to the functional page it works in all other browsers including IE7

  Read the article

• Use jQuery on a variable instead on the DOM ? [solved]

  - by Stef

  In jQuery you can do : $("a[href$='.img']").each(function(index) { alert($(this).attr('href')); } I want to write a jQuery function which crawls x-levels from a website and collects all hrefs to gif images. So when I use the the get function to retrieve another page, $.get(href, function(data) { }); I want to be able to do something like data.$("a[href$='.img']").each(function(index) { }); Is this possible ? ...UPDATE... Thanks to the answers, I was able to fix this problem. function FetchPage(href) { $.ajax({ url: href, async: false, cache: false, success: function(html){ $("#__tmp__").append("<page><name>" + href + "</name><content>" + html + "</content></page>"); } }); } See this zip file for an example how to use it.

  Read the article

• fancybox - passing 'this' to onClosed function

  - by Phil Jackson

  Hi this is probly really simple but I juast cant seem to figure it out! if( is_logged_out( html ) ) { var throughClick = $(this); $.fancybox( html, { 'autoDimensions' : false, 'width' : 'auto', 'height' : 'auto', 'transitionIn' : 'none', 'transitionOut' : 'none', 'hideOnOverlayClick' : false, 'showCloseButton' : false, 'onClosed' : function( throughClick ) { alert(throughClick.attr('name')); throughClick.trigger('click'); } }); }else{ All i want to do is pass the object of whichever button or link that was clicked, so once the user has logged back in it will process again. Any help is much appreciated.

  Read the article

• jquery Iframe src attribute

  - by alex

  Why does x alerts undefined for iframe but works for embed. I'm grabbing the iframe or embed code from a textarea <iframe src="http://www.youtube.com/embed/9kiWvkj2ldWiU?hd=1"></iframe> var textarea = $('#embedModal textarea'), textareaValue = textarea.val(), $embed = $($(textareaValue).find('iframe')), x = $embed.attr('src'); alert(x); //alerts undefined for iframe If you change find('iframe') to find('embed') and you try with the below embed code. then i'm able to get the value of src, but with iframe i get undefined. Seems strange. <embed src="http://www.youtube.com/embed/9kiWvkj2ldWiU?hd=1"></embed>

  Read the article

• jquery .load() function only gets called once

  - by user1288099

  the html <div class="stackwrapper" id="user1"></div> <div class="stackwrapper" id="user2"></div> <div class="userdrawings"></div> the javascript $('.stackwrapper').click(function(e){ var id=$(this).attr('id'); $('.userdrawings').load('loadSession.php?user='+id).fadeIn("slow"); }); Somehow it only works at once, only at the first click on stackwrapper, when I click on the second one, the function is not triggered again.

  Read the article

• Getting imagename and make link from <img> with jQuery

  - by Bulan

  With jQuery, I want to make all images under a specific path on a site clickable and showing a big image using Fancybox, which is a lighbox variant plugin for jQuery. My small images are located under "images/products/small", the big ones under "images/products/big" and the imagename is always the same The page is showing the image with the following code: <img src="images/products/small/hat.jpg" alt="Nice hat"> What i want is some jQuery script that makes this into: <a href="images/products/big/hat.jpg" class="fancybox"><img src="images/products/small/hat.jpg" alt="Nice hat"></a> Maybe the part with setting class on the link tag can be skipped and just activate fancybox on the element directly with $(elm).fancybox(); I was looking around a bit and it looks like the jQuery functions "attr" and "wrap" might be useful, but with my currently limited jQuery skills I can't really connect the dots.

  Read the article

• Read from values from hidden field values in Jquery?

  - by James123

  Last two nights I am struggle with below code. The problem is I need to remember expanded (or) collapsed toggles sections and on page reload I have show them as is expanded (or) collapsed. $(function() { $('tr.subCategory') .css("cursor", "pointer") .attr("title", "Click to expand/collapse") .click(function() { $(this).siblings('.RegText').toggle(); }); $('tr[@class^=RegText]').hide().children('td'); }) I found small solution in another forum like this. Storing ".subCategory" id values in hidden field in commas-seperated values. In Asp.net page: <input id="myVisibleRows" type="hidden" value="<% response.write(myVisibleRowsSavedValue) %" /> In .js: var idsStr = $(#myVisibleRows).val(); Now My question is: How to store multiple values (.subCategory id) in hidden field when I click on toggle?. also How to parse them back and iterate them get ids and show toggles?. I am very very new to jQuery. Please some one help me out from this.

  Read the article

• how to loop throw all the Fileds in the view to check wheather checkbox is checked or not using jque

  - by kumar

  Hello friends. I have this code I am checking wheather checkbox i checked or not.. $('#btnsubmit').click(function() { $('#Details input[type=checkbox]').each(function() { if ($(this).attr('checked')) { alert("selected"); return false; } else { alert("please select atleast one user"); return false; } }); }); here var checked showing true or false.. I have deatils Fieldset in the view.. like that each field set having one check box.. like that there are three fieldsets with one check box..I need to know how many details checkbox is checked? can I loop each Details Fieldset to know how many details checkboxes are cheked? thanks

  Read the article

• Keyup attribute 'name' change not working

  - by dclowd9901

  Hey guys, I've got what I imagine is a simple question, but for some reason, I can't get it working right. Expected Behavior: I type characters into a field, and, through a function, those characters are translated into the value of the name HTML attribute. Actual Behavior: Reflected in Firebug, the value doesn't change or update. The Code: $('input').live('keyup', function() { var name_value = $(this).val().toLowerCase(); $(this).attr('name', name_value); }); Just a side note: I'm using .live() because the element can be cloned, and those clones need to also be able to take on the properties of this .keyup event. Any ideas?

  Read the article

• How to check that this event would occur after DOM is ready in jquery ?

  - by Rachel

  I want to get page_tag information from the page and want to make sure that DOM for this page is already ready before getting the page tag information. I am doing $(document).ready( { alert("test"); var page_tag : $("head meta[name='page_tag']").attr('content'); page_tag : (page_tag) ? page_tag : ''; } But it gives me errors, missing : after property id alert("Check if document is ready");\n Any suggestions on what could be the possible reasons for it or any other way of checking if the dom is ready or not before getting page_tag information.

  Read the article

< Previous Page | 53 54 55 56 57 58 59 60 61 62 63 64  | Next Page >