Search Results

Search found 32625 results on 1305 pages for 'ui development'.

Page 246/1305 | < Previous Page | 242 243 244 245 246 247 248 249 250 251 252 253  | Next Page >

• JQuery overlay - issues with opening twitter "Allow Access" box

  - by Gublooo

  Hey guys I'm using Jquery flowplayer tools overlay to open external links. External links are working fine with this piece of code shown in the link: http://www.demiseonline.com/misc/Iframeoverlay.html Now using this overlay - I wanted to open the twitter dialog which asks users to Allow access to their account. So in the code below, I replaced http://www.google.com with https://twitter.com/oauth/authenticate?oauth_token=VPVRIsnRz9IX4CAab7brert3jHiEs <div class="apple_overlay black" id="Overlay1" <iframe src ="http://www.google.com" width="100%" height="595px" frameborder="0" </iframe </div When I replace the code, as soon as I load the page, even before I click on the link to open the overlay - the page gets redirected to the twitter URL. Any idea why that happens for this URL. Thanks

  Read the article

• Appending html code to a section inside a dialog window isn't working in IE6

  - by user338413

  I'm using jQuery's validation on a form. When the form is validated, I'm using a submitHandler to fill a dialog with data from the form then I open the dialog to display it. Works great except for in IE6. Nothing displays. I've tried initializing the dialog before and after running the validation code but neither makes a difference. Here's the validation code: $("#acct").validate({ ... submitHandler: function() { fillVerificationDialog(); $("#verification_dialog").dialog('open'); return false; } }); Here's the fillVerificationDialog: function fillVerificationDialog() { $("#dialog-data").empty(); $("<span class='label'>").text("First Name: ").appendTo("#dialog-data"); $("<span class='value'>").text($("#firstname").val()).appendTo("#dialog-data"); $("<br/>").appendTo("#dialog-data"); ... }

  Read the article

• Jquery datepicker localization

  - by Shipow

  I need a french calendar and I can't understand the problem. I guess i'm not using the regional options like it should be. But... Here is my code : $(function() { $('#Date').datepicker({ showMonthAfterYear: false, showOn: 'both', buttonImage: 'media/img/calendar.png', buttonImageOnly: true, dateFormat:'d MM, y' }, $.datepicker.regional['fr'] ); });

  Read the article

• jQuery slideDown + CSS Floats

  - by danilo

  I'm using a HTML Table with several rows. Every second row - containing details about the preceding row - is hidden using CSS. When clicking the first row, the second row gets showed using jQuery show(). This is quite nice, but I would prefer the slideDown-Effect. The problem is, inside the details row, there are two floating DIVs, one floating on the left, and one on the right. Now if i slideDown the previously hidden row, the contained DIVs behave strange and "jump around". See this animated gif to understand what I mean: http://ich-wars-nicht.ch/tmp/lunapic_127365879362365_.gif The markup: <tr class="row-vm"> <td>...</td> ... </tr> <tr class="row-details"> <td colspan="8"> <div class="vmdetail-left"> ... </div> <div class="vmdetail-right"> ... </div> </td> </tr> The CSS: .table-vmlist tr.row-details { display: none; } div.vmdetail-left { float: left; width: 50%; } div.vmdetail-right { float: right; width: 50%; } And the jQuery code: if ($(this).next().css('display') == 'none') { // Show details //$(this).next().show(); $(this).next().slideDown(); } else { // Hide details //$(this).next().hide(); $(this).next().slideUp(); } Is there a way to fix this behavior, and to implement a nice slideDown-effect?

  Read the article

• Implement Combobox/Option Menu funcionality on an iPhone interface?

  - by MikeN

  I want to give a list of choices on an iPhone GUI that works like a Combobox/Option menu. It needs to display the current selection, but on tapping it you should be able to change the current selection which will trigger a refresh of the screen. The option menu is letting the user choose which category a search is being performed under. So there is a default category and there are about 6 other choices. Idea 1: Use a label or button and when clicked on a new screen overlays that has all 6 options in a tableview, clicking on one closes the overlay screen and goes back to the main page with the updated value displayed. Idea 2: Should I use a totally different but native iPhone GUI widget like a Navbar at the bottom of the screen to reflect the different options?

  Read the article

• automatically minimized chat tabs

  - by Xiang Ubao

  now I have a very urgent matter, ask for your help.Because we must call fu.init in hideFlashCallback to pause our game, When the user is in the another page to open chat tabs to our game, the game will pause automatically. Is there a method like FB API or something at the beginning of the loading game, automatically minimized chat tabs, so as to solve our problems.Hope you reply to us, help us to solve the problem. Thanks a million.

  Read the article

