Search Results

Search found 33064 results on 1323 pages for 'jquery date range picker'.

facebook twitter digg google delicious technorati stumbleupon myspace wordpress linkedin gmail igoogle windows live tumblr viadeo yahoo buzz yahoo mail yahoo bookmarks favorites email print

Page 342/1323 | < Previous Page | 338 339 340 341 342 343 344 345 346 347 348 349  | Next Page >

  • jquery .inside() ?

    - by codedude
    I was wondering if it was possible to insert content inside html tags. So say you have a h4 tag: <h4>Some Header</h4> And you want the text to also be surrounded by a span with a class of "line". Like so: <h4><span class="line">Some Header</span></h4> I know about stuff like .after() but is there something like .inside() to do this with? \ Ok...I know I could do this manually, but in this situation it is out of the question. Thanks

    Read the article

  • jQuery .parent() does not work

    - by Misha Moroshko
    Why the following code fails with: Error: class_a_jquery_objects[0].parent is not a function ? HTML: <div> <div class='a b'></div> <div class='b c'></div> <div class='c a'></div> </div> <div id='log'></div> JS: $(function() { var class_a_jquery_objects = $(".a"); $("#log").append(class_a_jquery_objects.length + "<br />"); $("#log").append(class_a_jquery_objects[0] + "<br />"); $("#log").append(class_a_jquery_objects[0].parent() + "<br />"); });

    Read the article

  • Retreive value stored in array with jquery index

    - by Dustin
    I am trying to retreive the stored value (div id) of an index stored in var "current" when it's div is clicked, so I can use it in a function to iterate through to the next index later. I want to store this stored value in a var so I can use it in a div show/hide function. my html is quite simple: <div class="gallerypreview" id="1"></div> <div class="gallerypreview" id="2"></div> <div class="gallerypreview" id="3"></div> my javascript is something like this: var images = new Array(); $(document).ready( function(){ $('.gallerypreview').each(function() { images.push($(this).attr("id")); }); $('.gallerypreview').click(function() { var current = $('.gallerypreview').index(this); }); }); how would I go about retrieving the div id from this clicked div? nothing I have tried has worked. I can get the index # fine, but I cannot find the value of the index using any functions that utilize the index # yet.

    Read the article

  • JQuery Div not animating in click function

    - by Doug
    Hi Everyone! I have the following code, I am attempting to have a div animate on a click event, but for some reason the div is immediately moving to the location and it's not animating to the coordinates specified, what am I doing wrong here? code: $(document).ready(function() { $('#example1').click(function(e){ var x = e.pageX - this.offsetLeft; var y = e.pageY - this.offsetTop; $('#example1-xy').html("X: " + x + " Y: " + y); var leftOfShip = x; //var leftOfShip = document.getElementById("ship").style.left + 20; $("#ship").animate({left: $("#ship").css("left",leftOfShip)},5000); }); }); Any Advice would be of help!!

    Read the article

  • problem with jquery for add cart button

    - by jessy
    hi i have a problem with displaying amount.i have the page called make payment in this page i made three radio buttons, if i click the button that amount must add with addcart like a product. <form id='theForm'> <input type="hidden" name="totalamount" id="totalamount" value="1" /> input type="radio" name="rmr" id="payment1" value="3" onclick="updatepayment(this.value)" / input type="radio" name="rmr" id="payment2" value="5.5" onclick="updatepayment(this.value)"/ input type="radio" name="rmr" id="payment4" value="10" onclick="updatepayment(this.value)"/ div id="finalamount" /div i think that problem is my js script. if i click that button there is no response. how do i solve that problem you guys can give me any idea $(document).ready(function() { $(".cart :radio[name='rmr']").add(".cart :radio[name='rmr']").each(function() { $(this).click(function() { $(".cart :radio[name='rmr']").add(".cart :radio[name='rmr']").each(function() { $(this).attr("checked", false); }); $(this).attr("checked", true); }); }); }) function updatePayment(val) { $("").html("updatePayment(" + val + ")").appendTo(document.body); } thanks.have a nice day

    Read the article

  • Making JQuery horizontal accordion close on click

    - by user310404
    Example: http://vincent-massaro.com/map/ Currently, the script allows you to click on a piece of the accordion to open it, but it is set to close on mouseleave. When I set the mouseleave to .click, it gets confused and doesn't know what state it is in. The code controlling this is below, and the full script is in haccordion.js linked in the page source. If someone could help me modify this script, I would be very grateful! Thanks in advance. $target.click(function(){ haccordion.expandli(config.accordionid, this) config.$lastexpanded=$(this) }) if (config.collapsecurrent){ //if previous content should be contracted when expanding current $target.mouseleave(function(){ $(this).stop().animate({width:config.paneldimensions.peekw}, config.speed) }) }

    Read the article

  • Jquery form submit() call back not working

    - by Aneesh
    I have an iframe and a form. Form's target is iframe. When I submit form, the result page should load in iframe. I have attached the code below: <script type="text/javascript"> function submitForm() { $("form#testForm").submit(function(){ alert('hii') }); } </head> <body> <iframe name="testFrame" id="testFrame" frameborder="1" scrolling="no" width="500" height="200"></iframe> <form name="testForm" id="testForm" action="http://www.yahoo.com" target="testFrame"> </form> <button name="testBtn" value="submit" onclick="submitForm();">submit</button> </body> </html> The alert is not coming....Help me please...

    Read the article

  • jQuery .die isnt killing an attached event?

    - by adam
    Hi I've just started experimenting with .live and .die and having some great results but one thing isn't working. I've been tinkering with firebugs console to try out my written code live to see if i can figure out the reason why .die isn't killing off an attached event. First if i do this //attach ajax submission $('a[href$=edit]').live("click", function(event) { $.get($(this).attr("href"), null, null); return false; }); Then as expected when I click on a link the ajax fires off and my server side code injects a form for inline editing. But sometimes I want to disable this behaviour and also make the link unclickable so I do the following //unbind ajax form creation when we click on a link, then disable its semantic behaviour $('a[href$=edit]').die("click").click( function(){ return false; } ); which works but if then try to remove this and restore that ajax goodness with the code below it doesn't work, Instead the link remains unclickable. I cant figure out why? Can anyone help? //remove any previous events from the links $('a[href$=edit]').die(); //attach ajax submission $('a[href$=edit]').live("click", function(event) { $.get($(this).attr("href"), null, null); return false; });

    Read the article

  • How to write Jquery cookie

    - by mtwallet
    Hi. I am designing a website that has 100% width + height div containing a graphic overlaying the home page. I want to show this once to the user when they first visit the site, a kind of welcome to the site click here to enter then this would never been shown to that user again. How do I write a cookie to do this? Many thanks.

    Read the article

  • search a jquery autocomplete plugin

    - by user285336
    User enters tag in the textbox. The textbox is a live search as the user types it brings up suggester results based on the tags already in the system, simiral to stackoverflow tag input :) Tags are separated by commas, so when a user selects a result from the livwe search, it automatically populates the text and a trailing comma does anybody know such plugin?

    Read the article

  • Javascript/Jquery pop-up window in Asp.Net MVC4

    - by Mark
    Below I have a "button" (just a span with an icon) that creates a pop-up view of a div in my application to allow users to compare information in seperate windows. However, I get and Asp.Net Error as follows: **Server Error in '/' Application. The resource cannot be found. Requested URL: /Home/[object Object]** Does anyone have an Idea of why this is happending? Below is my code: <div class="module_actions"> <div class="actions"> <span class="icon-expand2 pop-out"></span> </div> </div> <script> $(document).ajaxSuccess(function () { var Clone = $(".pop-out").click(function () { $(this).parents(".module").clone().appendTo("#NewWindow"); }); $(".pop-out").click(function popitup(url) { LeftPosition = (screen.width) ? (screen.width - 400) / 1 : 0; TopPosition = (screen.height) ? (screen.height - 700) / 1 : 0; var sheight = (screen.height) * 0.5; var swidth = (screen.width) * 0.5; settings = 'height=' + sheight + ',width=' + swidth + ',top=' + TopPosition + ',left=' + LeftPosition + ',scrollbars=yes,resizable=yes,toolbar=no,status=no,menu=no, directories=no,titlebar=no,location=no,addressbar=no' newwindow = window.open(url, '/Index', settings); if (window.focus) { newwindow.focus() } return false; }); });

    Read the article

  • Jquery Hover Flickering issue

    - by Muhammad Faisal
    Hi, Hope u people will be fine. Here is my basic code: http://jsfiddle.net/kr9pY/7/ in this demo you can see when we hover on div with id="container", a div with class="nav" fades in. But the problem is that after doing this if i hover on div with class="nav" the div fades out and in again, and if i mover cursor slightly within .nav div, it repeats this behavior repeatedly. I don't want to this behaviour when we hover on .nav div or mover cursor within this div. Thank, and sorry for my bad english.

    Read the article

  • Jquery Double clicking on link removing div content

    - by ram
    I wrote this code to load the content of a DIV ,when some one clicks on a link. Now,if you click on a link twice,it is removing the content. Here is the code $('a').click(function() { var id = $(this).attr('class'); if(id == 'first') { $('.active').removeClass('active'); $('a.first').addClass('active'); } else if(id == 'second') { $('.active').removeClass('active'); $('a.second').addClass('active'); } $('#first').toggle(id == 'first'); $('#second').toggle(id == 'second'); });? <a class="first">one</a> <a class="second">two</a> <div> <li id="first"> <h2>pen</h2> <div> <div>parker</div> </div> </li> <li id="second" style="display: none;"> <h2>car</h2> <div>Bugatti</div> </div> </li> </div>? .active { color: green; }

    Read the article

  • Adding an additional click event to every element (JavaScript / jQuery)

    - by Gausie
    I'm developing a touchscreen application that, aside from everything else, records the amount of times the screen is used so that the user can be reminded to clean the screen after a predefined number of clicks. I've got the click functions written nicely, all I need now is make sure the function is called on a click. I imagine $('*').click(function() { //do something }); would accomplish my goal, but is that the best way? Also, would that overwrite other click functions assigned to the elements?

    Read the article

  • jQuery: issues with mouseover event if the element has children

    - by Patrick
    hi, I have the following element: <div id="#block-block-1"> <p>KAREN LANCEL:<br> lancel(at)xs4all.nl<br> phone 0031 (0)624873424</p> <p>HERMEN MAAT:<br> maat(at)xs4all.nl<br> phone 0031 (0)628536885</p> </div> which is supposed to disappear when the mouse is moved out of it (I will ignore now to talk about the fading in event). This is the code to make it fading out: $('#block-block-1').mouseout(function() { $(this).css("display","none"); }); The issue here is that the 'mouseout' event is triggered when the mouse is over the children elements inside my div. And the parent disappears even if the mouse is still inside it.

    Read the article

  • jQuery: add border on hovered element but NOT parents

    - by John Isaacks
    I have this code: var originalBorder = container.css("border"); container.hover(function(event) { event.stopPropagation(); $(this).css("border", "1px solid "+options.color); },function(){ $(this).css("border", originalBorder); }); Which I am using to add a border to the currently hovered element. However for example if a span is inside a div they are both getting borders. I only want to target the span. I thought that adding event.stopPropagation() would do the trick (this is what I would do in Flex, which is what I am more used to) but I guess this is a live event which I dont even understand what that means. So basically how can target the youngest element without triggering the parents? Thanks!!

    Read the article

  • How to resize a image with jquery

    - by Anders Kitson
    I want to resize a img on a click function. Here is my code that is currently not working. I am not sure if I am doing this correctly at all, any help would be great. <script> $(document).ready(function(){ $("#viewLarge").click( function(){ $("#newsletter").width("950px"); }); }); </script> <a id="viewLarge" class="prepend-7" href="#">View Larger(+)</a> <img id='newsletter' width='630px' src='images/news/hello.jpg'>

    Read the article

  • jquery + prepend text not working

    - by Tiago Teixeira
    Hello, I have this following code: $(".preview").find("#panel").each(function(i, val) { var x = "" + $(val).html(); $(x).find(".dmPageHeadline").prepend(" 1 - "); console.log($(x).html()); html += $(x).html(); }); This code iterates through all accordion panels, concatenates its content and add " 1 - " to the header ( class "dmPageHeadline" ). Probably it's a simple detail, but i cannot figure it out... this line $(x).find(".dmPageHeadline").prepend(" 1 - "); doesn't preprend the desired text. Anyone can point me out what is wrong here? Thank you very much and happy new year ! Teixeira

    Read the article

  • asp.net mvc jQuery $.post works but $.get doesn't

    - by iboeno
    Why would POST work but not GET? I'm not using [AcceptVerbs(HttpVerbs.Post)]. I'm calling this: public ActionResult GetTest(string key) { var test = new { HelpTest = key }; return Json(test); } And it works when I do this: $.post("/Home/GetTest", { key: options.key }, function(helpTest) { alert(helpTest.HelpTest); }); But not this: $.get("/Home/GetTest", { key: options.key }, function(helpTest) { alert(helpTest.HelpTest); }); Why would this be? Using GET returns an XMLHttpRequest.status of 500. What am I confused about?

    Read the article

  • applying a var to an if statement jquery

    - by Dirty Bird Design
    Need to apply a var to a statement if its conditions are met, this syntax isn't throwing errors but its not working. <script type="text/javascript"> $(document).ready(function(){ var action_is_post = false; //stuff here $(this).ready(function () { if ($("#stepDesc0").is(".current")) { action_is_post = true; } }); //stuff here </script> should I use something other than .ready? Do I even need the $(this).ready(function ()... part? I need it to apply the var when #stepDesc0 has the class current.

    Read the article

facebook twitter digg google delicious technorati stumbleupon myspace wordpress linkedin gmail igoogle windows live tumblr viadeo yahoo buzz yahoo mail yahoo bookmarks favorites email print

< Previous Page | 338 339 340 341 342 343 344 345 346 347 348 349  | Next Page >