Suggestion: Allow overriding of plugins during init
Hi, I'd like to make a suggestion, which if you guys think is ok I'd like to try out in my own fork and let you know how it turns out. I'm working on making a SplitView for jQueryMobile that will allow pages to be rendered in two columns for tablets(e.g. ipad) and desktops, and a standard single column for mobile apps - using media query to determine how to render the page layouts. I'm finding that the fixHeaderFooter toolbars give me a lot of problems, with the css settings for top not getting
Jquery Droppable Simple Photo Manager, trash to array?
Hi guys, I have found really nice example of the task I need to perform: http://jqueryui.com/demos/droppable/#photo-manager The only difference that I'll use trash as object with selected images which needs to be saved in DB. I have spent so many time to find out the opportunity to create an array which should contain the list of images located in trash. I am not good in JS/ Jquery, but stuff like that is a very good point for the begining. If somebody have any idea related to absolutely default
Help with a Drag&Drop App
Hello, here is my current project : http://wir3d.net/tests/drag-drop-resizable/ The main drag & drop works (dragging items from right column to container). But then, if I drag this instance into its parent, it creates a new instance. I'd like to avoid this endless duplication. Once a item is dropped into the container, it should keep being draggable into the parent, but should't create new instance. How can I do that ?
jQuery contextMenu inside filetree residing inside a jQuery frame
Hi, I have the following design: index.html: <script language="javascript" src="/java_scripts/jqueryFileTree/jqueryFileTree.js"></script> <link href="/java_scripts/jqueryContextMenu/jquery.contextMenu.css" rel="stylesheet" type="text/css" /> <script language="javascript" src="/java_scripts/jqueryContextMenu/jquery.contextMenu.js"></script> <script language="javascript" src="/java_scripts/main.js"></script> <frameset rows="20%, 5%, 25%, 5%, 20%, 25%" framespacing=no border="0" frameborder="0">
QUnit is rejected in IE9 because of MIME type mismatch
In my test page, the qunit.js is referenced by a online url, like: <script type="text/javascript" src="http://github.com/jquery/qunit/raw/master/qunit/qunit.js"></script> Then in IE9, a warning occurred: SEC7112: Script from https://github.com/jquery/qunit/raw/master/qunit/qunit.js was blocked due to mime type mismatch I've checked the MSDN, and according to this page: http://msdn.microsoft.com/en-us/library/gg622941(v=vs.85).aspx, it seems that this is supposed to be fixed on server side to provide
datePicker dateFormat - input field format does not change
Hello good people :) I have a problem with the datePicker that I am trying to solve for 2 days now. Looked at all the tutorials and posts but nothing helped. My problem is that I want the datePicker to return the date as: dd/mm/yyyy and whatever I tried, the input field that gets the selected date displays it as: Tue Apr 26 2011 00:00:00 Here is my code: <head> <script src="../js/jquery.min.js"></script> <script type="text/javascript" src="../js/datePicker/date.js"></script> <script type="text/javascript"
Jquery Autocomplete issue
i wrote a jquery code, which is autocompleting an input field. it getting results from a php file with json format. here is the code: <script> $(function() { function log( message ) { $( "<div/>" ).text( message ).prependTo( "#log" ); $( "#log" ).attr( "scrollTop", 0 ); } $( "#aramakutusu" ).autocomplete({ source: "search.php", minLength: 2, select: function( event, ui ) {} }); }); </script> this
simple callback question
I've checked the tutorial, can't see the answer: how to write a callback for a straight javascript function? as in loadBack(), function() { jQuery functions } loadBack() randomly loads an image approx 90kb.
dialog auto width
I'm used to use auto width on dialog with UI 1.7.2. Today I changed to V1.8.11 then all dialog becomes full width. After search a while, found 1.8 doesn't suport auto width on dialog. How can? For this have to change a lot of coding. Is there any work arround to keep it auto width? Thank you very much?
noobie trying to acheive slider w/ transparent overflow
I am thinking that you guys here can definitely help me out because I know I had seen a plugin like this in my previous searches but now I can not find it. The ultimate goal is to get a large image slider that works like this Photographer's Website Logically I feel it should be easy using a basic slider that has images in a row with a div that has overflow:hidden. My concept is to make the overflow:visible and put a div over the top of everything with a transparent white BG. The issue is that I
Newb needs Schooling
Hi All, thanks in advance. I've dynamically loaded a form into my JQuery UI Dialog. I'd love to use the wonderful ajax form found here: http://malsup.com/jquery/form/#getting-started Rather than do this for EVERY FORM I dynamically load, I'd love to set the form as an ajaxForm! But it happens after the dynamic load. From reading up it seems .live would be perfect except that .ajaxForm is not an eventType. So how can I do something like $("form.ajaxForm").ajaxForm(function() {
all descendants???
Is there no way with jQuery to iterate over all descendant elements (children, grandchildren, great-grandchildren etc)?
Saving a value and incrementing it using jquery
Hi All, I am making a LOVE IT button using php and jquery and i have most of it working... The button currently returns the value from the DB of 0 but when i click the button it wont save the incremented value to the DB. Please see it here http://bit.ly/dKx15z my code is this <?php mysql_connect("localhost", "web183-loveit", "password") or die ("Error."); mysql_select_db("web183-loveit") or die ("error"); $increase = "UPDATE results SET value=value+1 WHERE id=1;"; $active_rate = mysql_query("SELECT
Problem with reading jQuery XML in IE
It works in Chrome and Firefox but not IE! I really hate IE sometimes. I have tested this with IE 9. Essentially I have an XML formatted string: var xmlData = '<?xml version="1.0" encoding="ISO-8859-1"?><details><test>hello</test></details>'; I am then trying to access this string using: window.alert($(xmlData).find('test').text()); And returned is nothing. What am I doing wrong? The same code works fine on Chrome.
Load Widgets Dynamically
I'm dynamically building a tabbed interface based on the information that a user wants to see. When the page loads, I get an array of the names of the widgets that control the tab content and I load their script files dynamically. Currently I'm resorting to eval() to bind the widget. Is there a way to get the widget object by string name? eval('$(myTabSpace).' + widgetNane + '({options})');
dot in for-attribute
following lines of Code let jQuery Mobile crash <form method="post" action=""> <div> <label for="component.test">label</label> <input id="component.test" name="rec" value=""> </div> </form>if there is no '.' in the for-attribute then everything works fine the error returned by firebug is: uncaught exception: Syntax error, unrecognized expression: [for=component.test]
getting error "permission denied" in IE 7 and IE8
hello, ihave problem in IE 7 and IE 8. here is my code. iframes=document.getElementsByTagName("iframe"); for(var frame=0;frame<iframes.length;frame++) { var iframedoc=iframes[frame].contentDocument || iframes[frame].contentWindow.document; if(iframedoc) { objects=iframedoc.getElementsByTagName("select"); for(var index=0;index<objects.length;index++) { objects[index].style.visibility="hidden";
Accessing variables outside of function?
Ugghh - I don't know what I'm doing wrong - probably pertains more to Javascript than jQuery. $(document).ready(function(){ var myVar = 0; $("#myButton").click(function(event){ myVar++; }); $("#myButton2").click(function(event){ alert(myVar); //this returns 'undefined' Why? :( }); }); Why can't I access the 'myVar' variable my clicking 'myButton2' ??
Draggable div
I have a div in which is made draggable. There is a child inside that div that has the possibility of having both a vertical and/or horizontal scroll bar. When the scroll bars are present, you cannot actually scroll them as when you click on them they activate the drag. Is there a way to tell it to ignore scroll bars?
Keyup Changing the url of the browser
How would i make it so basically everytime you keyup it would post that data in the url without refreshing so when a user clicks on a link they searched for and go back it will have whatever they typed last in the search bar?
Get the id of the current selector element
Hello, I need to get the attribute id of the current element which comes from a selector. As I found out with the help of this forum I need to use $(this).attr("id"). Unfortunately this just returns "undefinied" for me. Does anybody have an idea why this doesn't work? This is my complete code: $(".element").editInPlace({ url: ('/elements/' + $(this).attr("id")) });
Profiling jquery app
Hello, Does anyone knows how I can easy profile my jquery app using plugin or other piece of code similar to this one: http://ejohn.org/blog/deep-profiling-jquery-apps/ ? This plugin from John Resig cannot be downloaded (403 error). All other profilers that I found, are out of date. Thanks.
Upgrading from a3 to a4, forms are not submitting via AJAX
I've been pulling my hair out about this one. My forms submitted with AJAX with version a3, but all of a sudden well... it's not. My login form specifically is submitting without AJAX, here's the code as rendered in raw html: <form action="http://whatever.local/process_login" data-transition="fade" method="post"> <input type="hidden" name="no_back" value="1" /> <div data-role="fieldcontain" style="text-align: center;"> <input id="name" type="text" name="user" placeholder="User ID or
SCRIPT ERROR - PLEASE HELP!!!
IE Reporting null values from the line below, please advise! function parseXml(xml) { //$("div.totalprice").text($(xml).find('PriceTotal TotalPrice').text()); jQuery ("div.totalprice").html(xml); SubmitPlus('PRICE'); }; function SubmitPlus(pType) { var lSailingFld = document.getElementById(pType + '_PLUS'); var lImgFld = document.getElementById(pType + '_PLUSIMAGE'); if (lSailingFld.style.display == 'none') { 'THIS LINE IS CAUSING THE PROBLEM
jquery not updating images
so, I'm using jquery on my blog and the problem I'm having is, for the first cycle of images it sort of meshes two of them together and keeps repeating them till it makes it's way through all the images then they display correctly. See example, the image that should be displayed is the scott pilgrim image but, instead it's meshed a facebook outage and me ranting about crappy service from a local restaurant. It will keep this same image till it cycles through all the posts then the correct images
addClass to some elements of a list
Hello, I need to add a class of some elements of a list (#list). I have the index of these elements in a list (#indexlist), and using this I want to add a class of each appropiate element. I did this: $("#indexlist li").each(function(){ var element = $("#list li").get("#indexlist li"); element.addClass("newclass"); }); Of course it doesn't work. What I did wrong?
Get and set URL parameters?
Hi, I need to know a way to get/set URL parameters with jQuery. Here is the flow between pages im having: page1) index.html page2) page2.html?img01name=house.jpg page3) page3.html?img02name=door.jpg what i want to have is: page1) index.html page2) page2.html?img01name=house.jpg page3) page3.html?img01name=house.jpg?img02name=door.jpg each page offers a choice to user and must add the choice in url. Actually im using forms with submit buttons to do it but i dont know how to keep parameters from previous
Prevent tab text highlight / disable tab text selection
Hi, Here's a sample form: <form action="#" method="post"> Name:<br /> <input type="text" name="name" value="your name" /><br /> E-mail:<br /> <input type="text" name="mail" value="your email" /><br /> <input type="submit" value="Send"> </form> When you tab to a text input, the value gets highlighted. How can it be disabled? Any help is appreciated! Mike
Problem Only in Chrome and Safari
Hello, I'm using the following code. It works fine on FF, IE, and Opera, but it fails in Safari and Chrome. Safari does nothing when the drop down is clicked, and the drop down is always one click behind in Chrome. Here's the JavaScript. $(document).ready(function(){ $('select#byCounty').click( function() { // Empty out the div if you already have gotten a listing $('div#CourtListings').empty();
Nightly build list scrolling much smoother
Just tried the latest nightly build and was impressed by the improvement in scrolling speed of list views. Bugs like no down state on buttons and maybe others mean can't use it but if there was any chance of releasing the improved scrolling as a separate element that would be great thanks
what the heck am i doing wrong?
i can't get the following code to work. it works fine if i use the commented out line: $("#quote p").load("dbtester.asp?payor=CHECK+TESTER"); so i guess i must be formatting something wrong? thanks in advance <html> <head> <title>AJAX with jQuery Example</title> <script src="scripts/jquery-1.5.js"></script> <style type="text/css"> #wrapper { width: 240px; height: 80px; margin: auto; padding: 10px; margin-top: 10px; border: 1px solid black; text-align: center; }
How can you insert a variable into a string?
Hi, I am trying to change the css values of a html element the width, height, left and top values. I want them to be variable. So depending on which element is selected. It would change these values. For example: Here is the concept which will be explained in a function: function reposition(element){ get elements top and left value then get the width value then get height value. top minus height = new top position for div. wrap div around element now. } The div will be a handler for that element
Multiple $.get from id.ready
the jquery section: $('tr[id^="emp_"]').ready(function() { var emp_ID = this.id; var ID = emp_ID.replace("emp_", ""); var url = '/inc/DEV_schedule.asp?ID='+ID+'&S_Date='+4/1/2011+'&E_Date='+4/30/2011+''; var loadID = emp_ID.replace("emp_", "load var sched_ID = emp_ID.replace("emp_", "sched_"); alert(ID); /* $.get('/inc/DEV_schedule.asp?ID='+ID+'&S_Date='+4/1/2011+'&E_Date='+4/30/2011+'', function(data) { $('tr#'+emp_ID).html(data); }); */ }); The html section: <div class="employees"> <tr id="emp_69">
Pull from hidden div or http request?
i have a page which loads content into a div from a hidden div. There are about 8 hidden divs all loaded with content loaded. Then when the user clicks a link the visible div is loaded with the content from one of them. Is this the best way? or should i be loading the content from another script via $.get()? i use the same thing on my PM system which loads 10 hidden divs. So should i really be using $.get() for this aswell?
change event not firing on select
In IE only, the change event on a select does not seem to fire if the change is made by typing on the keyboard instead of clicking with the mouse. However, when the focus leaves the field, the event fires. Is there any workaround for this? Thanks!
Hide <div> with jQuery
Hi, I want to hide a div box when the user go with his mouse over a button. I have no experience with jQuery, so maybe you know a already written script for that. Thanks! David Lampe (Using Wordpress)
Is there any way to have the split button list icon on the left?
Currently in the demo, the gear icon is on the right. Is there any way to have it on the left? Similar to the minus icon showing up on the left when you "Edit" a contact on the iPhone.
using .animate() - question regarding fluent animation
I have been reading the .animate() function and it is pretty much what I need, but the only problem is that, for example, the following code animates the div (which is what I want) but when the animation starts it starts slowly, then goes faster and then ends slowly again. I need it to be a fluent movement, always at the same speed (for example moving a div 50px to the left in 500 ms). I read something about using "easing: linear" in the options, but it didn't work. I also read on the API examples
JQuery Datepicker - Key events - goals?
I'm trying to ensure my forms are as keyboard-accessible as possible without touching a mouse and I've noticed the datepicker doesn't suit that goal, so I'd like to get an idea of what the JQuery dev team's goals are exactly for the datepicker, and whether I should be focused on writing my modifications to it as a hack for me or a patch for JQuery UI. It's also possible someone will reply saying "That already exists, just pass this option" etc. The 2 issues I see with JQuery UI and how I'd fix them:
Return to default value
Hi: I have this simple code for change combos based on selection. $("#manufacturer_id").change(function(){ $.ajax({ url: 'index.php?route=catalog/product/getConsignaManufacturer&token=<?php echo $token; ?>&manufacturer_id=' + $('#manufacturer_id').val(), type: 'GET', dataType: 'json', success: function(data) { $.each(data, function(){ $("#consigna_id").empty().removeAttr("disabled").append('<option value="'+this.consigna_id+'">'
Next Page