• Anyone know of a decent editable combo box plugin?

  - by DJTripleThreat

  I'm seeing a couple online but the sites that these guys have look like crap so I don't know if I want to use their plug-ins. If you USE an editable combo box in your web app and you LIKE the plugin then post it here. Please explain why you chose it over other plugins. Edit: Bonus points for anyone who is using it with Rails and can show an erb example!!

  Read the article

• Fade in list of images, once all are loaded.

  - by Nathan Barry

  I have a group of images in this format: <ul id="photo-list"> <li><img src="" /></li> <li><img src="" /></li> <li><img src="" /></li> </ul> My goal is that once all the images have finished loading, then #photo-list will fade in. Also I would like to display a loading animation before the images are loaded. Any help is appreciated!

  Read the article

• round slider select

  - by mmcgrail

  I am in need of a jquery based 360 rotational slider I want the user to be able to grab the end and rotate it 360 degrees anyone know of anything like that I can't seem to find one

  Read the article

• How to recall a function with Jquery in this example?

  - by Immigrant

  How to recall a function and have the dialog box keep coming back when click 'cancel' button with Jquery in this example? I am sure it is easy but still learning some of the basics here. Thanks function definitelyClose() { window.location = 'http://www.google.com' }; var autoCloseTimer; var timeoutObject; var timePeriod = 5000; var warnPeriod = 10000; $(document).ready(function() { $('#proba').dialog({ autoOpen: false }); setTimeout(function() { $('#proba').attr('title', 'Warning').text('Sesion will expire').dialog('open'); $('#proba').dialog({ buttons: { 'Cancel': function() { $(this).dialog('close'); clearTimeout(autoCloseTimer); } } }); autoCloseTimer = setTimeout('definitelyClose()', warnPeriod); }, timePeriod); });

  Read the article

• Determining selected state of jQuery Buttons

  - by lloydphillips

  I've got two radio buttons in a .net page which are being transformed to jQuery buttons a la http://jqueryui.com/demos/button/#radio When the page is loaded I have button 2 as checked. When clicking the buttons I'm firing the postback event. Problem is you can click on that button that is selected by default on the initial load i.e. Button 2, the postback is fired but the event handler isn't called in the .net code behind because the radio button is already classed as selected (and in normal circumstances wouldn't allow the postback to fire). To get around this I've added the e.PreventDefault() method BUT this is causing issues when Button 1 is clicked because before the click handler is called the button is set to selected. Therefore, in every case in the following code e.PreventDefault() is called: $(document).ready(function(){ $("[id*='rbPayable']").click(function(e){ if ($("[id*='rbPayable']").attr("checked")) e.preventDefault(); else setTimeout('__doPostBack(\'this.id\',\'\')', 0) }) $("[id*='rbReceivable']").click(function(e){ if ($("[id*='rbReceivable']").attr("checked")) e.preventDefault(); else setTimeout('__doPostBack(\'this.id\',\'\')', 0) }) }); What is the best way for me to load the page and effectively be able to do the following: 'If rbReceivable is checked then don't do anything otherwise do a postback.'

  Read the article

• changing text periodically in a span from an array with jquery

  - by Peter Clark

  I have a span, eg: <p>Here is a sentence <span id="rotate">this</span> is what changes</p> and I'd like the contents of that span to change every few moments between a list of terms, so the contents might change to be: <span id="rotate">then</span> <span id="rotate">thus</span> and so on. I'd like the text to fade out and then the new text fade in. Whats the best way to do this via jquery?

  Read the article

• send data to server without ajax

  - by PramodD

  Hi I want to send data to server in post method. I know it is simple question but I didn't get well document for this. I had method which sends data to server but it is using ajax. I want to send data without ajax how to do that? Here is my code. $.ajax({ type: "POST", contentType:"application/x-www-form-urlencoded; charset=UTF-8", url: clientDetailURL, data: finalclientDetailParam }).done(function( msg1 ) { var clientDetailResponse = msg1; console.log("Client detail response is:"+clientDetailResponse); });

  Read the article

• Where can I find a control similar to the Firefox Rich List Box for use in my application?

  - by bsruth

  I'm trying to implement a control similar to Firefox's Rich List Box: However, I can only find the XUL implementation of this control, and I don't want to have to include a XUL processing engine in my application just to get a cool looking listbox. I've been trying to implement one on my own by customizing MFC's CListBox control, but am starting to realize it may take more time than I had intended. Before continuing to implement this control from scratch, I was wondering if anyone knew of a similar control that already exists, either commercial or open source. The main functionality I would like to have is: Small display for non selected items that expands when selected. Ability to add arbitrary controls to the expanded view. Preferably native code, but can probably use managed controls via native/managed interop with out too much extra work. Any help would be appreciated, I don't want to have to reinvent the wheel if I don't have to.

  Read the article

