Resize event doesn't work in firefox
Hi, I'm fighting with the following problem. I'm new to jQuery so everything is a bit blurry. I have some programming experience with as3, but jQuery is although better, quite new for me. The problem is as follows: I have a css sheet with 3 different body classes .large, .medium, .small which is added at body on resize depending on window.size. Everything is working fine in Safari, Opera and Chrome. Only firefox is what kills me now. The code:// JavaScript Document function checkWindowSize() {
Toggle need to click twice
so i basically have many anchor links where when i click each of them it slidesdown its own div with some text in it... so have i wanted is when i click on one link it will show me the current one and hide the others.. this is what i have tried which works great but when i click on a link it opens the div , then click on another one opens the div with one click and when i go back to re-click the previous link i have to double click it in order to work.. this is my js code: $(".anchorlink").toggle(
Bug in icon-only button
When create icon-only button ({text:false, icons{primary:"icon-gear"}}) button has class ui-button-text-icon-primary that move primary icon to the left side. If remove class icon moved to center. upd: i see in jquery.ui.button.js line 296: append classes to array line 308: remove classes from element!!! buttonElement.removeClass( "ui-button-text-icons ui-button-text-icon-primary ui-button-text-icon-secondary" ); i think this need a fix. line 317: add classes from array => classes overwrited.
Problem with :last
Hi, I have a problem. How do I remove the border on the right side for the second item in the 'ul.post-categories li a'? If I give ':last', it removes the last 'a' (the third turn). I want each of exhausts in 'ul.post-categories' frame from the second position, and not from the last position of all 'ul.post-categories'. <div class="post"> <ul class="post-categories"> <li><a rel="category tag" title="View all posts in Interviews" href="http://localhost/wordpress/urbanpirates/category/interviews/">Interviews</a></li>
Helping UI Development
Hi, my names Philipp Kremer and I'm a developer from Germany I'm use the jQuery UI to build my own UI and I sometimes develop my own plug ins for jQuery. What can I do to help this fantastic project? Ony of my projects you can download from google code. It's very new and might have some bugs (sorry for this ;-) You can find it here: http://code.google.com/p/jquery-multiline/ The zip file contains a full demo. Feel free to use it. At the moment I'm not using the JU JS framework. My next goal is to
jqtransform buttons looking weird in IE
Hi all, for some reason my buttons using jqtransform are looking really weird when viewed in IE. They are fine when viewed in chrome or safari. Basically, a portion of the left, bottom part of the button is cutoff. Anybody else having this problem? Here's a picture: Thanks in advance
[jQuery] Does anyonw know a jQuery plug-in like Magic Zoom
This tool is so cool! But it is not free! <a href="http://www.magictoolbox.com/magiczoom/">http://www.magictoolbox.com/magiczoom/</a> Does anyone know a jQuery plug-in like that? Or other javascript code which has same features?<br clear="all"> -- /******************************************** * Người ta thưởng chỉ chú ý đến những kẻ lên như diều gặp gió! Nhưng hỡi ôi, chỉ có cát, bụi và lông hồng mới là những thứ lên nhanh nhất */
Float a image to whole page
Hi, I was searching to float a image to whole page, suppose I am having a butterfly image (.gif) now I want to fly it in my whole page, this page already contains lots of data or HTML elements, so that image should fly in above of all this data / element..... So i was wandering that is it possible with jQuery.
Returning ID of a hovered object?
I have the hover event set up. There are 100 elements in my document of the class square. What I want to do is return the ID of the current square that is hovered and edit the style=' ' attribute of the .square with that specific ID. I am kind of new to jQuery. Could I get some help out! Thank you! [code] <script type="text/javascript" src="jquery-1.5.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('.square').hover(function(){ }); $('.squareedgeside').hover(function(){
Trying to prevent browser bog/freezing while parsing a giant string (Seeking strategies to do this more efficiently)
I'm trying to make a js solution that takes a large (3MB test file, 10-20MB max in real use) text file from a server and does some processing on that file to accelerate my work flow. The current issue I'm trying to solve is that the browser is freezing when I try to parse the file after it has loaded since it is thousands of lines long. (plain text) I don't have a problem with the browser taking a while to process the parsing, I just don't want it to freeze 'solid' while it's processing. I've got
Text Change On Event
Hey guys, I'm putting together a site for a pal's band. I've got a sliding div that slides up when a link (with text) is clicked and back down when the link is clicked using: $(function() { $('#bottom-blog-button a').click(function(e) { $('#home-content').slideToggle(); }); }); and some corresponding CSS. What I'd like to do is make the link that triggers the event to change text whenever the div is visible and change back when it returns to hidden (like "show div" / "hide div"). Can anyone
Autocomplete - 'change' not firing beyond v1.8.0
Hi, I would like to use JQuery 1.5 and JQuery-UI 1.8.9 to implement some autocomplete functionality (see code extract below) but I am unable to get the 'change' event to fire whenever an item is selected from the list. The 'change' event only seems to fire when the input field ( #member_search ) loses focus and not when I select an item from the list. If I use v1.8.0, the 'change' will fire when an item is selected. Is this behaviour correct or a bug? $(function() { $('#member_search').autocomplete({
Wrap groups of elements depending on variable criteria
So let's say I have a list of 11 elements and I want to wrap groups of them by 2. I have this: <div class="wrapper"> <div>Some Stuff</div> <div>Some Stuff</div> <div>Some Stuff</div> <div>Some Stuff</div> <div>Some Stuff</div> <div>Some Stuff</div> <div>Some Stuff</div> <div>Some Stuff</div> <div>Some Stuff</div> <div>Some Stuff</div> <div>Some Stuff</div> </div> I want this: <div class="wrapper"> <div class="subWrapper">
Reading XML and trying to insert in localSQLDB via javascript
Hi, I'm currently learning myself to build an HTML5 app with JQmobile and Jquery that later will be turned into a app via Phonegap. I've recently started to play with reading in items from a xml which then are supposed to be put into the local SQL lite db that you get access to in HTML5. The problem I have is that I do not seem to be able get the INSERT into the DB to work. I know I can read my XMl as I am able to output the contents fine on the page but when i use the same variable for the DB insert
Using overlay plug-ins
I found if I use another overlay/dialog plug like Clearbox or fancyBox, I loose the use function of jQuery-Mobile after the overlay initializes. The dialog opens correctly but I notice an "error on page" alert under it - I close the dialog & then nothing else works (ie: swipes & even the back btn on the device & a Chrome browser) only the plug(dialog). This what triggers the overlay: <a href="res/img/f1_1.jpg" rel="clearbox">Figure 1-1</a> If I add: <target="something"> to the <a> tag, the alert
how to clone dom before jquerymobile starts
Hi, I would like to clone some jquerymobile pages before jquerymobile starts up and adds it's attributes and classes. I tried $(document).bind("mobileinit", function(){ my_init(); }); but I think it gets called before the DOM tree is created/finished? thanks
Smart cart empty cart display
I am currently having an issue with the smartcart plugin and im hoping someone has an answer for me. If you look at the demo page: http://www.techlaboratory.net/labs/SmartCart/index.php you will notice that the shopping cart is empty by default (makes sense) however if you add then remove an item text shows up saying "Your Cart is Empty!". How can I make that message display by default? The JS code: http://www.techlaboratory.net/labs/SmartCart/js/SmartCart.js Im assuming its something to do with:
Using titles for each slide in CYCLE plugin
Hello. This is the code i'm using : function ajaxpage(url, containerid) { var $container= $('#' + containerid); $container.hide().load(url, function() { $container.fadeIn(); $('.slideshow').cycle({ fx: 'fade', speed: 'slow', timeout: 0, next: '#next2', prev: '#prev2' }); }); } This is my slideshow : <div class="slideshow"> <img src="ss_2011_web/triy_v11_001.jpg" width="511" height="768"
My new Jquery Mobile App
Hi all, I developed a little application for classified ads, proposal for a client and would like to share, for the sample of articles I am using the plugin to 360 of the product vision http://www.stableflow.com/downloads/jquery-plugins/360-degrees-product-view/ I hope I hope you like it criticism and recommendations to improve my work, wasdeveloped with jqm am about to migrate to 1.0a2 1.0a3 The link to my application is: http://desarrollaenweb.com/clasificados/ Atte. Jose Luis Oronoz Troconis Email:
Format unix timestamp in altfield
hi, i populate the datepickers value to a altfield in the format '@'. but the date isn't a unix timestamp. is this a known bug? / how can I solve it? best, heinetz
Clearbox, fancyBox causes lost of other functions?
When I try to implement a third-party modals/boxes/dialog (clearbox, fancyBox, etc.), I loose the use of all other functions after one of these has been called - like swipes, return, etc. I am using the mobile vs. Any ideas to why this may be? I am just learning jQuery so it may be something on my part so any enlightening to what to look for would be very helpful. Thnx!
jqueryform plugin problem
I am using the jqueryform plugin which works great. I am having one problem though. When I access the form on its own it works great, but when I load this form into div with ajax, then it doesn't work. It loads the form into div, but doesn't insert data into the database, nor return the success content. This is the form. I have tried heaps to get it working and really hope someone can help. <head> <script type="text/javascript" src="jquery-1.5.min.js"></script> <script type="text/javascript"
Replace options in select menu using ajax call
I have a parent child relationship with two select menus. When the parent changes I need to change all the values in the child. I can create the entire html and replace the child that way but I was wondering if there was a way to just replace the values and text? Thanks.
JQ Mobile Page Width on Android vs. iOS
I'm building a site with JQuery Mobile (1.0a2) -- great stuff! I'm building what I believe is a fairly simple layout with the typical buttons that resize based on page size; I recently tested this on an iPhone and an Android phone (Fennec). On the iPhone, the page is sized to fit on the screen (no scrolling), but on Fennec (Android) the page size is something larger, so scrolling is required. I would prefer to have the page be sized for the screen (like on the iPhone) so the app looks more native
Superfish Enahnced Keyboard Accessiblity
Hi, Superfish is an excellent product. After a thorough review of nearly 20 different CSS menus, I've come to the conclusion that the superfish menu is the most fully featured one. However, there is just one small area that it is lacking. Keyboard support is available via tab and enter, however I would like to see it improved so that you can also navigate using arrow keys. The UDM4 drop down menu achieves this, however this system doesn't use jQuery and the keyboard accessiblity doesn't work in the
dynamic checked tree view
Hi All, I am new to jquery. I need to create a dynamic checked tree view ( the nodes will be populated based on the data in database ) for my project requirement. I want to use jquery as well as grails to create the dynamic checked tree view. Can any body help me please. Thanks for any help. Sabyasachi
need help: photo galley main pic fade in
Hi, I'm starting on jQuery. I'm just trying to make a simple fadeIn on a php gallery, but i still can't do any good fade(in/out) on the viewer, Here are the files: PHP <?php $output = ''; //$typesArray = (1=>"gif", 2=>"jpeg", 3=>"png", 4=>"swf"); $img = array(); $i = 0; foreach(new DirectoryIterator('images') as $fileinfo) { if($fileinfo->isDir() || $fileinfo->isDot()) continue; $pathname = $fileinfo->getPathname(); $type = exif_imagetype($pathname);
multiple selectors in .hover api
Hi im currently creating a dropdown menu with an animation to it, my current jquery script is as follows $(document).ready(function () { $("ul.menu_body li:even").addClass("alt"); $('ul.menu_body, img.menu_head').hover(function () { $('ul.menu_body').slideToggle('medium');}, function () { $('ul.menu_body').slideToggle('medium'); }); $('ul.menu_body li a').mouseover(function () { $(this).animate({ fontSize: "14px", paddingLeft: "20px" }, 50 ); }); $('ul.menu_body li a').mouseout(function
Issue with ajax handlers not being called
I've got an ajax prefilter which defines a success, an error, and a complete function callback onto the jXHR object. During a successful ajax response I first his the success function callback (as expected), and if I throw an error from within this callback I hit the error callback (again, as expected). However, at this point I would assume my complete callback would be called, yet it never is. Is this by design or does it sound like a bug? I ran a sanity test by issuing an ajax request to an undefined
When will JQuery Mobile performance be improved on BB6?
Hi list, I'm not sure about other platforms, but I know JQuery Mobile performance on BB6 is pretty abysmal. Specifically, transitions are slow, and don't actually animate. We've got an app that we are ready to release, but BB6 performance is holding us back. Is this on the roadmap for a particular release? Thanks
How to Reference Form Elements
I need to know how to reference a specific form element within a page with multiple forms and common element names, example below. <form id="Form1"> <input id="UserID"> </form> <form id="Form2"> <input id="UserID"> </form> <form id="Form3"> <input id="UserID"> </form> I thought something like this would work, but I can't get it to work. $("#Form2.UserID").change(); Any help would be appreciated.
Auto play is not working in Slider...help...?
This slider is working fine when actively using/clicking/hovering but will not autoplay. Any ideas? Code Below: CSS /*image slider*/ .rotator { position:absolute; background-color:#FFF; top: 165px; left:0px; margin:0px; padding:0px; z-index:2; width:1002px; height: 280px; border:none; } /*--Main Container--*/ .main_view { float: left; position: relative; height: 280px; } /*--Window/Masking Styles--*/ .window { height:280px; width: 1002px; overflow: hidden; /*--Hides anything outside of the set width/height--*/
How do I go to a mobile page in code?
I can set a link to go to a new mobile page with <a href="#mypage">foobar</a>. How do I do the same thing inside a taphold handler?
is this a case for switch case? (or am I using the most efficient method)
I want to change the htmltext of a div depending on the body.class $('body #header').html('you are still here'); //DEFAULT if no body class $('body.welcomepage #header').html('hello'); //IF bodyclass is welcomepage $('body.goodbyepage #header').html('goodbye'); //IF bodyclass is goodbypage What is the best option for performing this? Should I use an if, elseif, else? Or should I use a switch case? My concern is that the above may cause issues because its looking for body.class(es)
Can't get this to work
I have try to combine - Custom HTML form checkbox and radio buttons (http://plugins.jquery.com/project/custom_radio_buttons) with - jQuery Form Wizard (http://thecodemine.org/#_demoForm=first) as a quiz for kids where answers are colored radio buttons (Green/Red/Yellow). Somehow custom radio buttons (G/R/Y) are working when I have not "wrapped" all questions, but when I will "wrap" everything to a wizard version custom radio buttons show up only on a first question and all the rest is blank/not displayed.
How to disable automatic ajax calls when dynamically creating pages
Instead of using ajax calls, I create and inject pages into the $.mobile.pageContainer. http://stackoverflow.com/questions/5048360/dynamically-creating-jquery-mobile-pages-using-jquery-templates When I want to access a page with a hash tag (one that is generated in my onReady function), jQuery mobile tries to make an ajax call. It fails. When my onReady function is called, I have to check the url and call $.mobile.changePage() to make it show up. var loc = window.location.href; var loc
Jquery & Getting CSS
So this issue is new to me. And pretty familiar with Jquery. Just curious why this works: $("div#footer a").css('color'); But these do not: $("div#content a").css('color'); $("div#side1 a").css('color'); $("div#side2 a").css('color'); CSS: div#content { background-color: #FFFFFF; color: #000000; margin: 0 200px 0 25%; } div#content p { line-height:1.4; } div#content a { color: #3ece26; } div#content a:hover { text-decoration: none; } div#side1 { background-color:#B9CAFF;
Assigning DOM elements to variables at the begining?
I'm developing a web app and need to reduce redundancy as much as possible. Would assigning elements using: var elem = $('#id'); at the beginning help? Then I could just call elements using "elem.method" instead of having jQuery recurse through all the elements every time. I don't know much about how jQuery works underneath.
Object doesn't support this property or method
New to the forums here - would appreciate some help if y'all have a min. Any ideas why we would be seeing a distinctly inconsistent error in the following code block? I've had several reports of IE8 throwing a "Object doesn't support this property or method" error on line 3 below, though I've been unable to recreate the problem in some tests I've done in any IE mode (7,8,8c). (percent is reliably defined above) var link = "<a onclick='timerHow();'>How does our timer work?</a>"; var newHTML = percent
how to export excel through ajax call
hi i am using .ajax() for making asyncronous call, in my case the resonse content type is "application/x-msexcel", in jsp setted content type. ajax call look like this: $.ajax({ url : "url.do?button=default", cache: false, success : function (data) { $("#divId").html(data); }, error : function (jqXHR, textStatus, errorThrown) { alert( textStatus ); alert( errorThrown ); } }); Can any one tell how to get a dialog box which asks for save/open/cancel...? thanks in advance
Next Page