Search Results

Search found 23356 results on 935 pages for 'jquery ui'.

Page 363/935 | < Previous Page | 359 360 361 362 363 364 365 366 367 368 369 370  | Next Page >

• Is there a JQuery alternative to JQTouch with better Android Support?

  - by Autofill

  Basically looking for a JQuery plugin with better Android browser support than JQTouch. Or even an alternative Javascript framework with better mobile support.

  Read the article

• What is the best way to wrap label text with jquery?

  - by Massimo Ugues

  Hallo all. I need to set a maximum widht to a label tag and avoid the text overflow with jquery. Is there an elegant way to do it? Kind regards Massimo

  Read the article

• Help me to simplify my jQuery, it's growing huge and redundant!

  - by liquilife

  Hey all, I am no jQuery expert, but I'm learning. I'm using a bit (growing to a LOT) of jQuery to hide some images and show a single image when a thumb is clicked. While this bit of jQuery works, it's horribly inefficient but I am unsure of how to simplify this to something that works on more of a universal level. <script> $(document).ready(function () { // Changing the Materials $("a#shirtred").click(function () { $("#selectMaterials img").removeClass("visible"); $("img.selectShirtRed").addClass("visible"); }); $("a#shirtgrey").click(function () { $("#selectMaterials img").removeClass("visible"); $("img.selectShirtGrey").addClass("visible"); }); $("a#shirtgreen").click(function () { $("#selectMaterials img").removeClass("visible"); $("img.selectShirtGreen").addClass("visible"); }); $("a#shirtblue").click(function () { $("#selectMaterials img").removeClass("visible"); $("img.selectShirtBlue").addClass("visible"); }); // Changing the Collars $("a#collarred").click(function () { $("#selectCollar img").removeClass("visible"); $("img.selectCollarRed").addClass("visible"); }); $("a#collargrey").click(function () { $("#selectCollar img").removeClass("visible"); $("img.selectCollarGrey").addClass("visible"); }); $("a#collargreen").click(function () { $("#selectCollar img").removeClass("visible"); $("img.selectCollarGreen").addClass("visible"); }); $("a#collarblue").click(function () { $("#selectCollar img").removeClass("visible"); $("img.selectCollarBlue").addClass("visible"); }); // Changing the Cuffs $("a#cuffred").click(function () { $("#selectCuff img").removeClass("visible"); $("img.selectCuffRed").addClass("visible"); }); $("a#cuffgrey").click(function () { $("#selectCuff img").removeClass("visible"); $("img.selectCuffGrey").addClass("visible"); }); $("a#cuffblue").click(function () { $("#selectCuff img").removeClass("visible"); $("img.selectCuffBlue").addClass("visible"); }); $("a#cuffgreen").click(function () { $("#selectCuff img").removeClass("visible"); $("img.selectCuffGreen").addClass("visible"); }); // Changing the Pockets $("a#pocketred").click(function () { $("#selectPocket img").removeClass("visible"); $("img.selectPocketRed").addClass("visible"); }); $("a#pocketgrey").click(function () { $("#selectPocket img").removeClass("visible"); $("img.selectPocketGrey").addClass("visible"); }); $("a#pocketblue").click(function () { $("#selectPocket img").removeClass("visible"); $("img.selectPocketBlue").addClass("visible"); }); $("a#pocketgreen").click(function () { $("#selectPocket img").removeClass("visible"); $("img.selectPocketGreen").addClass("visible"); }); }); </scrip> <!-- Thumbnails which can be clicked on to toggle the larger preview image --> <div class="materials"> <a href="javascript:;" id="shirtgrey"><img src="/grey_shirt.png" height="122" width="122" /></a> <a href="javascript:;" id="shirtred"><img src="red_shirt.png" height="122" width="122" /></a> <a href="javascript:;" id="shirtblue"><img src="hblue_shirt.png" height="122" width="122" /></a> <a href="javascript:;" id="shirtgreen"><img src="green_shirt.png" height="122" width="122" /></a> </div> <div class="collars"> <a href="javascript:;" id="collargrey"><img src="grey_collar.png" height="122" width="122" /></a> <a href="javascript:;" id="collarred"><img src="red_collar.png" height="122" width="122" /></a> <a href="javascript:;" id="collarblue"><img src="blue_collar.png" height="122" width="122" /></a> <a href="javascript:;" id="collargreen"><img src="green_collar.png" height="122" width="122" /></a> </div> <div class="cuffs"> <a href="javascript:;" id="cuffgrey"><img src="grey_cuff.png" height="122" width="122" /></a> <a href="javascript:;" id="cuffred"><img src="red_cuff.png" height="122" width="122" /></a> <a href="javascript:;" id="cuffblue"><img src="blue_cuff.png" height="122" width="122" /></a> <a href="javascript:;" id="cuffgreen"><img src="/green_cuff.png" height="122" width="122" /></a> </div> <div class="pockets"> <a href="javascript:;" id="pocketgrey"><img src="grey_pocket.png" height="122" width="122" /></a> <a href="javascript:;" id="pocketred"><img src=".png" height="122" width="122" /></a> <a href="javascript:;" id="pocketblue"><img src="blue_pocket.png" height="122" width="122" /></a> <a href="javascript:;" id="pocketgreen"><img src="green_pocket.png" height="122" width="122" /></a> </div> <!-- The larger images where one from each set should be viewable at one time, triggered by the thumb clicked above --> <div class="selectionimg"> <div id="selectShirt"> <img src="grey_shirt.png" height="250" width="250" class="selectShirtGrey show" /> <img src="red_shirt.png" height="250" width="250" class="selectShirtRed hide" /> <img src="blue_shirt.png" height="250" width="250" class="selectShirtBlue hide" /> <img src="green_shirt.png" height="250" width="250" class="selectShirtGreen hide" /> </div> <div id="selectCollar"> <img src="grey_collar.png" height="250" width="250" class="selectCollarGrey show" /> <img src="red_collar.png" height="250" width="250" class="selectCollarRed hide" /> <img src="blue_collar.png" height="250" width="250" class="selectCollarBlue hide" /> <img src="green_collar.png" height="250" width="250" class="selectCollarGreen hide" /> </div> <div id="selectCuff"> <img src="grey_cuff.png" height="250" width="250" class="selectCuffGrey show" /> <img src="red_cuff.png" height="250" width="250" class="selectCuffRed hide" /> <img src="blue_cuff.png" height="250" width="250" class="selectCuffBlue hide" /> <img src="green_cuff.png" height="250" width="250" class="selectCuffGreen hide" /> </div> <div id="selectPocket"> <img src="grey_pocket.png" height="250" width="250" class="selectPocketGrey show" /> <img src="hred_pocket.png" height="250" width="250" class="selectPocketRed hide" /> <img src="blue_pocket.png" height="250" width="250" class="selectPocketBlue hide" /> <img src="green_pocket.png" height="250" width="250" class="selectPocketGreen hide" /> </div> </div>

  Read the article