• Continuous Flash music player while navigating site

  - by phx-zs

  I have a site that includes a Flash music player integrated into the layout. I want users to be able to navigate around the site without interrupting the music. I've done plenty of research and thinking and the following are the options I came up with (keeping in mind I want to be as SEO friendly as possible). Anyone have another idea? AJAX: I set up a version that changes the main content div to whatever nav link they click, thereby not interrupting the Flash player. I set it up in the proper search-engine-friendly manner with direct links and JQuery/Ajax functions. If someone goes to site.com/ and clicks the Contact nav link, it loads what's in the main content div on site.com/contact.php into the main content div and changes the URL bar to site.com/#Contact. The same goes for if they go to site.com/contact.php and click About in the nav, it loads the About content and changes the URL bar to site.com/contact.php#About. Obviously this opens up a whole new can of worms with AJAX and hash navigation/history issues, and I would end up with people possibly linking to things like site.com/contact.php#About (which I think looks terrible and can't be too great for SEO). Store the Flash player vars somewhere and reload them with the page: I'm not sure how to go about this, but I thought about keeping my regular navigation without AJAX and have it so when a user clicks a nav link, before it changes pages it stores the Flash player vars (current song and song position) somewhere, then loads them into Flash when the new page loads. Something with an iframe? Good alternative to a Flash player that will work for this type of application? Thanks!

  Read the article

• jQuery: How to reverse sortable('serialize') arrays from last to first?

  - by Binyamin

  The discussion begins http://stackoverflow.com/questions/654535/jquery-what-to-do-with-the-list-that-sortableserialize-returns/2920760#2920760 How to reverse it from last to first, updateList.php?id[]=5&id[]=4&id[]=3&id[]=2&id[]=1&&action=update? <ul> <li id="oreder-5">5</li> <li id="oreder-4">4</li> <li id="oreder-3">3</li> <li id="oreder-2">2</li> <li id="oreder-1">1</li> <ul> My code: $(document).ready(function(){ order=[]; $('#list ul').children('li').each(function(idx, elm) { order.push(elm.id.split('-')[1]) }); $.post('updateList.php', {'order[]': order, action: 'update'}); function slideout(){ setTimeout(function(){ $("#response").slideUp("slow", function () {}); }, 2000); } $("#response").hide(); $(function() { $("#list ul").sortable({ opacity: 0.8, cursor: 'move', update: function() { var order = $(this).sortable("serialize") + '&action=update'; $.post("updateList.php", order, function(theResponse){ $("#response").html(theResponse); $("#response").slideDown('slow'); slideout(); }); }}); }); });

  Read the article

• How To Collapse Just One Field in Django Admin?

  - by Apreche

  The django admin allows you to specify fieldsets. You properly structure a tuple that groups different fields together. You can also specify classes for certain groups of fields. One of those classes is collapse, which will hide the field under a collapsable area. This is good for hiding rarely used or advanced fields to keep the UI clean. However, I have a situation where I want to hide just one lonesome field on many different apps. This will be a lot of typing to create a full fieldset specification in every admin.py file just to put one field into the collapsed area. It also creates a difficult maintenance situation because I will have to edit the fieldset every time I edit the associated model. I can easily exclude the field entirely using the exclude option. I want something similar for collapse. Is this possible?

  Read the article

• How could i avoid the SAVE dialog in my custom blackberry Application?

  - by SIA

  Hi Everybody, I am writing a blackberry application and pushing screens one after another(three in series) Screen1 displays Screen2 and Screen2 displays Screen3 When i press "Back Key" on my Blackberry Device i.e., bold 9700, its prompts a dialog box with Question mark image and buttons "Save" "Discard" "Cancel". Why does this dialog appears? How can i avoid this dialog? Please Help Thanks SIA

  Read the article

• My app crashes on Iphone SDK 3.2

  - by Mladen

  Hi Guys, My app worked ok on iPhone SDK 3.1. However, when I try to run it in 3.2 simulator, I get the following error and it crashes: bool _WebTryThreadLock(bool), 0x5148280: Tried to obtain the web lock from a thread other than the main thread or the web thread. This may be a result of calling to UIKit from a secondary thread. Crashing now... Program received signal: “EXC_BAD_ACCESS”. When I debug it, it leads me to this peace of code: - (void)LoginViewToCheckView:(id)sender { CheckViewController *tempTestController = [[CheckViewController alloc] initWithStyle:UITableViewStyleGrouped]; [tempTestController setDelegate:self]; [self setCheckViewController: tempTestController]; [tempTestController release]; [navigationController pushViewController:checkViewController animated:YES];} Other thing worth mentioning is maybe that I am calling this function from a separate thread. Any ideas what could be wrong?

  Read the article

