how can i add css only to selected div when "more text" is clicked?
hello, at the moment i have some code that displays more text when clicking the more button but how can i make it so that when that link is clicked only the container for that div changes background color. this is the code i have: jQuery(document).ready(function() { var showChar = 70; var ellipsestext = "..."; var moretext = "more"; var lesstext = "less"; $('.more').each(function() { var content = $(this).html(); if(content.length > showChar)
.trigger() in Safari
Hi All, I've written a jQuery function that hooks up an event on mouseenter for a span. It does this by using trigger to fire a click event (which already exists separately and works). This seems to work fine in IE, and in Chrome, but refuses to work in Safari (i've had it reported in Safari on Mac, but I'm testing Safari on Windows) with jQuery 1.8.2. Is this just functionality that doesn't work on Safari? This is my code: var items = $('*[data-ShowMenuOnHover=true] .rbSplitRight, *[data-ShowMenuOnHover=true][data-ShowMenuOnDefaultClick=true]');
Cannot disable anchor link in Internet Explorer using JQuery Mobile.
Im disabling a link on a page using the following html and javascript code: <a href="" id="name" data-role="button">linkname</a> $("[data-role=button]").attr("enabled", false); $("[data-role=button]").addClass("ui-disabled"); This work fine in chrome and firefox. In IE the button looks disabled but it is still possible to click the link and it fires. How do I solve this problem?
Dialog scrolls to href link
I'm having an issue that when I add just a normal <a href> link, and my dialog window has scrollbars, and the link is at the bottom, it seems like it is scrolling down to that link or maybe focusing that link when the dialog box shows. Can anyone explain this or show me how to make it not do that? <script> $(document).ready(function() { $("#exampledialog").dialog({ autoOpen: false, resizable: false, height: 400, width: 700, modal: true, draggable: false, buttons: { Ok:
Keep Panel Open
What would the best way be to keep the panel open in jQM 1.3? I'd like to do so if the screen is large enough, such as a tablet or desktop. One thought would be to just call the open() method for each page load but that would display the animation as well. I would like to make it "look" like a seamless transition. Thanks for any suggestions!
Problem hiding table row
Hi guys, I am new to jQuery. I have created this code loop through every td with class="name" on table. If value hasn't the string from the textbox then hide the row else show it. Here is the code: $(document).ready(function () { $("#btnFilter").click(function () { $("#sortTable td.name").each(function () { if ($(this).text().toLowerCase().indexOf($("#txtFilter").val().toLowerCase()) == -1) { $(this).parent().hide();
JQuery Issue With ArticleMS Script
I am a noob and have located a problem I have that has something to do with jQuery... My website is WikiForm.org and when I click in Chrome View>Developer>Javascript Console ... it gives me errors that I cannot understand. Any type of help would be appreciated. Best, Joe
controlgroup's rounded corners change between 1.2.0 & 1.3.0 (beta and rc)
nutshell: in 1.2.0 you could have some "extraneous" div containers around inputs and labels and you'd still get rounded corners in controlgroups however, in 1.3.0 beta and rc : no rounded corners: example: my form framework outputs html like this: (any of the bold div containers break rounded corners) <div data-role="fieldcontain" > <fieldset data-role="controlgroup"> <legend>Checkboxes!</legend> <div class="some_extra_container"> <div class="some_extra_container">
jquery dialog box not working in Second time
I am using jquery dialog box.In that dialog box i am using some input text boxs and after clicking Submit button it gives final alert popup.In first time its working correctly.After clicking second time its not working.In that process,on page load jquery variables taking values from input boxes.After first time the text box values are returns null values.Why its returns null values?
How to get the value of a textbox right next to the modified textbox in a TD?
I have a table and I want to get the value of the next textbox that is right next to the modified textbox. I tried next().val() but it doesn't work. <tr> <td><input type="text" id="amid" class="amount" width="140px" /> </td> <td><asp:TextBox ID="dorc" class="d_orc" runat="server" Width="140px"></asp:TextBox> </td></tr>I wanna get the amount of "amid" and then check the next textbox whether it is Debit or Credit to insert it into its array. I tried the following code, but no luck.
Dialog Close Button appearance from 1.9.1 to 1.10.0
Version 1.9.1: Version 1.10.0: I'm thinking it has something to do with the new autofocus but I can't figure out how to get it to change back.... Using the Redmond theme....
hii
hi! i write a jquery in web page when i click on link open on box with image but when i go to another page and return on that page that box is open that should not be close give me solution
Scroll Table rows
Hi, I am really new for jquery,I want to scroll a table with contents when u click two images up and down table should scroll rather thn overflow:auto; i need images for scroll.How i can do this please help. Thanks & Regards, Nithya.
AJAX returns multiple values
I have done a autocomplete textbox code for "supplier name". The code is working fine. But what I want is when I select a supplier name, the corresponding supplier id should be displayed in another hidden textbox. My sample data-entry screen code is as follows <HTML> <script type="text/javascript" src="jquery-1.2.1.pack.js"></script> <script type="text/javascript"> function lookup(inputString) { if(inputString.length == 0) { // Hide the suggestion box. $('#suggestions').hide();
Jquery plugin or framework
Are there any jquery plugins or framework available for bringing about responsive web design. A website that I create should dynamically detect the device size and orientation and change its display and layout and be responsive. Does jquery support any plugins for this ?
Jquery Mobile
This is my below html. i want to implement Swipe gesture. But when i try to run in FF, i am getting Error loading. Please tell where im going wrong: <!DOCTYPE html> <html> <head> <title>Test</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.css" /> <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.3.min.js"></script> <script type="text/javascript" src="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.js"></script> <script>
jquery cycle scrollright not working?
i downloaded jquery cycle plugin and added it to my site when i used fx as 'trundown' it worked fine but when i used fx as 'scrollright' its not working? <script type="text/javascript"> $(document).ready(function () { $('.pics').cycle({ fx: 'scrollRight', next: '#pics', timeout: 0, easing: 'easeInOutBack' // choose your transition type, ex: fade, scrollUp, shuffle, etc... }); }); </script>
What are the Tech Resolutions in 2013?
Can you Suggest me about What are the Tech resolutions in 2013?
Unable to display jQuery scrollbar in html
Hi I am new to this forum, and new to jQuery, I am trying to implement jQuery custom scrollbar using jquery scrollbar malihu plugin, wondering what's wrong with my html page jquery-scrollbar.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0"> <title>jQuery
animate scrollTop to hidden div and back
hello there, I have a quite annoying issue with the animation of a scrollTop. This is what I want: I have a div #container { height: 100%; } which is always supposed to be 100% height, except the content is longer than $(window).height(). Then there is a second hidden div, which should work like a second content-page underneath the container div. When i click a button or link, the second page is set to "display: block" and I animate the scrolling: var offset = $('#hiddenDiv').position().top;
[jquery.mobile-1.3.0 beta] Table: Column Toggle with gridview asp.net
Hi, I try to adapt this plugin with my gridview in asp.net. But I've got a problem on the columns.. button. I never see the popup appear. Then, I look into firebug and the popup changed class to "...hidden" to "...active". All the properties seems to be correct but I d'ont see the popup. I add in the document.ready the "data-priority" on my header". Anything else, when I take the html source code of my table generated by my gridview, I put it in another page and it works well..I don't understand.
google map ajax load
help is required. I am trying to load a page inside div. my second page contain google map. result only show the div but map is not visible. following is the code of page 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="js/jquery-1.9.0.min.js"></script> <script> $(document).ready(function(){
show hide content
hi i want to show hide the contents on button click pls guide me i am new to jquery mobile <!DOCTYPE html > <html> <head> <title></title> <script src="cordova.js"></script> <script src="cordova.js"></script> <script src="jquery.min.js"></script> <script src="jquery/jquery.mobile.js"></script> <link href="jquery/jquery.mobile.css" rel="stylesheet" /> </head> <body> <div data-role="page" >
How to use $.ajax to load a local file?
e.g. $.ajax({ url: "../config.json", dataType: "json", success: function(data) { setting(data); } }); function setting(data) { // some codes that must use "data" to create a page } when I put the html and js on service, it will run rightly, but if I run the html file simply, without any service, it's invalid in Firefox and chrome but only valid in IE I've saw the API about jquery.ajax, and there is a param "isLocal", I don't know why it needs a MAP ! how?
Jquery Drag and Drop Card Sort App
Hi, I am building an app in jquery as in LinkedIn KornFerry.com - CardSort App. here is the link. https://linkedin.kornferry.com/InSight/CardSort Jst login with your linkedIn Credentials and click on "Get Started Now". You will see the app which we can rotate the images and drag and drop in a particular box. I am done with rotating the images and drag and drop in a box. But I not able to arrange those images in a box properly, and I want to know which image is dropped in which box. ? I am new to
JQuery Mobile Datepicker
Hi, I'm trying to build a phonegap/JQM app where I need the user to input a date. On the JQM form's demo there are no references to date picker. On the web I've found some info about a datepicker for JQM (here: http://jquerymobile.com/demos/1.0a4.1/experiments/ui-datepicker/) but it seems that it is not available on the latest version which I'm using. Is there a datepicker for the latest version ? Where can I find it ? Thank you! Luis
Navigation Pannel
I have defined a Menu like the following that works for HTML code. This is the definitions of the Stlyle: <style> #nav ul {padding: 0; margin:;0; list-style-type:none;} #nav li {display: inline;} #nav li a {font-family: Arial;font-size:15px;text-decoration: none;float:left;padding: 12px;background-color: #fff;color: #3EA99F; border-bottom:0px solid #000;} #nav li a:hover {background-color: #3EA99F; color: #fff; padding-bottom:12px; border-bottom:0px solid #000; margin:-1px;} </style> This is the
showing one modal at a time
Hello, I have a list of cd track. I want to use a modal for showing the songtext of every track. I used the following code based on the jquery dialog example. <script> $(function() { $( "#dialog0101" ).dialog({ autoOpen: false, show: { effect: "blind", duration: 1000 }, hide: { effect: "explode", duration: 1000 } }); $( "#dialog0102" ).dialog({ autoOpen: false, show: { effect: "blind", duration:
upgrading code & support for iOS 6.1
Hi there I developed a mobile site using the following libraries: http://code.jquery.com/jquery-1.6.2.min.js http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.js I note that more recent versions of these libraries are now available http://code.jquery.com/jquery-1.9.0.min.js http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js but when I update my references to use the newer libraries my code is broken. Is there a migration guide to assist with upgrades? And on a related topic,
.animation is not a function
Why i received error ".animation is not a function" i noticed with many functions but all fixed and this is still giving me same error. $("#cg_display").animation({'left':cg_display_newPos+'px'}, 'slow', function(){});
Creating a jQuery Responsive Site with Style Switcher
Hi, I am a newbie with jQuery and in the past weeks, I have been working to put together a responsive test site with a lot of jQuery scripts. Some of my jQuery scripts are not working right. I believe that I am making mistakes somewhere. I hope you can help. 1. I created two test navigation menus (one red and the other orange) and I want my users to be able to use the style switcher to choose a menu. I also want the user to save the selection as a cookie using the jQuery standard cookie plugin that
Dynamically change the properties of a button in the header?
Hi, Im relatively new to JQM so please forgive any stupid questions I might ask! This is a page from my site. I want to programatically change the right button to pass an argument to the javascript function editCustomer(). how could I do this? thanks <div data-role="page" id="page-customerDetails"> <div data-role="header" data-position="fixed"> <h1>Customer Details</h1> <a href="#" onclick="history.go(-1);" data-transition="slidedown" data-icon="arrow-l">Back</a>
infinite scrool does not work with jquerymobile.js file
I need infinitive scrool with my jquery mobile project my infinitive scrool codes work well but when i added jquery.mobile-1.2.0.min.js to my page the infinitive code does not works. this is my code.This code does not work but When i remove jquery.mobile-1.2.0.min.js it works <script src="https://ajax.googleapis.com/ajax /libs/jquery/1.7.2/jquery.min.js"> </script> <script src="https://ajax.aspnetcdn.com/ajax/ jquery.mobile/1.2.0/jquery.mobile-1.2.0.min.js"> </script> <script type="text/javascript">
Combine Two Accordion Functions
I'm setting up the Sortable Accordion widget but would like it to have the Collapsible function as well. When I drop the Collapsible script into the header with the Sortable script, the whole setup breaks. How would I combine those two? Thanks. Great site, great stuff goin' on! Cayce
JQM 1.3 Panels - data-init="open"?
Hi, In the JQM 1.3rc1 documentation I read that opening a panel automatically is done by callign the method open(). While this is straight forward enough, I would like to suggest a property like data-init which would take 'open' and 'close' (default). I really like the simplicity of the 'data-'-properties used elsewhere. RC1 is out there, but maybe better late than never... Thnx! Jasper
JQM 1.3rc1 - Open method for panel not run after using the browser's back button
Hi, While testing the new panels in JQM 1.3rc1 I ran into this problem. I use the following code to open a panel and that works just fine: $( document ).delegate("#panels", "pageinit", function() { $( "#leftpanel2" ).panel( "open"); }); However, after that I follow a link in my site to another site (in another domain) and then use the browser's back button to return to my siteAfter returning, the panel init script is not run again, which causes the panel not to open again
Triggering an event with 'click'
Hi, Im trying to get a function to fire after a button click in the header but it doesnt seem to be working. any ideas what im doing wrong? <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>INSITE touch</title> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no" /> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0-beta.1/jquery.mobile-1.3.0-beta.1.min.css"
Creating a jQuery Responsive Site with Style Switcher
Hi, I am a newbie with jQuery and in the past weeks, I have been working to put together a responsive test site with a lot of jQuery scripts. Some of my jQuery scripts are not working right. I believe that I am making mistakes somewhere. I hope you can help. 1. I created two test navigation menus (one red and the other orange) and I want my users to be able to use the style switcher to choose a menu. I also want the user to save the selection as a cookie using the jQuery standard cookie plugin that
FF Bug with Dialog and Datepicker - jquery-ui-1.10.0
Hi all, I have seen other issues with the month and year datepicker dropdowns in a Dialog in Safari, but not in FF so I think this is a new bug but I'm not 100% sure. Has anyone else experienced the following? I open a Modal dialog in FF 18.0.1 which contains a form with a date picker with the change month and year dropdowns enabled. When I click the input field to open the datepicker and then try to use the month and year dropdowns, they are not clickable, focus remains on the first field in the
indexOf is null error.
Hello, I am new to jquery. I am getting error in jquery.min.js file Some line is showing error saying indexOf is null. I have not referenced this file anywhere in my code. What I am actually doing is this. var filteredRows = jQuery.grep(eval(records).rows, function (elem, index) { var IDValue = elem.toString().split(","); if (IDValue != null) { return jQuery.inArray(parseInt(IDValue[0]), args) > -1; }
Next Page