• jQuery doesn't return proper body height on document load - Their bug or mine?

  - by Kyle

  When I use $(document).ready(function() { var bodyHeight = $("body").height(); console.log(bodyHeight); }); I get a really wack number for body height. I then run $("body").height(); in the console and get the right height. Something seems fishy about the $(document).load doing this... Yes my CSS works fine and all, so is this my bug, chromes, or jQuery's?

  Read the article

• how to replace form element with div and keep the inner html in jQuery or asp.net javascript lib ?

  - by sam

  I want to replace a form element with a div and keep the inner html of the form inside the inserted div element. i tried jquery it gives me unkown html element as selection result, below is the target form and inner html: thank you .

  Read the article

• BlockUI jquery plugin keeps page blocked after "back" button. Opera/FireFox

  - by Andrew Florko

  I use jquery blockUI plugin (v2) and call $.blockUI when user submits a form. Web page smoothly fades out and new page appears. That's ok. But when user presses "back" button in opera/fire fox he observes fade out page with hourglass mouse cursor that is completely blocked. Chrome/IE visualize page ok. What would you suggest? Thank you in advance!

  Read the article

• Jquery add elipse (...) and truncate text based on height not width.

  - by Jigs

  I have found many ways to measure width and to truncate text using jquery, but I can't find one based on height. I am limited to two lines of text or it will knock my design out of canter. So does anyone know a method of limiting a paragraph to two lines high, tuncating it and adding an elipse ?

  Read the article

