Search Results

Search found 18359 results on 735 pages for 'jquery chosen'.

Page 220/735 | < Previous Page | 216 217 218 219 220 221 222 223 224 225 226 227  | Next Page >

• jQuery parent()

  - by Happy

  jQuery snippet: $(".sliders dt a").click(function(){ $(this).parent().parent().parent().find(".triggers a").removeClass("active"); return false }); HTML: <div class="triggers"><a href="#" class="active">Hide all</a></div> <dl class="sliders"> <dt><a href="#">text</a></dt> <dd>text</dd> </dl> Three .parent() is used, to catch .triggers block. Is there any way to merge them?

  Read the article

• jquery issues - it wont change it accordingly

  - by chuck

  My coding isnt linking properly , its meant to use jquery to detect the OS and change the link accordingly , however it isn't. In my HTML page I have it linked in the header as <script src="jsquery.js" type="text/javascript"></script> which loads up my jsquery now $(document).ready(function() { if (navigator.appVersion.indexOf("Win") != -1) { // Computers runs windows $("a[href$='.pdf']").each(function() { this.href = this.href.replace("Volumes", "KP01DS0194TG"); }); } if (navigator.appVersion.indexOf("Mac") != -1) { // computer is a Mac $("a[href$='.pdf']").each(function() { this.href = this.href.replace("KP01DS0194TG", "Volumes"); }); } }); Yet on Mac's it still tries to connect to KP01DS0194TG and not to Volumes - it doesnt change it - how can I get it to recognize the OS and change it accordingly?

  Read the article

• Deselecting an element in jQuery

  - by Michael Itzoe

  I have a collection of span elements. In the code I have a global variable that represents the "selected" object. Using the click event when a span is clicked I reset the object's class, reset the global variable, then set the object to the variable and change its class (to make it "highlighted"). This effectively toggles selection when clicking an object. var currentItem = null; $( ".item" ).click( function() { if( $( this ).hasClass( "selected" ) ) { $( this ).removeClass( "selected" ) currentItem = null; } else { if( $( ".item" ).hasClass( "selected" ) ){ $( ".item" ).removeClass( "selected" ) } $( this ).addClass( "selected" ); currentItem = $( this ); } } ); What I'd like to be able to do is unselect when clicking on an empty area of the page. I tried creating a click event on the body object, but that overrode the span click event so nothing was selected. I'm a complete jQuery noob and not sure where to go with this.

  Read the article

• Writing jQuery functions that allow chaining.

  - by Rich Bradshaw

  I want to write some code that allows me to replace jQuery's animate function with one that does different things, but still allows me to call a secondary function on completion. At the moment, I'm writing lots of code like this; if (cssTransitions) { $("#content_box").css("height",0); window.setTimeout(function() { secondFunction(); }, 600); } else { $("#content_box").animate({ height:0 }, 600, function() { secondFunction(); }); } I'd much rather write a function that looks like this: function slideUpContent(object) { if (cssTransitions) { object.css("height",0); // Not sure how I get a callback here } else { $("#content_box").animate({ height:0 }, 600, function() { }); } } That I could use like this: slideUpContent("#content_box", function(){ secondFunction(); }); But I'm not sure how to get the functionality I need - namely a way to run another function once my one has completed. Can anyone help my rather addled brain?

  Read the article

