Activating tabs not working?
Hi Everyone, I am trying to activate some tabs, that I disable when the webpage comes up. I call three different functions one after the other (I don't know if that is the reason why), but the last function is where I activate the tabs. Here is the when the webpage comes up (its a script), I am disabling all except tab 0: //Dissable all tabs except 0 $( "#Main" ).tabs( { disabled: [1, 2, 3, 4, 5] } ); <-------- This works fine. The following is where I am disabling tab 0 and activating the rest
Jquery-ui autocomplete is not working properly in IE8
Hello, Jquery ui auto-complete is not working properly in IE8.I'm getting the value when start typing but after select the value,` its not closing drop-down in IE8`.But its working good in Firefox and IE9. Could please help me what is the issue here. $("#ordernumber").autocomplete({ source: function(request, response) { $.ajax({ url: "searchOrder.jsp", type: "POST", dataType: "json", data: { part: request.term,}, success: function
UI Tabs with drop down
I'm developing a site where I'm using UI tabs to exchange content. I'm using UI Tabs correctly, but I can't find a jQuery plugin that plays nicely with a drop down menu. I want users to hover over a title button and the tab links are the "Sub Items". Does anyone know something that could do this for me? Also, the divs and the unordered list are generated by PHP database values. Hover over the top button and select an item below it, then the tab content will change
Why not lightbox? Suggestions?
Is there a reason why jQuery UI still lacks one of the most fundamental new UI elements in recent web design: the lightbox? I know there's dialog but AFAIK that's not quite the same thing. For example, I've been asked to force users to click 'Agree' to a lightbox prompt when moving away from a page (through clicking a link on the page, for example). I need to put the T&Cs in the lightbox and there doesn't seem to be an option for that with the dialog widget. What would be people say is the best lightbox
Problems with ui Tabs
I have defined ui tabs. I have a <base> tag. Everytime I load the tabs page double the content gets loaded into the tabs. I need the <base> tag (Removing it fixes it). Is there a solution to fix this so I can use the <base> tag. Thanks for your help.
jQuery Dialog boxes and there use by websites to deliver ads
These dialog boxes are wonderful. I use them to give users of my sites to deliver more information on a topic, but only when a visitor asks for more information. The are being abused, however, by websites that open them when a page is loaded, knowing that they can't be blocked by a browser setting to "block popups". How can they be blocked, short of blocking all Javascript? They have gotten to the same point that popups were originally. It seems that the Internet today is driven completely by greed
Problems with Dojo
Hi, when I create a jQuery-Dialog and fill it with a complex Dojo application (not iframe), this is not working anymore : dojo.connect(this.wTree, "onClick", function (item) { thiz.onModeChanged(types.FILE_PANEL_LAYOUT.TREE); }); and this also not : this.wThumb.domNode.onclick=function(){ thiz.onModeChanged(types.FILE_PANEL_LAYOUT.THUMB); }; An idea how I can get my pointer events back ? When create the modal dialog with something else like MooTools-Squeeze-Box its all working. Is there a
drag div in x position only
I need to drag Div in x position only starting from 0px to 135px I tried this but I dn't know how can I pass dragging min and max value $( "#draggable" ).draggable({ axis: "x"}) I need to make this scrollbar, user can adjust ammout from scrollbar.
Unable to refresh datepicker in dojo environment
Hi I have trouble refreshing jquery.datepicker in the dojo environment. After getting the json (date and number of tests) by request.post, I forced result json into array object. I call function - " refreshdatepicker();" and nothing happened. Please see my code below:- var arrDatesNTests = []; function checkavailableDates(mydate) { var $return=false;// set all dates disenable var $returnclass ="unavailable"; $checkdate = $.datepicker.formatDate("yy-mm-dd", mydate); for(var i = 0; i < arrDatesNTests.length;
Jquery UI Autocomplete Combobox Reset
I'm attempting to modify the demo to suite my needs. However I find it annoying that it doesn't clear the text for the user. I reuse the input field, so when a user clicks on it I'd like it to clear itself. Also I'm curious if it'd be able to match not just the text field, but the value field. I have different values set for my select options. I'd like the autocomplete to look for both the text and values. Any guidance, particularly for the reset on focus would be appreciated. I've googled this to
Problem with UI spinner decimal places and event
I'm using a numeric Jquery UI spinner on a text input. I need the spinner step to be 0.1, but the value to be rounded to 2 decimal places, not 1. If a value like 1.55 is input into the spinner, the value should be set to 1.65 when spun up, not 1.7 like it normally does. It looks like this is not supported, but I can't find an applicable workaround. I tried a way below, but it doesn't work and also gives an error, 'member not found'. Also, I need to have an onblur event on the input field, but this
droppable get structure as array
Hey :) ich hab some problems with droppable plugin from jquery-Ui. I try to sort my ul list.. but sometimes it fails. http://jsfiddle.net/23AvA/1/ There is always a ID mutlipled. And if my structure so and i would like move id 2 into id 1: "[{"id":13,"children":[{"id":2}]},{"id":1,"children":[{"id":5}]}]" I get this :/ "[{"id":13,"children":[{"id":2}]},{"id":1,"children":[{"id":5},{"id":2}]}]" Have Somebody the solution for my problem?
Prompt doesn't let the page load
Hi Everyone, I have designed a webpage that uses a prompt. I am using the prompt as a form of password to retrieve information about the webpage. I am having two issues: 1st one is that the prompt on the top says: The page at: 192.168.X.XX says: and then the actual message that I wrote: Enter your password: Is there a way to change the title of the prompt? 2nd Even though I placed the prompt script inside document.ready() function, it will not let the webpage load completely? <script> $(document).ready(function()
Php won't function in collapsible-set
Is there a specific reason that I can't execute some basic php-code inside a collapsible-set? I have tried it on many ways, but without succes. Is there some kind of basic rule which I don't know of?
Dialog is shown itself when changing size of not visible dialog
I have following code that is run every time user rotates mobile phone (so screen width and height are changed) to calculate proper width and height all widgets: $( "#dialog1" ).dialog({ height: Math.round(screen.availHeight * 0.7)}); $( "#dialog1" ).dialog({ width: Math.round(screen.availWidth * 0.7) }); I noticed that after a few seconds dialog is shown but function $( "#dialog1" ).dialog("open"); is not called. To prevent this I need to use following code $( "#dialog1" ).dialog({ height: Math.round(screen.availHeight
Load jQueryUI from Plugin
For my plugin to work, jQueryUI needs to be loaded. I have tried loading it before the self.setup(); Which loads the plugin, but apparently first after my code is finished setting things up, so the jQueryUI rules doesn't become apparent. (function ($, window, document, undefined) { var Ob = { init: function (options, elem) { var self = this; self.$elem = $(elem); if (typeof options === 'string') { self.site = options; } else { // Object passed self.site = options.site; self.options = $.extend({},
jquery dialog custom close button event throws error?
Hi, I am using custom close button for a dialog, but when click on close button , I'm getting error. what's wrong with this code ($(dialogDiv).dialog('close');) input type="button" id="closeDialog1" class="btnClass" value="Close" style="width: 80px;" /> var dialogId = 'uniqueName-' + Math.floor(Math.random() * 1000) var dialogDiv = "<div id='" + dialogId + "'></div>"; function loadDialogResult(dialogDiv, result) { $(dialogDiv).html(result).dialog({ modal: true, resizable: false, title: 'Test',
datepicker : onSelect, remove highlight class
Hi, currently I have a datepicker that by defoult will highlight entire week (mon-sun), i'm stuck with the onSelect function, I want that onSelect only the date that have been select will highlight. Meaning that onSelect I want to remove the highlighted week. Here my code : $('#datepicker').datepicker({ dateFormat: 'yy/mm/dd', firstDay: 1, beforeShowDay: highlightDays, onSelect: function(dateText, inst) { $("#datepicker").removeClass('highlight'); var dateString = dateText; var year = dateString.substring(0,4);
Linking to accordion widget from another page
Hi, I'm using the jQueryUI Accordion Widget on a client site. I need to link to the individual divs in the widget from another page. I've added IDs to each h3. A hash link will take me to the location of the h3, but won't activate the div. Any help with specific code options would be great. This is the accordion widget I'm using: http://jqueryui.com/accordion/ Thanks
jQuery autocomplete and event concept
The jquery website gave the autocomplete code I needed, which specifically is autocomplete for a comma separated list of words. But when I use the autocomplete code something does not work. I am building a single page application where divs are being swapped in and out. When I reach this function, I confirmed through chrome dev tools that my array of possible words has been generated after consuming a web service I built. I must be missing something conceptually since I don't see anything wrong.
Accordion IE11 help
I have inherited website from a previous employee and I am still learning web development. IE 11 came out and broke my accordion on the site. I have tried for days to find the solution but I am having trouble following all the code and understanding which scripts are actually doing the work and maybe failing. the site is jprofleetproducts.com the menu on the left side is what is broke and works in firefiox and chrome not IE 11 but does work in IE10 and below.
Jquery UI Tabs Major bug: not working if using base href (all vers).
If setting base href in the head of the document the base example with tabs on the same page will not work.
jQuery UI modal form not working properly
I am having a problem using the modal form. When the dialog opens the first time, the validation and form do not validate/submit. If I cancel the dialog and then open it a second time it validates/submits. Any help or suggestions would be greatly appreciated. Here is the html: table row that is clickable: <tr onclick="selectRowEffect_shipping(this, 2), shippingDate(), getHALzip()" onmouseout="rowOutEffect(this)" onmouseover="rowOverEffect(this)" class="moduleRow" id="HALrow"> divs: <style> .ui-dialog
Losing control on fancybox after postback on MVC partialview
I am loading partialview from fancybox. partialview has Form=Post, once I submit form and I need to show results on same fancybox <div>. But return result loading full view and I am loosing control on fancybox after submit. view load fancybox index.cshtml @using System.Web.UI.WebControls @model SPE.ContactSubmissionForm.Models.Contact <div id="result"></div> @using (Html.BeginForm(null, null, FormMethod.Post, new { enctype = "multipart/form-data", @class = "form-horizontal", role = "form" })) {
"puff" animation is not as expected
I would want to make this effect that can be run selecting "puff" in the JqUI demos page http://jqueryui.com/effect/#default I placed the the necessary code in my website http://americanhorizon.altervista.org/portfolio/portfolio.php .. try to click the sections on top, the main contet should "puff" while actually they move on the left. Where i wrong?
I can't get get autocomplete to pass its result in my form.
Yesterday I failed to get autocomplete to work with my OnebyOne slideshow. I gave up with that. Today as a work around I thought I would make a new enquiry form with the autocomplete part in it, and then place it in an iFrame. However... I can't get get autocomplete to pass its result in my form. All the other bits are passed fine. Can someone explain how I should phrase the html part. extract below full code at the bottom of the page. or do I need an additional script? regards Nick <input type="text"
How to set UI Tabs to make content load from the current page (disable Ajax) if using full urls?
Hi unfortunately I'm not able to use a short version of anchors: <a href="#tabs-1">Tab1</a> on my site. I have to use the full url instead : <a href="site.com/category/page.html#tabs-1">. Content for tabs are on the same page with all anchors, so no need to use ajax. Even if I put the full url Tabs are working ok till the moment than someone came to this page by using technical url: site.com/category/page.html?something instead of site.com/category/page.html. As url in the browser is differ
Problem to launch a calback function passing a parameter
Hi, I need to launch a callback function after that an effect animation is complete, and pass arguments to it! This is the code $('.voceMenu').click(function(event) { var nextTab=$(event.currentTarget).attr('name') $( "#sezioneGrafica" ).effect( 'puff', 500, visualizzaSezione); })Once the "puff" effect is terminated, i've to launch the visualizzaSezione function, but passing the nextTab parameter. If i write $(
how to drag an element from parent page to child page
hello everybody,There are 2 pages: a and b. In the page a, there is an iframe and a input type=text. The srcof this iframe is page b. I want to drag the elements in page b into the "a.input". How can I do this? jquery of page a: $(document).ready(function() { var c = {}; $("#drag").contents().find("#move").draggable({ helper: "clone", start: function(event, ui) { c.tr = this; c.helper = ui.helper; } }); $("#drop").droppable({ drop: function(event, ui) { var inventor =ui.draggable.text(); $(this).find("input").val(inventor);
Resizable on Table (should be able to resize the column)
Need help with Resizable for the table. I am trying to resize the column width by placing the cursor in the <th> I have the following piece of code to do the same $("#sampleTable>thead>tr>th").resizable({ create: function (event, ui) { }, handles: 'e', autoHide: true, // set correct COL element and original size start: function (event, ui) { var colIndex = ui.helper.index() + 1; colElement = table.find("colgroup > col:nth-child(" + colIndex + ")"); colWidth = parseInt(colElement.get(0).style.width,
Jquery Tbas - Links outside of div?
i also need some help with tabs. http://jsfiddle.net/webchemist/Dpg2W/ How do i move the buttons outside the tab div and still work ?
Testing jQuery UI dialog
I'm trying to create a jQuery UI wrapper for my PHP project. I'm using QUnit for unit-testing JavaScript codes. I want to test if my wrapper functions for jQuery UI dialog are working ok, that is, if the dialog-box is actually opens as intended. What is the standard way to check if a dialog is working normally? I found that the "dialog" method is returning its object when the operation is successful and "undefined" when it fails for some reason. Is this safe to assume those results as reliable source
How can I unactive the them style file
Dear Sir, When I settup jQueryUI I add to add that line <link rel="stylesheet" type="text/css" href="/cakephp/css/jquery-ui/css/smoothness/jquery-ui.custom.min.css" /> This is fine for the date picker. But I also use tab and I do not want to use that theme for the tabs. Here is my simple tabs call $( ".tabss" ).tabs({ active: 1 }); How can I unactive the theme only for the tab .tabss? Cheers
dialog from a dialog
Greetings, i have a validate that uses dialog to give it's warning/message. I also have a dialog i am using to gather manual input from an select/option drop down. If i validate the length on the dialog when it calls the second dialog it works well but then freezes up my screen after the message appears? is there a way to do this?
More headings in accordian
Hello I want to use the accordian widget and this is probably a stupid question but there are 4 headers in the online widget, i have tried to add more but they just show up as text, how could i increase the number of headers ? Thanks in advance
Accordion Expand accordion based on the text.
How can i dynamically select the accordion to expand based on another accordion section header or text
download custom
Hello, How download custom theme. I don't see option custom theme Thanks
Don't know how to implement check box idea
I'm wanting to implement check boxes kind of like the way gmail does theirs I'ts not for email but example: the page has a list of accounts on the left I want check boxes and at the top of the page I want a "Select All" button but I also want to able to select single or multiple boxes and in the upper part of window I want a drop down list or action list to move these accounts to a group or user, or other options delete, move, undo
Conflict between dialog and history
I'm using JQueryUI 1.10.3 and I have a problem that happen on Android 2.* and on IPhone 3 but not on desktop version of browsers. When I include jqueryui.dialog, the history.pushState call doesn't work. If I comment jqueryui.dialog inclusion all works perfectly. Anyone knows why?
jQuery UI Tabs Causes White Page with vBulletin 4
I am currently working on adding a custom page containing some JavaScript (jQuery UI elements) all of them (Buttons, Accordion and so on) works fine except from the jQuery UI Tabs, whenever I try to implement the tabs on a page it seemingly loads fine, including the tabs and they work, but when the page has completed loading it goes blank (Just an empty white page). Viewing the source still displays all the code, and Firebug does not really help me at all. I was hoping someone has dabbled with it
Next Page