• jQuery hide ul header when all entries are deleted...

  - by Scott

  I'm a noob with jQuery...and I hope I've explained this well enough; I have a <ul> header that appears when I've added an entry to a dynamically created list using $.post. Each entry added has a delete/edit button associated with it. Header is this: <ul class="header"> <li>Month</li> <li>Year</li> <li>Cottage</li> </ul> My dynamic list that is created: <ul class="addedItems"> <li>Month</li> <li>Year</li> <li>Cottage</li> <li><span class="edit">edit</span></li> <li><span class="del">delete</span></li> </ul> This all looks like this: Month Year Cottage <--this appears after I've added an entry -------------------------------- and I want it to stick around unless all items are deleted. Dec 1990 Fir edit/delete <--entries Jan 2000 Willow edit/delete My question is: Is there some kind of conditional that I can use with jQuery to hide the class="header" if all the items are deleted? I've read up on conditional statements like is and not with jq but I'm not really understanding how they work. All of the items in class="addedItems" is stored in data produced by JSON. This is the delete function: $(".del").live("click", function(){ var del = this; var thisVal = $(del).val(); $.post("delete.php", { dirID : thisVal }, function(data){ if(confirm("Are you sure you want to DELETE this entry?") == true) { if(data.success) { //hide the class="header" here somwhere?? $(del).parents(".addedItems").hide(); } else if(data.error) { // throw error if item does not delete } } }, "json"); return false; }); //end of .del function Here is the delete.php <?php if($_POST) { $data['delID'] = $_POST['dirID']; $query = "DELETE from //tablename WHERE dirID = '{$data['delID']}' LIMIT 1"; $result = $db->query($query); if($result) { $data['success'] = true; $data['message'] = "Entry was successfully removed."; } else { $data['error'] = true; $data['message'] = "Item could not be deleted."; } echo json_encode($data); } ?>

  Read the article

• How to convert an object to the serialized syntax for data in jquery.ajax function?

  - by Matthew

  I have an object that I want to send with my jquery.ajax function but I can't find anything that will convert it to the serialized format I need. $.ajax({ type: 'post', url: 'www.example.com', data: MyObject, success: function(data) { $('.data').html(data) } }) MyObject = [ { "UserId": "2", "UserLevel": "5", "FirstName": "Matthew" }, { "UserId": "4", "UserLevel": "5", "FirstName": "Craig" } ]

  Read the article

• Started with jquery 1.4, should I care about previous versions?

  - by Pandiya Chendur

  I have a fair knowledge about Javascript, I started with jQuery 1.4 a week back and I have gone through some examples. It's very interesting to use it with my application. But my concern is, should I care about previous versions? Should I know what the downsides are of the previous version?

  Read the article

• Passing a value from one function to another in jquery...

  - by Pandiya Chendur

  Consider these jquery statements... $(document).ready(function() { getRecordspage(0, itemsPerPage); $(".pager").pagination(maxNumberOfElementsHere, { //my def }); }); I get the value for maxNumberOfElementsHere from getRecordspage function... How to pass that value from getRecordspage function to the next one $(".pager").pagination(maxNumberOfElementsHere.... Any suggestion...

  Read the article

• Jquery Tools Tabs: How to capture onClick event when selection is on current tab?

  - by littlenewton

  Hi All, I tried to ask this question on the jquery tools forum, but didn't get a response, hopefully someone here can help. Question: It seems the onClick event does not get fired when user is already on current tab, I think that make sense for most cases. However, in my case, I do want to capture the onClick event even when the curent tab is already the selection. Is there a way to do this? Thanks!

  Read the article

• How to attach to the jQuery Autocomplete plugin's mouse events?

  - by Tommy B

  My problem is this: I need to update some text in a div with the value of what the mouse pointer is hovering over in the autocomplete drop down list. Can it be done easily, or do I have to make fundamental changes to the Autocomplete plugin? I am using the jQuery Autocomplete plugin version 1.1 by Jörn Zaefferer. Any and all help will be greatly appreciated!

  Read the article

• Is using js.erb files in conjunction with rails and jquery safe?

  - by Yak

  Hi, I have seen many resources on using jQuery with rails where people recommend having callback functions in .js.erb files, however I have also heard that passing data this way leaves me vulnerable to man in the middle attacks. Is this true? What are the security concerns and is there a way to do it safely? Thanks

  Read the article

• What is the most efficient way to parse json in jquery?

  - by Pandiya Chendur

  I am using json data and iterating it through jquery and displaying my results... Using var jsonObj = JSON.parse(HfJsonValue); works in firefox but not in IE6.... HfjsonValue is a json string which is returned from my aspx code behind page... SO i dont use ajax... Any suggestion to get my json parsed better and cross browser one...

  Read the article

• How do I convert character encodings with Javascript? JQuery.

  - by heffaklump

  Hi, Ive got this in an XML file that i parse with JQuery. <title>L&#229;ng</title> I'm using .text() for pulling out the text, but it's wrong encoded. How do I get it encoded to proper text? I want 'Lång' out of it.

  Read the article

• Is it a good idea to learn JavaScript before learning jQuery?

  - by Xaisoft

  Is it a good idea to learn JavaScript before learning a JavaScript framework library such as jQuery, Prototype, etc.? Sometimes I find myself struggling because I feel I don't know JavaScript as well as I should.

  Read the article

• SimpleModal bug when positioning HTML5 video

  - by Damon Morda

  I recently Simple Modal Test <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> <script src="jquery.simplemodal-1.3.5.min.js" type="text/javascript"></script> <script type="text/javascript"> jQuery(function ($) { $('.simple-clicker').click(function (e) { $("#simple-container").modal(); }); }); </script> View preview Header Description of video

  Read the article

• jquery: Why do opacity animations only work with FF?

  - by incrediman

  I'm wondering why opacity animations only work with Firefox, and not with chrome or internet explorer. For example, jQuery("#a").fadeTo(1000,1); fades the element in with firefox, but just makes it appear with Chrome or IE. All I want is for the element to fade in. How can I get this to work with IE and chrome? Edit: Same thing if I use fadeIn() or any other similar function, like show()

  Read the article

• How to do an onclick ajax call to a php file, with jquery?

  - by Yegor

  I have a link, which links to domain.com , when a person clicks, I want it to do an ajax call to counter.php and post 2 variables to it, so it can add 1 to the views for that link. I have a link: Link Title How would I do this with jquery?

  Read the article

• Tips to avoid image flickering when using jquery carousel...

  - by Pandiya Chendur

  I used jquery stepcarousel plugin for my gallery in my application it works but what happens is when i navigate through images i can see new image flickers for few seconds and then shows up.... Any tips to avoid it....

  Read the article

• How do I disable backspace when input checkboxes are focused on in jQuery?

  - by sadmicrowave

  How do I disable the backspace button when input checkboxes are focused on in jQuery? When checkboxes are focused on and I press backspace (keycode=8) the browser thinks I'm trying to go back a page and uses backspace as a history.go(-1) command.

  Read the article

• Jquery SimpleModal: what is the purpose of the container?

  - by mikez302

  I am trying to use the jQuery SimpleModal plugin and I am curious about something: The description page mentions a "container" div. What is the purpose of this? Do I need to use it to use the plugin?

  Read the article

• How do I remove an active outline from jquery accordion ?

  - by Ash

  I am using Jquery Accordion. The active link has an outline. I have tried using css: #accordion a:focus { outline: none; } #accordion a:active {outline: none; font-weight:bold;} and also #accordion a:-moz-any-link:focus { outline: none; } None of these seem to work. Can anyone advise a setting or another option to remove the dotted outline around the active links?

  Read the article

• Is there a nice javascript dialog box for JQuery that works with mobile?

  - by alex

  Mobile browsers. Jquery dialog alert box. I don't want to use alert() because it looks ugly in web browsers. I'm building a website for BOTH mobile and web, so I need a dialog box that can work on both.

  Read the article

< Previous Page | 359 360 361 362 363 364 365 366 367 368 369 370  | Next Page >