• onClose and datepick with jQuery

  - by Steve

  I have the following code: $('#popupDatepickerWeekly').datepick({ maxDate:'1Y', mandatory:true, highlightWeek:true, onClose: closedDate }); My closedDate function looks like this: function closedDate(value, date, inst) { document.signUpForm.repeatUntil.value = value; } But when I pick a date using the datepicker, the repeatUntil hidden value is not set. The hidden form field looks like this: I don't get an error or anything, but it always comes back as an empty string.

  Read the article

• jquery : ul, li parent multiple child sub-child toggling

  - by user360826

  hello, my main question is as follows: how to show only the first subchild of a ul or li upon clicking the enclosing parent. eg: <ul> Grandparent <li> Child1 <li> Grandchild11</li></li> <li> Child2 <li>GrandChild21</li><li>grandchild22</li></li> </ul> so, for example I would like something to the effect of <script> $('ul').click(function(){ $('ul').children('first li').toggle() }); $('li').click(function(){ $('li').children('first li').toggle() }); </script> meaning: when i click ul, i only see the first child node (child1 and child2 will be shown, but not the grandchildren). when i click child1 or child2 i see the respective grandchild. grandchild is not shown upon clicking grandparent, only upon clicking child1 or child2. i know i am reinventing the wheel of some pre-coded solution, but any help would be largely appreciated!

  Read the article

• Does anyone know why jquery dialog is showing stale content on ajax update ?

  - by oo

  I have a series of links and when i click on a link i want to show a dialog with detail information. This detail is returned from an jquery ajax request. I am using the following code below to show a partial result through ajax onto a jquery dialog. Here is the jquery code: $(document).ready(function() { $('a.click').live('click', function() { var url = '/Tracker/Info?id=' + $(this).attr("id"); var dialogOpts = { modal: true, bgiframe: true, autoOpen: false, height: 600, width: 450, overlay: { opacity: 0.7, background: "black" }, draggable: true, resizeable: true, open: function() { //display correct dialog content $("#dialogDiv").load(url); } }; $("#dialogDiv").dialog(dialogOpts); //end dialog $("#dialogDiv").dialog("open"); }); }); Here is my controller action code: public ActionResult Info(int id) { return PartialView("LabelPartialView", _Repository.GetItem(id)); } Here is the issue: When i click this the first time (lets say i send id = 1234) it works fine. When i click on another item (lets say i send id = 4567) it shows the content from 1234 still. Which i click this second item again (again its 4567), then it will show the content from 4567. Does anyone know why it might not be refreshed the first time? Is this a timing issue?

  Read the article

• Toastr.js notifications as modal notfication

  - by Maxsteel

  I know it's not what toastr (or toast notifs in general) are meant to be used for, but I want to use them as a modal notification. My idea is following. On toast show: toastr.options.onShown = function() { //Create an overlay on the entire page} Overlay: #overlay { background-color: rgba(0, 0, 0, 0.8); z-index: 999; position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: none; } And on toast close: toastr.options.onHidden = function() { //make overlay go away } Also, I'm setting timeout of toast to 0 so it won't disappear by itself. Question: I want the toast notification to stay atop the overlay and not behind it as overlay will cover everything. How can I do it?

  Read the article

• Disable day dynamically after clicking it

  - by Justin

  I have used the BeforeShowDays method to disable days on page load for my datepicker in the past. What I would like now is to click on a day, and the day should become disabled (not clickable, as if I used the BeforeShowDays method on that day). Is there a way to accomplish this?

  Read the article

• jQuery tabs work in Safari and firefox but show up as bullet point in IE

  - by Ria

  I am using the jquery tabs . It shows up fine in Safari and firefox, however it will not load correct in IE. They show up as bullet points in stead of tabs. Here is an example of a page http://www.pianoandkeyboardshoponline.co.uk/Test/detailed_page.php?pro duct_id=302-Casio-CDP120-Digital-Piano-in-Black <script type="text/javascript"> $(function() { $("#jQueryTabs").tabs()({ event:"click", collapsible: false, selected:'0', fx: { opacity: 'none', duration: 1 } }).tabs( "none" , 1 , false ); }); </script> When I refresh the page the tabs show up, however I want them to show up correct when the page is loaded. Any suggestion welcome

  Read the article

< Previous Page | 242 243 244 245 246 247 248 249 250 251 252 253  | Next Page >