Jquery .click not working as planned
$(function() { $("#ForButton").click(function() { console.log("frak me"); $("#ButtonDiv").html("<div id='message'>Sup ninja face</div>"); $("#message").html("Ninja faces are pretty epic").append("<p></p>").hide().fadeIn(1500, function() { $('#message').append(); }); }); }); The goal, is to make a button in a form change into the text above. it is not working, instead you see "frak me" really quick int he console and then the page reloads. Any thoughts? Thanks,
Switch to next page does not work
Hi, today is my first try with jQuery Mobile. I've got this simple php-Script wich contains 2 pages: <?php if(isset($_GET["page"])) { echo '<!DOCTYPE html> <html> <head> <title>2</title> <meta charset="utf-8" /> <link rel="stylesheet" href="jquery.mobile-1.0a2.css" /> <script src="jquery-1.4.4.js"></script> <script src="jquery.mobile-1.0a2.js"></script> </head> <body data-role="page" data-theme="d"> <div data-role="header">
Link to external site
HI, Wondering how we create a link in jquery mobile to external site, say : google.com which is not our site. And that external site is a full site, not using jquery mobile. I always get error if do put something like this : <a href="google.com">test</a> inside jquery mobile page.
Is there some type of script or plugin that can show the x,y coordinates of a draggable div?
Is there some type of plugin available that can dynamically track and output x,y coordinates of a box I set using .draggable(). I'd like the coordinates to show inside the box as it is being dragged. Check out this practice site: http://pourite.com/resizable/resizable.htm I wrote I simple scripts and I'd like to be able to drag any box I add and show the x,y coordinates inside of each one. Thanks
How to get rid of flashing effect
Hi every one, I am new in jquery and js. I have used jqDock , plugin (http://www.wizzud.com/jqDock/) for my web site menu and with the help of a friend I managed to make the active menu element remain expanded. Here is the problem: if you hover your mouse between two of the menu elements and move slowly between them upwards on downwards , you'll get this terrible flicker effect.(sometimes you gota play around for few seconds to see what I say) I don't know why it happens and how can I fix it and
How to user original select tag
I want to generate all day in this year into select tag for user can select date. but When I use jquery mobile.it charge select tag follow framework. But this page is slow download in iphone 3gs and can't open page in androd 2.1 In select tag have option is 365 item so I want to disable framework with select tag please help me.
Form-components disabled state?
Hi, First I would like to thank everyone involved in this project. Great stuff! Is it possible (or is it planned) to disable form-elements like buttons, checkboxes and text-inputs. Disabled attributes seems to be ignored now. I'm also interested in if there are any plans on supporting refresh on "page-level". If not, are there any guidelines what element types that have (are planned to have) refresh-ability. // Torben
Is there an x, y coordinate plugin for a draggable div?
Is there some type of plugin available that can dynamically track and output x,y coordinates of a box I set using .draggable(). I'd like the coordinates to show inside the box as it is being dragged. Check out this practice site: http://pourite.com/resizable/resizable.htm I wrote I simple scripts and I'd like to be able to drag any box I add and show the x,y coordinates inside of each one. Thanks
Include Problem
Hi there I can't include a php file (with $.get) within my functions.js that is in the same directory. Everything else is possible. Root diretory, other sub directory, parent directory...is there any restriction by including php files within the same folder? I can't imagine, but it feels like this. Thanx, Max
Help - using JSON cross-domain`
$(document).ready(function () { Help! When I do this it works, but when I uncomment the https line, the browser has an error in Jquery complaining about a variable named "q". Any idea? $.getJSON( // 'https://www.webclientportal.com/cirwin/LoginInfo.aspx?&callback=?', 'LoginInfo.aspx', function (data) { alert(data.Test); }); });
Problems including php within same directory
Hi there I've got some problems with including a file that is in the same directory as my "function.js" file. I have the following structure: / with index.php including /include/functions.js Now I want to include within this function.js a function.php: $.get('/include/functions.php', { getAction: 'get_metadata', getPageHash: hash }, ....That just won't work. If I include it from / it works: $.get('/functions.php', { getAction: 'get_metadata', getPageHash: hash }, ...I really can't see through this.
Jquery Form Malsup with Validation
Hi all, Hope someone can help, I'm using the malsup jquery form plugin which is great but I'm having trouble trying to validate with it. My problem is that I have multiple forms which the same input fields, so I can submit each form separate with Ajax each has its own id updateAddress1, UpdateAddress2 ect.. For this reason I've binded each form seperatly. php code: for($i=1; $i<=$deliveryAddress; $i=$i+1) { echo "$('#updateProduct" . $i . "').ajaxForm(options);" } This works to submit each form,
Trouble getting Auto-complete to toggle checkboxes
Good morning all! I've been looking through all the documentation that I can find and have turned to forums as a last resort for this little qualm I'm having with auto-complete and toggling check boxes. So thank you in advance for your help! I am trying to use the jquery ui auto-complete widget to allow users to type in input, then based on their input to alter the state of a check box on the page. Eg. I have a checkbox input type="checkbox" name="dog" then I have an auto complete box who has
Errors using forum-plugin
Hello all, I am using the Malsup Forum Plugin to upload files on a few pages. I have recently run into a problem. I believe it is related to how I am handling the callback. I am doing this all on one page, I have a structure like this: somepage.php <?php //check for file upload here and store a reference to the file in the db and a copy on the server ?> <div id = "cont"> <form id = "test_form" action = "somepage.php" name = "test_form" enctype="multipart/form-data" method
Managing events
Is there any way in jQuery to move the order of events on a dom element. I have an element (the add button on a jQGrid display) that I want to place a click event in front of the one one put in by jQGrid. I had a look at the jquery.eventmanager plugin but that doesn't really allow the kind of manipulation I want. I also found it didn't like handling the click event anyway. I'm thinking something along the lines of; var saved = $(ele).getEvent('click'); //this function doesn't exist yet $(ele).unbind('click').bind('click.new',my_new_func).bind('click.old',saved);
jquery ui slider step
JQuery UI version 1.8.6 -------------------------------- I'm trying to understand step option. I thought I could configure something like min: 1, max: 7, step: 2 to get a slider with allowed values 1, 3, 5, 7. From the documentation I understood step requirement was (max-min) MOD step == 0 (no remainder on division) and those values where correct. But in that example what I get is a slider with a gui with min 1 and max 7 that starts with value 1, but when you slide next value is 2, next 4, and you
Binding events to the object's prototype
Hi there, I've just discovered something quite interesting: has it occurred to anyone that it's possible to bind events to the object's prototype and that you can fire those events from an instance method with the object as a target ?... have a look at this snippet: /* @Class */ var MyClass = function () {...} /* @Members */ MyClass.prototype.methodThatTriggersAnEvent = function () { // some code here $(this).trigger( 'myevent', [...] ); } /* @Events */ $(MyClass.prototype).bind({
Hide / Show not working in select onchange - CODE CASEING NIGHTMARE
Greetings, I recently learned that the <option> tags can not use the onclick attribute inside of IE. This works great for firefox, but sadly not a single version of internet explorer supports it (from what I am told via countless Google searches). I have been modifying my attempit at a solution to use the <select> tag with the attribute onchange. Maybe I am casing this wrong, or not seeing a solution as the below code does not operate in any browser, and no errors are reported back through firebug
IE 8.0 shows jQueryUI Tabs with small defect
I've noticed a small defect of jQueryUI Tabs in IE 8.0. If any tab except first is selected, there is no thin background colored line between inactive tabs and palette of active tab. If first tab is selected this line is displayed. Here is a simple code I reproduce this small shortcoming with: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <!-- jQuery --> <script type="text/javascript" src="jquery-1.4.2.js"></script> <!--
Rotation in Ui Tabs
Hi to all, I am trying to configure the Ui Tabs at my page. I want them to rotate and I find a lot of lines of code about animation plus plenty of web tutorials. However, no tutorial tells me where to insert the code for rotation. If I understood it correctly, I need to work with .tabs( "rotate" , ms , [continuing] )So - where do I need to insert that piece? Is it even in the ui.tabs.js or in a php? Being a total beginner, I really need help. Thank you!!!
JConfirm Issue
Hi i am facing a problem after using jquery jconfirm alert. Issue is that after receiving confirm alert, when user press tab to go on Cancel button and press Enter key there, despite of firing event of Cancel button, it fires the event of OK button. this issue is not produced when user press the cancel button by mouse. Waiting for your replies. Regards Kazim
Having an issue with Jquerry CSS
I have a project in which I have an image that has a lot of locations. I had to use an image map in order to show a specific tooltip for each location. I have successfully added the tooltip and for the most part stylized it the way I like. The issue is that there is a border around the BG image of the tooltip. border:'none', works great in Chrome and Firefox but does not work in IE...I can't seem to get rid of this border...please help. Below is my code. (I highlighted the most important part in
Animations should (temporarily) override min-height and min-width
When animating, jQuery of course overrides width and height (as well as forcing overflow:hidden). If you have a min-height or min-width though, jQuery doesn't reset that--it really ought to, so you can, say, .slideDown() an element that when visible, has a min-height. Here's an example: http://www.babywhale.net/jquery/minheight.php I run into this one a lot more than you'd think! :)
Problem with ajax parsing
Hello, Im currently running a jQuery script that is giving me a parsing problem. Ive worked on this for two days. Im missing something, does anyone see anything wrong with this. What am I doing wrong. { nanda:[ {"id":"1", "nacust":"AAA001", "naname":"AAAA WORLD IMPORT EXPORT", "naadr1":"7800 NW 29TH STREET", "naadr2":"", "nacity":"MIAMI" , "nastat":"FL" , "nazip":"33122"}, {"id":"2", "nacust":"AAL001", "naname":"AEROBRASIL AGENCIAMENTO E LOGI", "naadr1":"LTDA RUA BELO HORIZONTE 93", "naadr2":"CNPJ:
Stuck on figuring out how to change multiple elements onclick
I'm working on some jQuery and have gotten a bit stuck. I'm quite the newbie with jQuery but loving it! I'm attempting to change 2 elements on a page onclick. I can change one, but haven't figured out how to change multiple elements. Here's my code with comments afterwards: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"
Sliding menu glitch
I am new to using Jquery so please forgive me if I have some glaring problems. I am using a sliding menu, however I was having spacing issues between the DT elements and the LI elements (thumbnails) between different browsers. The only way I could get them to be the same, and how I wanted it was a work around by adding a top-margin to each UL which fixed it, but now the animation is glitchy. It snaps up after it slides. Any help is appreciated, thanks! http://robpizzolato.com/jason (stay on the
writing a jquery plugin-- giving blank value for my matched textboxes "inpu1.val() - giving balnak values"
hi, below is my plugin and its usuage but its always giving a blank values for "inpu1.val()". its working fine in individual files but not working in my application site. even its attached mouse events with my matched textboxes but values are coming as null. usuage: $("#subscriberZip").placeCharacter({mask:'99999-||||'}); plugin: /* * jQuery custom plugin for optional masking * how to use: * <input type="text" class="tp" name="t1" id="t1" value=""> * $(".tp").placeCharacter({mask:'99999-||||'});
submit if check passes
I'm probably not writing this the proper way, but I have code that almost works. $("#submit_button").click(function(){ $(".product").each(function(){ if ($(this).val() == '' ) { $("#product_failed").css("display", "inline"); $("#myForm").submit(function(){ return false; });//end submit false }else{ $("#product_failed").css("display", "none"); $("#myForm").submit(); };//end if });//end .product each function });//end submit button click The error message shows and hides properly based on whether
Click handler stopped working in Alpha 2
I have this code: $(document).ready(function() { $(".ui-page-active #starttimerbutton").click(function() { console.log("tap event!"); console.log(e); stopTimer(); }); }); <div id="buttondiv"> <button data-inline="true" id="starttimerbutton" data-theme="b" value="Stop Timer"></button> </div> This was working, but now it's not, what am I doing wrong? Thanks!
using google.load("jquery", "1.4.2");
I have a demo script that uses this code to facilitate Google translations. <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript">google.load("jquery", "1.4.2");</script> <script type="text/javascript" src="http://joomla-gtranslate.googlecode.com/svn/trunk/mod_gtranslate/jquery-translate.js"></script> If I have other plugins that are "hooked" to jquery 1.4.2 using this line: <script type="text/javascript" src='js/jquery.js'></script> How will the
jquery, querystrings, and displaying chunks of javascript code
Hi, I have to come up with a hack for a client where displaying chunks of Google tracking code depends on the presence of a specific value in a querystring. I found a simple jQuery function to grab the querystring value. The problem/question I have is how to display a chunk of Google tracking code based on the presence of a specific value. For example, in PHP, you can use %> to switch to output of static HTML and then use <% to switch back to PHP and that, in turns avoids having to escape code, especially
Is this even possible?
I'm trying to build a type of plugin where the user has a "palette" where they can construct the layout of a page. They can add boxes with content anywhere they want inside the "palette" and it will be finally rendered into html where the html page will maintain the exact location of each box. To see what I'm talking about check this site out. http://pourite.com/resizable/resizable.html This in just a simple example but I wanted to know if theoretically and functionally it could be done. It's a real
Preventing jQuery Mobile from replacing Selects (and/or other DOM elements)?
I usually like the way jQM handles selects, but I've got a couple situations right now where I'd like to handle their style/behavior myself. Is there a way to keep jQM from replacing DOM objects when I don't want it to?
Data on JQuery selector performance?
I'm hunting for information on the performance of _current_ jquery selectors on _current_ browsers. All the information I've been able to find is several years old, so I don't trust it. Has anyone done/posted recent testing results? thanks
Default styling of text fields appears broken
Did the styling recently break for text fields? http://jquerymobile.com/demos/1.0a2/#docs/forms/forms-all.html The rectangular boxes are appearing behind the styled input fields.
Relative animation with multiplication
I posted this idea in the jQuery Core forums; but now that I think about it, it might be better to propose the idea here since the UI adds more animation features/effects. I'm not sure how the UI core would make these changes to jQuery (I haven't looked at the UI core yet), but here is my idea. I was trying to use the core animation to reduce a set of elements in size and I think it would be nice to have a token that does multiplication. For example: $(selector).animate({ width : '*=0.8',
Problem with Events
Hi there, I'm new to jQuery but I can't seem to find an example for what I'm doing. At least any examples I've found don't have this problem. On a click event of a jqGrid row I'm loading two <ul> lists with Ajax. I'm trying to bind click events to each <li> so they call a function that will put them in the other list. It's your basic "Assigned Values/Available Values" paradigm. Values are states assigned to vendors in this example. It works but when the click events are bound to the <li> elements,
Testing
How are you guys testing? From the article : http://jquerymobile.com/2010/11/jquery-mobile-alpha-2-released/ it looks like it's mostly manual testing. What are you using? I'm wondering if a Selenium for mobile would be useful? Is someone working on this? I know nothing about mobile development, but I'm interested in helping mobile testing.
avoiding object has no method errors
Hi All, I am trying to use some really simple jquery in a rails 3 app. I am trying to get a function to run whenever a rails 3 js callback is fired, the function is to add or remove css classes from link elements. But so far I keep getting errors in the console (chrome) stating that the object defined by my css selectors doesn't have the addClass and removeClass methods. Here is my code: $(function($) { var resetArtistTabStates = function () { $("#artist-tabs li a".addClass("current")); alert("something
JQuery Cycle Plugin - FireFox - Transition bug
I'm using the Cycle plugin to implement a slideshow of divs on my page. Here's my html: <div class="slideshow" id="slideshow"> <div id="nav"></div> <div id="slide1" class="slide"> <div class="slideImage"> <img src="Images/ist2_4878226-graphs-and-charts.jpg" /> </div> <div class="slideContent"> <h2>bla bla bal s</h2> <ul> <li>the dog ran over
Next Page