Select menu: Overlay vs New page. How to create overlay menu in a dialog page?
Hi to All, I try to use a simple select menu on a dialog page. (see example below). If I copy this code to a normal page it renders itself as an overlay. Unfortunately if I copy the _very_ same code to a dialog page it creates a new pop up _page_. Is there any way to achieve the same rendering in a dialog page as in a normal page? thx. (sorry for this formatting. This sample is exactly the same as the demo from here: http://jquerymobile.com/demos/1.0a3/#docs/forms/forms-selects.html ) <div data-role="fieldcontain">
$.get() returns different object type in IE8 and IE9
Hi folks, Could someone confirm this please? Using the following code, from jQuery 1.5.1: $.get(xml_file).success(function(data, textStatus, jqXHR)) { alert(data); } The returned result seems to be: On IE8 data is an "[object]" On IE9 data is an "[object Document] I guess it should always either be: "[object]" or: "[object Document]", not a mixture as this breaks code. Regards, Yomodo
How do I install jQuery Lightbox 2 on my site with cPanel?
Please can someone answer this for me as best as possible, I am new to plugins and would really appreciate the best help possible. Just all the steps needed in as much detail would be great! Thank you.
parameter name of Deferred constructor can be more semantic
Currently the jQuery define Deferred as Deferred: function ( func ), I suggest it can be defined as Deferred: function ( initialize ) or Deferred: function ( initializeFn ) or Deferred: function ( initializer ) so that the semantics is more explicit, and code is more self-documented.
jquery bubblepopup inside jquery carousel
Hi, I am trying to use the jquery bubble popup inside the jquery carousel. the problem everything works fine. but say if i have 10 items in the carousel, display 5 at a time, hiding the remaining 5 items(which could be opened by clicking the left or right navigation). so when we move the mouse over each carousel item that is visible on the screen, we can see the bubble popup. here, if i move the mouse over the empty area on the screen, i am still getting the bubble pop which shouldnt be visible because
JQuery.ajax response html
i'm developing an application using $.ajax to display information in a div on a webpage after change event: $(document).ready(function() { $('#targa').change(function(){ $.ajax({ url:"index.php?rt=parcheggioOrdinario/parcheggia", type:"POST", data: ({targa:$('#targa').val(), datatime:$('#datatime').val()}), success: function(response){ $('#movimentiParcheggio').html(response); } });
Weird problem in Safari
I was having a problem with some code not working after refresh, but now (with different code) I'm having a problem where the jquery doesn't work on the first load and works after I refresh it any amount of times. Sounds like when the page is cached everything works. With a google search, all I could really turn up is that the jquery needs to be wrapped in the following: $(document).ready(function(){ // your code }); I've done this and it's still not fixing my problem. It's weird, because
Jquery Extraparam as textbox value
$().ready(function() { $("#txtpro_no").autocomplete("getplotno.php", { width: 260, matchContains: true, mustMatch: false, // This I want to pass value of textbox dynamically which is not working extraParams: {id: $("#txtproj_id").value}, // I Tried This Also which is not working //extraParams:{id: function Getval()}, // This Works but no dynamic value
how to : File Chooser after file is selected nor CANCEL
Hello...!! I haven't got any idea, how to put the jquery once file is selected, and not Cancel is selected. Let's assume we have <input name="title" type="text" value="- none -" size="33" maxlength="50"> <input name="filepath" type="file" size="33"> and at another portion of that page also have a similar repeated code as above. I want to put some changes once the File is selected not when the button Browse is Pressed. Is there any work around?
First ajax sample, I need advice.
Hi guys This is my first ajax test sample. Okay here is the codes of sample1.htm <!DOCTYPE html> <html> <head> <style> div { font-size:14px; } </style> <script src="http://code.jquery.com/jquery-1.5.js"></script> </head> <body> <div ></div> <script> $.ajax({ type: "GET", url: "test.js", dataType: "script" }); </script> </body> </html> Below is the codes for test.js document.write("This is from external file, test.js") I tried to run this but it did not show anything, the page
making sure element/selector is an select <option>
hey guys i have a select box that looks like this for exaple: <select id="game"> <option id="mario">Mario</option> <option id="SuperMario">Super Mario</option> <option id="MarioKart">Mario Kart</option> </select>and what i want to do is when selecting #SuperMario i want to find out if its and option like when checking #game is a select box but how to check if select/element is actually an option if (#game.att(''type) == 'select-one') { // code }if anyone could help me with the right code on how
unable to view dialog after loading html and clicking again
Hello, I'm trying to set up dynamic dialogs based on the click of specific links. For example, when the link with the id of 'link1' is clicked, content from an html page is loaded into the dialog div and then the dialog is displayed. This works once, but when i close the dialog and click the link again, I get nothing. How can I ensure that when i load content from an html file, this will work properly everytime it's clicked? I'm obviously not doing something correctly here. Thanks in advance
Is there a JQuery library for Tile design?
Aloha all, I'm trying to re-create a flash animation using jQuery. THe function can be found on http://www.visitcalifornia.com - it is the main animation aka tile design. Thoughts anyone on this or if you have done someting similar in the past or know how to solve the issue let me know. Thanks Jones
Error: Object doesn't support this property or method. in IE6
Can you help me with this. Browser IE 6 and JQuery 1.4.4 Error is at this line$("#form0").validate({ rules: { issueCheckBox: { selectNone: true}} }); in document.Ready function. If code is not properly formatted please see the attachement. Script.txt < script src="../../Scripts/jquery-1.4.4.min.js" type="text/javascript"></script> < script src="../../Scripts/jquery.validate.min.js" type="text/javascript"></script> < script src="../../Scripts/jquery.validate.unobtrusive.min.js" type="text/javascript"></script>
jquery Highlight func.
Hi this jquery Highlight func. I am sending data to function in this way return value.replace(new RegExp("(?![^&;]+;)(?!<[^<>]*)(" + term.replace(/([\^\$\(\)\[\]\{\}\*\.\+\?\|\\])/gi, "\\$1") + ")(?![^<>]*>)(?![^&;]+;)", "gi"), "<strong>$1</strong>"); this send data or value= "Computer<br><span style='font-size: 76%;'>Computer Software</span> this "Computer" not Highlight this Highlight "Computer Software" help me...
force an animation on a page
Hi, How do I force an animation on a page? I'm updating something on a page, but want it to look like a transition with a slide, even though it's the same page. I tried doing $.mobile.changePage(...) using the id of the page I'm currently on, but it didn't do anything. Thanks
Passing Page Parameters
What is the most efficient way to pass one or many data values between two jquery mobile pages? Does anyone have a working example using alpha 3 with 1.5 (or 1.4.4) jquery core? I cannot get the beforepageshow event to properly fire after listview click using the following code. I am using a listview (with data-filter=true) search with data-identity set. When I click the the item, it returns the correct value via alert. However, I cannot get the "beforepageshow" to properly work in item selection
jqGrid - inserting rows from the users clipboard
I am using JqGrid and would like to allow the user to copy a set of columns into their clipboard then I would like to allow them to paste the contents into the jqGrid is this possible?
this function works in firefox but not in IE8 ? traversing through DOM
the below functions work in firefox but not IE8 any idea why? it throws the slow script with no end... $.fn.reverse = function () { return this.pushStack(this.get().reverse(), arguments); }; // create two new functions: prevALL and nextALL. $.each(['prev', 'next'], function (unusedIndex, name) { $.fn[name + 'ALL'] = function (matchExpr) { // get all the elements in the body, including the body. var $all = $('body').find('*').andSelf(); // slice the $all object according to
offsetParent not returning relative positioned ancestor
In my jQuery plugin, I'm trying to position an element absolutely within the target element's "offset parent." According to the jQuery documentation, offsetParent is supposed to return the nearest ancestor that is positioned, meaning absolute, fixed, or relative. However, when calling that function, I'm not getting the expected ancestor. The target element is located in a position: relative parent, and offsetParent is returning something further up the tree. Is the documentation wrong? Are there
Slow jquery dialog open
I noticed that jquery-ui is very slow when opening a dialog with some 50 or so links on it. I profiled it using IE 9 profiler, and found that most of the time is spent in the following part of the open function: // set focus to the first tabbable element in the content area or the first button // if there are no tabbable elements, set focus on the dialog itself $(self.element.find(':tabbable').get().concat( uiDialog.find('.ui-dialog-buttonpane :tabbable').get().concat(
multiple jquery script conflict?
hi guys new to jquery so need some help - i have multiple jquery scripts on my site but there seems to be a conflict and I cant figure out how to solve it. I've had a read on http://docs.jquery.com/Using_jQuery_with_Other_Libraries#Referencing_Magic_-_Shortcuts_for_jQuery and http://stackoverflow.com/questions/528241/how-do-i-run-different-versions-of-jquery-on-the-same-page but not having any luck... could someone tell me where im going wrong? here is my code; [code] <head> <link href="/css/styles.css"
jQuery 1.5.1 event.js function: withinElement
i get a lot of errors (ok only one ;) in the above function, when i look at the code i see // Firefox sometimes assigns relatedTarget a XUL element // which we cannot access the parentNode property of try { when i am in development i want to stop on the try..catch...blocks, but only in my own scripts ;) i found no ticket for this, so now my question: open a ticket? because problem is known disable error tracking for try..catch is a must? is there an other way for me? :( insert an if (!parent)
Accessing $(this).data('link') in ajax success function inside modal form
Hi there, How do I get the value of $(this).data('link').id into the success part of my ajax call in a modal form (when validations have been satisfied)? I can retrieve it ok in the form function but I guess the ajax success function can't see it? $('.extern').click(function(event) { event.preventDefault(); $( "#dialog-form" ) .data('link', this) .dialog( "open" ); }); }); success: function(msg){ // do something like this, var test = $(this).data('link').id;
JQuery Lightbox works only SOMETIMES?
Hey I finished my Hompage and loaded it up on the Internet. I used some JQuery to show divs or hide them. I also used the JQery Lightbox for my Pictures and sometimes it works but not always. You can see the problem on my Homepage: My Homepage The Picture Gallery is under the link "Fotos" and then klick on (for example): "Frankreich" or "USA". If you click on the Picture, the lighbox should start but sometimes it just opens a new window and shows the picture. Maybe somebody can help me? Thank you
'input:text' selector not finding input element with no type attribute
As recently as 1.4.3 $('input:text') would find input elements with no type attribute, but after upgrading to 1.5.1 that is no longer the case. Is this a bug or an intended refactor to be more standards compliant? FYI - this is the selector I now have to use: $('input:text, input:not([type])') Cheers, Jonathan
.ajax() Timing Considerations
I am having some 'timing issues' when using .ajax() in asynchronous mode. Basically I have two functions: retrieve_data(); work_on_data(); They are called in this order. retrieve_data() performs an .ajax() call, and the return data is used to populate a data-structure as a function passed in to the .ajax().success callback method. The obvious problem is that work_on_data() is being called before the data-structure is being populated, so nothing is built correctly and displayed on the page. A 'hack'
runat="server"
Hi, I was wondering why when using the UI slider that it doesn't work whenever I make the input box runat="server". Works: <input type="text" id="amount" style="border:0; color:#f6931f; font-weight:bold;" /> <div id="slider1"> Doesn't work: <input type="text" id="amount" style="border:0; color:#f6931f; font-weight:bold;" runat="server" /> <div id="slider1"> Thanks for the help...
scrolling page based on focus of elements?
I am creating a plugin that gives keyboard navigation to tabular table across multiple tables. When I have rows that run off screen I would like to scroll the window down.. and the reverse is true, when navigating up. Logically I need to get the position of the element that has focus and specify how much to scroll the window. Any help in this direction would be great!! Thanks!
Themeroller - Cannot edit existing themes on the jQuery Website
Yesterday, I was using Themeroller to create my own variation of UI lightness. I go here: http://jqueryui.com/themeroller/ Click 'Gallery.' Click 'Edit.' 'UI Lightness' shows up in the 'Roll Your Own' section. Yesterday, all of the colors, attributes, etc. would appear in the menu, and I could edit them. Now, the colors show on the Themeroller screen, but when any edits take place (e.g. Font Settings: 1.7em from 1.1em), it reverts to an all-grey theme. I have cleared my cache, restarted my computer,
tablesort
i'm using http://tablesorter.com/docs/ and it works well... except for number values with commas in them. i've looked into the parsing feature but can't seem to get it to work? i need to include commas in the numbers in the table cells. has anyone else experienced this and created a work-around?
the edit link on Gallery does not allow me to edit the existing theme
Hey all, I go to http://jqueryui.com/themeroller/ And I select gallery Then I choose "edit" for the Redmond theme to customize theme But all it does is update the theme to reflect Redmond But if I want to just change one color like the background color for header, there is no option here to do that. I have to go to Roll Your Own theme and that sets the theme back to gray not the Redmond. So then where can I customize an existing theme? Clicking on edit icon to customize theme does not allow me to
.hover() problem (slider)
Hi, I've created a slider But I've a last little problem. So it would be nice if someone can help me here :) 1. Download the file above named "theslider.zip" 2. Open the slider.html in any browser Follow these steps to understand my problem: 1. Hover with your mouse over "Tab 1" --> now the "divbox" expand and the "underbox" slide down At the moment it does the following: The underbox collaps if I leave the area of Tab 1. So if I hover from Tab 1 to the opened underbox the Tab collaps..............thats
Cannot call method after changing page
Hello everyone ! I change page A to B, B to C, C to A with a standard href, when I come back to the page A at the end, I cannot call any methods declared in this page. This issue doesn't appear if I set 'rel='external' ' however, this disable animation and I need to keep it... Any idea? Thank you for your help Phil.
Error Loading Page...
I would like to book style application. User will add 'data-role="page' divisions. My script will make a Table of Contents and navigation button. I made index.html as follows and book.js is as follows. book.js will add ID='Pxx' attribute to each page and set next id into each button attribute from the last page. But I run and push button, it shows 'Error Loading Page'. You can reproduce this issue by just these two files. I'm afraid, I make something big misunderstanding about JQM. Can anyone give
jQuery UI tabs - How to cahce only specific tabs?
is it possible to cache only specific tabs in a jquery tab widget? for example i have a tab: $(function() { $("#tabtab").tabs({ spinner: "", cache: true, ajaxOptions: { async: false, error: function( xhr, status, index, anchor ) { $( anchor.hash ).html( "foo" ); } } }); unsorted list has 10 <li> is it possible to cache <li> 0/1/2, but not to cache 3 to 9? i have no idea how to do this
[solved] How to autoclose a jquery ui dialog with timeout?
hello, i am very new to jquery. there is one thing i can not get working. how can i autocloe a dialog? $(document).ready(function() { var $dialog2 = $('<div></div>') .html('Wollen Sie sich abmelden?') .dialog({ autoOpen: false, title: 'Abmelden', resizable: true, show: 'fade', hide: 'explode', height:140, modal: true, buttons: { "Abmelden": function() {
In alpha 3 when we get dynamically data for selectmenu...for the first click selectmenu is not working
iam getting data from json for the select menu...for the first click its not opening..when i click back button and move again to same page and click select menu,then,its working....can any one suggest me?
Size() and Children() returning different results
Hi, I have the code: console.log($(this).parent().parent().children()); console.log($(this).parent().parent().size()); And the output is: jQuery(td.center, td.center, td.center, td.center, td.center, td, td) 1 Why is the size() 1 and not 7? I can't quite figure it out. Many thanks! Chris
Is there any event before the changePage method call?
I need create my data-role='page' element dynamically before the changePage method called. JQM has bind both $('a[href]').click and the 'hashchange' events. And I bind my create method to these two events too. the 'click' event works now but 'hashchange' invoked after JQM's. What can I do? or should JQM trigger a 'beforePageChange' event in the changePage method?
Next Page