• JQuery div tag has children in FireFox but not Chrome

  - by John Edwards

  I am using JQuery ajax to load images from a url, display them, and then place a button on top of each image. The code works in firefox, but in chrome, the div parent "photos" that should have all the children(one child div "photo" for each image received from the url) is 0. I have tried read() and load(), but nothing seems to work. If I run alert($('#photos').children().size()); in the Chrome console it returns the children. But at execution it returns 0. Any ideas? $(window).load(function () { $("p").text("The DOM is now loaded and can be manipulated."); //returns 0 in chrome, but 10 in firefox alert($('#photos').children().size()); $('#photos').children().each(function() { //do stuff

  Read the article

• I want to get the value of an id from a nested div - jquery

  - by Jean

  Hello I want to obtain the .text() of #inner2 <div class="outer" id="outer"> <div id="inner1" class="inner">test1</div> <div id="inner2" class="inner">test2</div> <div id="inner3" class="inner">test3</div> </div> This is the jquery function I am using $('.outer').bind('click',function() { var one = $('#inner'+x).attr('id'); alert(one); }); The problem is the first #id value is show in the alert. Thanks Jean

  Read the article

• jquery find child

  - by Sir Lojik

  hi all, ive got a jquery DOM traversing problem... i would like to get the first div (child) of li with id='wpc_pics2840' from the markup below. ie <div class="ui-btn-inner"> <li id="wpc_pics2840"> <div class="ui-btn-inner"> <div class="ui-btn-text"> <a href="#" class="ui-link-inherit"> <img width="40" height="40" src="http://www.veepiz.com/members/jimmydeantony/media/443_thumb.jpg" class="ui-li-thumb ui-corner-bl"> <div style="font-size:9pt;font-weight:normal;">upload a bigger picture....</div> </a> </div><span class="ui-icon ui-icon-arrow-r"></span></div></li> btw, please dont say something like $('.ui-btn-inner')... its got to be the first child div of element with id='wpc_pics2840'

  Read the article

• JQuery remove image src prefix

  - by mtwallet

  Hi. I have a bunch of images on a page that are contained within a div with a class of content-block like this: <div class="content-block"> <img src="../images/path/path/image.jpg" alt="blah" title="blah" /> <img src="../images/path/path/image.jpg" alt="blah" title="blah" /> <img src="../images/path/path/image.jpg" alt="blah" title="blah" /> <img src="../images/path/path/image.jpg" alt="blah" title="blah" /> <img src="../images/path/path/image.jpg" alt="blah" title="blah" /> </div> I am loading this html into a div via ajax. When I load it in I need to remove the "../" before the image path, after it loads in so the path remains correct. Can this be done with JQuery? Many thanks in advance.

  Read the article

• how can i stop my sound file from being auto download in php jquery

  - by testkhan

  i have following code in my php jquery call... <object type="application/x-shockwave-flash" data="mysounds/player.swf" id="audioplayer1" height="1" width="1"> <param name="movie" value="mysounds/player.swf" /> <param name="FlashVars" value="playerID=audioplayer1&autostart=yes&soundFile=mysounds/online.mp3" /> <param name="quality" value="high" /> <param name="menu" value="false" /> <param name="wmode" value="transparent" /> </object> and i have internetdownloadmanager installed on my pc when ever i try to load the page it start downloading the sound with internetdownloadmanager how can i stop that....and prevent it from auto downloading from any downloader...

  Read the article

• jquery, position 'close icon' div in the top right of a large image

  - by Blankman

  My webpage has a large image (a map). I want to position, at the top right of the image, a small icon that is for closing the map. How can I figure out the position and place the image appropriately? The image has a fixed width of 900 x 600. I have jquery on the page if that helps. I tried using $("#map").position and I have the top and left, but not sure how to position to the top right.

  Read the article

• JQuery: Selecting Text in an Element (akin to highlighting with your mouse)

  - by Jason

  I would like to have users click a link that then selects the html text in another element (NOT an input). By "select" I mean the same way you would select text by dragging your mouse over it. This has been a bear to research because everyone talks about "select" or "highlight" in other terms. Is this possible? My code so far is thus: html: <a href="javascript:" onclick="SelectText('xhtml-code')">Select Code</a> <code id="xhtml-code">Some Code here </code> js (jquery): function SelectText(element) { $("#" + element).select(); } but it doesn't work. Am I missing something blatantly obvious? Thanks

  Read the article

• problem in jquery with showing pop message on submit form

  - by user1400

  hi guys in my application on php i use of 'jQuery Notify Bar' plugin for display messages, i'd like to show message when my form submit(in edit page) ,the other page(index page) is opened and notify bar be open until the other page(index page) is completely load and even some second more but the problem is that notify bar show for short Moment and when the index page begin to load , notify bar is closed, and the delay property is not effect to that $('#myForm').submit(function(){ $.notifyBar({ html: "Thank you, your settings were updated!", **delay: 20000,** animationSpeed: "normal" }); how to show notify bar in the other page too? thanks

  Read the article

• Align jQuery List

  - by William Lewis

  I'm creating a mobile website with jQuery, and I was wondering if there was a way to align a list to the bottom of a page, I just want the list to stay at the very bottom of the page, and be fixed in the spot. Thanks This is the list im trying to get fixed on the bottom of the page: <div data-role="content"> <div class="content-primary"> <ul data-role="listview"> <li><a href="link.html"><img src="file.jpg" /><h3>List name</h3></a> </li> </div>

  Read the article

• Answered: Selecting even table rows from a table element

  - by mvrak

  The issue I am having is: How do I go from a variable pointing at an element to using CSS selectors? I want to make this work: function highlight(table) {$(table " > :even").toggleClass('highlight');} where table is a reference to a table element. I don't want answers that tell me to use $('#table') because that defeats the point of the generality I am trying to make. Thanks

  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

• Extracting the most duplicate value from an array in JavaScript (with jQuery)

  - by TK

  I have several array to deal with. I need to extract the most duplicate value from each array. From [3, 7, 7, 7], I need to find the value 7. Each array size is 4. For now, I don't have to think about when the most duplicate values are more than one such as [3, 7, 7, 7]. All the values are a number. I looked around the web. I found several ways to make an array to become uniq(). But I haven't found a way to get the duplicate value. I am using jQuery, but raw JavaScript is fine for this task.

  Read the article

• Using arrays in Jquery

  - by Tom

  Here is a code: <input type="button" id="array[1]" value="Value1" /> <input type="button" id="array[2]" value="Value2" /> <input type="button" id="array[3]" value="Value3" /> And I want to do something like that: $('#array').click(function() { id = this.id; $.ajax({ here goes type, url, data and else }); }) I want to id add array's number. For example, if I click button where id is array[3] so id gets value of 3 in Jquery's function. Hope you got what I mean.

  Read the article

• Using JS Methods in jQuery

  - by Wasabi

  In the following code snippet, the String.fromCharCode is used, can all JS methods be used within jQuery? Perhaps a noob question, but better to ask and prove a noob, then assume and be a fool. // Invoke setBodyClass when a key is pressed $(document).keyup(function(){ switch (String.fromCharCode(event.keyCode)){ case 'D': setBodyClass('default'); break; case 'N': setBodyClass('narrow'); break; case 'L': setBodyClass('large'); break; } });//end keyup

  Read the article

• jQuery/CSS related problem

  - by MrAwesome

  Hi I am new to jQuery, and this is the page I'm currently developing. http://90.230.237.71/gandhi.html (Hope that works now :P) When I hit "Show/hide gallery" all the images are first opened vertically, and later they are corrected to their horizontal placement, that's the problem. They should be horizontal right away! I don't know if this is due to jQuerys slideDown or entirely CSS-related, but the code is all there for you. Initally, the images are set to display: none, perhaps they then are invisibly stored vertically. Then slideDown is performed and last, the CSS-attributes are changed to "display: inline". Perhaps I need to change execution order of slideDown and setting the CSS-attributes... but how? I NEED HELP... for many reasons, but I only want you to help me with this one ;) And also, please actually look at the code before making any assumptions. It's all there in the code.

  Read the article

• JQuery Facebook like Tag feature

  - by Tech

  Hi, Does anyone know of a very basic tag JQuery script? (Facebook like tag feature) All I want to do is when I type @ in a text box for it to search an AJAX search, it then brings back a display name i.e. "Bob Johnson" and an associated Id and stores the Id in a comma delimited list. So an example would be the following .... [TextArea] [Name 1] [Name 2] [Name 3] The thing is it also needs to remove this entry (Id) once the tag gets removed, also it needs to load into a DIV which has a scrollbar so that the list doesn't get to big. If anyone know's how/if this is possible that would be great. Thanks.

  Read the article

• accessing div inside the td using jquery

  - by azamsharp

  not sure why I find this so difficult. Here is the html code: <tr> <td>FirstName 9</td><td>LastName 9</td><td> <a href="#" id="linkSponsorMessage">View</a> </td><td> <div class="divSponsorMessage" style="display:none"> Greetings FirstName 9, LastName 9! </div> </td> </tr> I need to access the when click on the anchor link using JQuery. UPDATE: I got to work: $("#linkSponsorMessage").parent("td").next("td").children("div") But is there a better way!!!

  Read the article

• JQuery if/else statement matching a wildcard css name

  - by Neokoenig

  Hi All, I'm trying to write an if/else statement in jQuery which can change an elements class by matching 'IN' or 'OUT' (in this case). I.e, I have several Divs with class='IN-something' OR class='OUT-something'. The below would work if I new the exact CSS class, but all I'll know is whether it contains 'IN' or 'OUT'. So like this, but works: if ($(jRow).hasClass('IN-*')) {jRow.attr( "class", "OUT-foo" );} else {jRow.attr( "class", "IN-foo");} Ideas? Thanks!

  Read the article

• jquery tree selection

  - by Qiao

  I have cats with tree hierarchy, for example, country-city. So that you should first choose country, and then city. Or big catalog for products. You should choose several "folders", to get for specific product. Yahoo's answers have this: And some business catalogs sites with big products lists. I have all cats in php and can pass them to javascript. How can I Implement it on one page? Is there any jquery plugin for this?

  Read the article

• Inserting text into a textarea using .load() in jQuery

  - by bateman_ap

  Hi, having a bit of a nightmare, I am trying to use jQuery to insert some text taken from a .load() call into a form field (textfield) after a user logs in (basically prefilling some known details) The code I am using is: $.ajax({ type: "POST", url: "/ajax/login.php", data: dataString, success: function(html) { if (html == 1) { $("#loginPanel").load("/ajax/login-panel.php"); $("#bookName").load("/ajax/getSessionDetails.php #userUsername"); $("#bookEmail").load("/ajax/getSessionDetails.php #userEmail"); $("#bookingLogin").hide("fast"); } else { $("#loginError").html("Sorry, login failed, please try again"); } } }); If I hardcode such as $("#bookName").html("Test Content"); it works OK so it must be a problem with the .load call. I looked around and found some guy suggest something like the following code but I couldn't get it to work: $.get(htmlBannerUrl, function(data){ $('textarea').val(data); });

  Read the article

• Zend and Jquery (Ajax Post)

  - by Zend_Newbie_Dev

  I'm using zend framework, i would like to get POST data using Jquery ajax post on a to save without refreshing the page. //submit.js $(function() { $('#buttonSaveDetails').click(function (){ var details = $('textarea#details').val(); var id = $('#task_id').val(); $.ajax({ type: 'POST', url: 'http://localhost/myproject/public/module/save', async: false, data: 'id=' + id + '&details=' + details, success: function(responseText) { //alert(responseText) console.log(responseText); } }); }); }); On my controller, I just don't know how to retrieve the POST data from ajax. public function saveAction() { $data = $this->_request->getPost(); echo $id = $data['id']; echo $details = $data['details']; //this wont work; } Thanks in advance.

  Read the article

< Previous Page | 216 217 218 219 220 221 222 223 224 225 226 227  | Next Page >