Animating background-color alpha channel: Firefox problem
I've created a script which toggles the alpha channel of an element's background-color: $('.button').click(function() { var bgcolor = $.Color($(this), 'background-color'); var opac = bgcolor.alpha(); opac = +!opac; bgcolor = bgcolor.alpha(opac); $(this).animate({backgroundColor: bgcolor}, 100); });However, I have discovered that when the alpha channel is zero, the computed style Firefox returns is the string "transparent" not the full RGBA value. Consequently, the returned
jQuery Gallery "Loading"
I like the way these galleries turned out, visually and interactively: http://www.thomashanser.com/product.html Except for one small issue - it takes too long to load the entire gallery. I thought I'd post a question before I start experimenting with different methods of coding this, but is anyone familiar with loading each image individually, in succession? That way you see the first image while the rest are loading. I would imagine each image has to be wrapped in a div calling the "gallery" style?
Help finish the script menu
html: <ul class="menu"> <li><a href="#">My Account</a> <ul class="sub-menu"> <li><a href="#">Главная 2</a></li> <li><a href="#dashboard" >Dashboard</a></li> </ul> </li> <li><a href="#dashboard" >Dashboard</a> <ul class="sub-menu"> <li><a href="#">Главная 2</a></li> <li><a href="#dashboard" >Dashboard</a></li> </ul> </li> <li><a href="#signout">Sign Out</a></li> </ul> Script: $(document).ready(function() { $('ul li').has('ul').addClass('include'); $(".include").click(function() { var X = $(this).attr('id');
Transparent background image + color
I notice than themeroller uses different images for each texture/color combination (e.g. bg-glass-ff0000, bg-glass-00ff00, etc.) Isn't it possible to use a background-image with an alpha channel and the background-color attribute to accomplish the same thing? Is there a reason why it is not done that way? Thanks.
Alignment of images in slideshow
Sometime ago, I used a Jquery script to help me out with a friends website. I had needed a way to replace a flash embedded on her homepage. I used a script (wriiten by John Resig in 2009) Jquery Javascript library v1.3.2 and followed the instructions to insert a slideshow in a web page. The URL is www.deborahklein.net The problem I have is that the images appear to left align within the table, they do not all appear centered in the page as they scroll through. I looked up John Resig's webpage and
I can .animate Up but not down
I have a div where the title shows. When you click the title it slides up to display the div. I would also like it so that when you click the title while it's open, it slides down but havn't figured out how to get both .animate functions to work using the same button. I would like an if open, then close but not sure how to pull it off. Here's my script. $(document).ready(function(){ // Using multiple unit types within one animation. $("#go").click(function(){ $("#res").animate({ top: "655px", },
iframe inside jquery dialog reloads content every time another dialog get focus
After upgrading to UI 1.10 I got the problem of reloading my iframe contents inside dialogs. I have multiple dialogs in the page and by clicking each one the other dialogs will reload their iframe contents. In jquery.ui.dialog.js, moveToTop function calls insertBefore on other dialogs that cuased the iframe reload problem: _moveToTop: function( event, silent ) { var moved = !!this.uiDialog.nextAll(":visible").insertBefore( this.uiDialog ).length; if ( moved && !silent ) { this._trigger( "focus",
Javascript knowledge required for Jquery?
HI, Is it ok to learn jquery without knowing about Javascirpt or is it mandatory to learn java script to know Jquery. What do you advise ?
Problem with Auto complete UI it does not auto hide!
Hi Guys so i set up the auto complete UI on my site but i am having a bit of an issue. when the begining of the string is found then it display results no problem. But if you contuniue typing and no results found it does not close the auto complete menu. for example Mike Jones << is a record in the database. if I type Mik "Mike Jones" come up which is cool. but if I type MikZ "Mike Jones also comes up which it should come up until I type the last letter "Z" then it should hide the results. in my
$(document).ready() for certain situations?
I have a site where I need to send outbound clicks to open in a new window (yes, I generally understand this is not the recommended behavior.) The way I have it set up now is using $(document).ready() because if I put it in pageinit it binds multiple times as you're navigating pages in the site. $(document).ready(function(){ $('.block').on('tap', 'a[data-outbound=true]', function(event){ window.open(this.href,'_blank'); return false; }) Is there any reason this is a bad idea
Adding jquery in iframe causes memory leak when that iframe is reloaded.
I have an iframe which has the jquery 1.5.2. If I reload the iframe it will cause a memory leak. Here is the code: parent.html <html> <body> <iframe id='ifrm' src='http://localhost:8080/acrm/child.html'></iframe> <input type='button' value='RELOAD IFRAME' onclick='document.getElementById("ifrm").contentWindow.location.reload(true);'/> </body> </html>child.html <html> <head> <script type='text/javascript' src="jscript/jquery-1.5.2.min.js"></script> </head> <body> <div>This is the iframe</div>
Clearing <input> without triggering HTML5 Validation
Hi! I'm still getting the hang of HTML5 Validation. I'm loving it overall, but I've run into something I can't find the solution to. I'm trying to clear an <input> element with the required attribute without the browser triggering validation. Up until now, I would just use $("#myInput").val(""); But that leaves the field "invalid" with a red border around it in Firefox. So now I'm wondering what the correct way to clear the element is without triggering validation. Has anyone had any experience with
Noob having trouble with selectors on divs
I'm sure I've not formatted something properly, but I can't find it. I've been learning jQuery and experimenting with .text() and .html(). I'm particularly interested in changing the HTML content of a <div>. I tried working my way up through <p> and then into <div>. You can see my various attempts listed below and a comment showing whether or not they worked. Obviously I hit a snag with <div#id>. I thought I might have to .empty() the div first, but that did not work when I added #id. Can
Set dialog width according to browser width.
I just set the width property as width: ($(window).width()*0.9), resizable: true, and it worked .. but when I re-size browser I don't get resized dialog, it shows the same size.. not even adding scrolbar. How to set that dialog property?
Changing input charcter on keypress Event
Hi there, I am newbie here and learning jQuery. I have a strange requirement of changing each of 8 characters of an input box as the user types in any character from the keyboard. I want to change each and every character typed in one by one. for an example, i am keeping maxlength is equal to 3 and default value none. And if user types "cat" i wanna show this it in input box as "dog" but as he types. if he types character "c" i want to change it to "d' and when he types 'a' it gets changed to 'o'
Loading page in 1.3.0
Hi. How do I modify this code or where to add (example taken from starting guide) to show a loading page: I just added a link to page2.php in content section. Thanks <!DOCTYPE html> <html> <head> <title>Page Title</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0-rc.1/jquery.mobile-1.3.0-rc.1.min.css" /> <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script> <script src="http://code.jquery.com/mobile/1.3.0-rc.1/jquery.mobile-1.3.0-rc.1.min.js"></script>
Slide content right?
So, I would like to know if there's a way of doing this: if you go here: http://britneyismyreligion.tumblr.com/ and click on Askbox, a content will slide down. I want to do the same thing, only sliding right instead of down. Can I do it?
navbar with <ul></ul> throws error about nth-child
Hi, jQM 1.2.0, 1.3.0-rc.1 <div data-role="navbar"><ul></ul></div> throws an error out of jQuery. Reason seems to be that in $.fn.grid = function( options ) { at about 5572 ) the variable grid is null resulting in an undefined value for iterator. Inserting a check for zero children after if ( !grid) (5556) seems to fix the problem if ( $kids.length == 0 ) return; Dan
jquery mobile swipe event is not working
i want to add swipe event using jquery mobile. swipe is working when i click on preview button of tizen ide.when when i run the application in tizen web simulater application,swipe event is not working.i just include the jquery and juery mobile js file.Have i need to add any additional js file for swipe event? here i am using fullcalender.js for creating calender. <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
cannot retain focus on input either using timeout or focus
attempting to use inputs and validating as tabbing through. focus did not work so I'm using a setTimeOut that I found on this forum. This only seems to work on the first input not on the rest as I work through the inputs. link to javascript link to form
help plugin
I am searching for embedded help systems for web applications and some of them I found are talking about using jquery embedded help, http://www.embedded-help.net/ this is the link it points to but I cannot open this link, this link is not working. any advice on if this is still alive ? or suggestions on creating help systems for my web applicvations any jquery plugins ?
prettifier
Olá usuários! Em meu forúm, eu tenho uma tag BBCODE que em HTML ela é .cont_code então gostaria de saber se tem como adicionar a esta tag o código prettifier para colorir as letras de códigos que vem nessa tag, pode ver ela nessa página: http://shdesign.ativoforum.com/t96p15-personalizar-botoes-na-area-mensagens-privadas#356
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
how to do a show and focus on form
I have the following jquery code that hides a form, but if you click a link it shows the form. It works correctly but I can't seem to set the focus on the form after the show. After i click the "show_form" link the pages goes up to the top.. how can i make this work <script type="text/javascript"> $(document).ready( function () { $("#form").hide(); $("#show_form").click(function () { $("#form").show(); // the focus doesn't work $("#form").focus(); }); }); </ </script>
Show/hide table
Hi, I have a structure like this: <table> <tr> <td><img src="openclose.png"/></td> <td><table>.....</table></td> </tr> <tr> <td><img src="openclose.png"/></td> <td><table>.....</table></td> </tr> </table> All rows of the outer table is generated through a <c:foreach> I want to toggle the view/hide of the inner table when the corresponding openclose.png image is clicked. I did try a few examples available on the net
Online tools for extracting only required modules from core jQuery
Hi Team! I gone through the process of extracting the required modules from core jQuery. But found difficult to use it. Can we have (1): an online tool where all the modules from core jQuery listed at one place each modules will have checkbox next to it after selecting some modules, user will be able to export those modules WITH their dependent functions so that user will visually get ONLY required modules in minified form Or can we have (2): an online tool where all the modules from core jQuery
Fixing the first column of a table
Hello everyone, I've been looking for a nice solution to generate a table which has a fixed column. Although I found some libraries, it did not well work. I already know DataTable and some famous libraries; however, it doesn't work for mobile devices. Could you please answer to my question?
google analytics for jquery mobile 1.2
Greetings, I'm looking for the definitive answer for using google analytics in jQuery Mobile 1.2. I've tried all of the usual suspects out on the web, but none seem to be working. It would be great if this were posted somewhere within jQuery Mobile content, if it is please point me that direction. Thanks so much for any help. Here's what I have that's not working: <head> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'MO-XXXXXXXX-X']); _gaq.push(['_trackPageview']);
(jqm 1.3) keeping the panel visible/ static across pages
I'm looking forward to using the panel as part of my UI design. It's simple, but it's beautiful. The panel functionalities however look limited. For example, if I wish to navigate across pages, can the panel remain unmoved? A similar functionality will be the static header, which does not move when navigating across pages. If there's a way to do this, do share.
jquery mobile button extending off page dimensions
I have a mobile website I have been building and the buttons are extending off the page for buttons with longer text. I have noticed when I used the built in columns in jquery mobile, it auto truncated buttons who's text would other wise have them extend past the page width. It did this by having the button text just have "...." at the end where it needed to cut it off. Because of how my page is for formatting I did not want to use the double or triple columns for my page as I wanted the buttons
Textboxes behaving weird and can't obtain value (1.3.0-rc1)
Every time you click inside a textbox it creates a sibling input element. Also, the initial textbox's value is never set. Recreation Steps: Go here -> http://jquerymobile.com/demos/1.3.0-rc.1/docs/forms/textinputs/ In Chrome or Firefox, right click the first textbox and choose "Inspect Element". Now left click inside the textbox repeatedly. You will see that every time you click, an input element is created. Also, the initial textbox never has its value set. I did not notice this bug in version
(jqm 1.3) how to keep the panel visible at load?
Hi all, I searched the documentation, but there's no mention of having the panel show at page load. Is this possible?
Uncaught TypeError: Object [object Object] has no method 'cycle'
Sorry for the double post. forgot to add website: http://winstonduke.com and the error i'm getting is: Uncaught TypeError: Object [object Object] has no method 'cycle' Not sure how to solve this problem.
Spinner value not updated?
Hi, I'm using spinner widget for the first time. I have a number of text fields width numerical value. For every input field I have a spinner. Everething work fine when I submit the form, but I have a strange behaviour when looking in the source code with firebug: <input type="text" value="12" name="prop[70]" class="size ui-spinner-input" aria-valuemin="0" aria-valuemax="100" aria-valuenow="13" autocomplete="off" role="spinbutton"> A the time I'm looking at my code, I can see in the text field the
mouseenter vs. click
Hello, First I was developing my code in javascript and facing one issue, I deceided too sxitch to jquery. But the problem stil happends... My <body> is made of one <canvas> for sizing the background and various <div><object></object></div> that I position on the canvas, and that I would like to make clickeable. Here is my code, no problem for the positionning and sizing, but I have a problem in the bind function : - mouseenter/mouseleave are treated properly, I can see my alert boxes entering and
keep different checkbox checked jquery mobile
Hi, I'm using jquery mobile on phonegap and as the title says I want to keep checkboxes checked with the "refresh" method. I can achieve this with radiobox but not with checkboxes. How I do this with radiobox is for exp.: if(user.gender !==null) { $('#toughest_challenge_id_' + user.gender).attr('checked',true); genderBox.checkboxradio("refresh"); } where user.gender is the function containing the fields of my database. But how I can reach the same with checkboxes? p.s. the objective is to memorize
Jquery Handbook
I am looking for an authentic Guide/Handbook to Jquery. Help appreciated. Thanks.
Can't figure out how to pull variables out of json array
I need to pull the variables out of my json array using a loop. I just cannot figure out how to do it. Here is my json: [{"date":"Nov 02 2012 12:00:00:000AM","sum":-16481.039,"from":"Jack Leider","to":"Richard MacDonald"},{"date":"Nov 02 2012 12:00:00:000AM","sum":-4637.155,"from":"Jack Leider","to":"Richard MacDonald"},{"date":"Nov 02 2012 12:00:00:000AM","sum":85900,"from":"Jack Leider","to":"Richard MacDonald"}] Here is the javascript I currently have: var json = jQuery.parseJSON(orders); for(order
change background color of different header cells
change background color of different header cells. Must easy any ideas
form with validation error messaging
I have a long form and I have setup some validation but I'd like some help tidyuing it up and enhancing my requirements. The following displays an error message but its messy. I'd like to know how a) Highlight the whole row b) Put an asterix at the end of the appropriate item. c) Any other techniques you think good. Also can you explain to me why, when its validated the Address fields go out of alignment with the other text fields. If possible could you tell me how to (in realtime using ajax)
Next Page