Search Results

Search found 2261 results on 91 pages for 'safari 5'.

Page 54/91 | < Previous Page | 50 51 52 53 54 55 56 57 58 59 60 61  | Next Page >

• Available iPhone Web Application JavaScript UI Library/Frameworks

  - by methym

  I'm starting a web application that will target Mobile Safari on iPhone/iPod Touch. I'm evaluating the available client-side JavaScript/CSS libraries/frameworks that are currently out there. These are the ones I'm currenlty aware of: iUI CiUI UiUIKit WebApp.Net iWebKit Apple's Dashcode Application - not really a standalone library/framework, but it provides/generates JavaScript, CSS, and images that conform to the native iPhone UI metaphors. Are there any others out there? I want to make sure I'm not missing any before I make a decision. I'm only looking for client-side JavaScript/CSS solutions and building one from scratch isn't an option because of time constraints. No server-side PHP, Ruby, Python, Java, etc. solutions. I am aware of the iPhone web applications, templates, frameworks? question that was asked, but this only mentioned iUI and UiUIKit. Thank you

  Read the article

• jQuery Autocomplete problem - Shift Key behaves same as Return Key

  - by user237005

  See: http://www.airbnb.com/ In the search bar, start typing "san f" (no quotes, all lowercase), then hit Return (or Enter). "San Francisco" is autocompleted. This is good! Now clear the search field and start over. type "San F" and boom - "San Francisco" is autocompleted as soon as you hit Shift. This is not expected. This happens in FF & Safari, but is untested elsewhere. I've looked through the jQuery Autocomplete Source Code and everything looks normal. Has anyone experienced this before?

  Read the article

• Javascript Bookmarklet fails in IE8

  - by songdogtech

  Anyone want to take a stab at why this bookmarklet fails in IE8? It turns all text uppercase in Friefox and Safari. But in IE8, it simply stalls with "loading..." I've enabled scriplets and the security settings in IE8. Update 3/13/10: I've discovered that IE limits the data length of Favorites, so I need to find a work around to prevent IE from truncating the bookmarklet. javascript: (function(){ var i,t,D=document; for(i=0;t=D.getElementsByTagName('textarea')[i];++i) t.value=t.value.toUpperCase(); var newSS,styles='*{text-transform:uppercase}input,textarea{text-transform:none}'; if(D.createStyleSheet){ D.createStyleSheet("javascript:'"+styles+"'"); } else{ newSS=D.createElement('link'); newSS.rel='stylesheet'; newSS.href='data:text/css,'+escape(styles); D.documentElement.childNodes[0].appendChild(newSS); } } )()

  Read the article

• Using CSS gradient instead of images

  - by Wiika

  Using CSS for creating gradients instead of images, does it have any negativity? For example the following code: #gradient { color: #fff; height: 100px; padding: 10px; /* For WebKit (Safari, Google Chrome etc) */ background: -webkit-gradient(linear, left top, left bottom, from(#00f), to(#fff)); /* For Mozilla/Gecko (Firefox etc) */ background: -moz-linear-gradient(top, #00f, #fff); /* For Internet Explorer 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF0000FF, endColorstr=#FFFFFFFF); /* For Internet Explorer 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF0000FF, endColorstr=#FFFFFFFF)"; } Thanks.

  Read the article

• Javascript top variable in IE8

  - by Jim Rootham

  I am trying to reference a javascript function in a .js file loaded in my main page from an iframe using the 'top' variable. It works in FF, Safari, and IE6 but not in IE8. The snippet is (assigned to onmouseover): top.set_image(this, 'images/login_h.png') Where set_image is my function. The error is "Object does not support this function" Also, I have been looking for the definition of top. I can't find it in the ECMAScript specification or the w3schools site and Google is unhelpful (who'da thunk top was a common word?).

  Read the article

• CSS Margin/Padding Issue on Browser Zoom

  - by korymath

  I am having difficulty getting my page to show up correctly at various browser zoom settings. http://andstones.ca/newsite The content is aligned if the user is zoomed out on the page, but once they zoom too far out and refresh the page, or if they are too zoomed in and the page loads, then the content pane is shifted. This does not seem to be an issue in firefox, but it is a very serious issue in chrome/safari/iexplore and on the iPad. What can I do to ensure that the main content loads in the correct position regardless of user browser settings? Thanks , Kory

  Read the article

• Bookmarklet fails in IE8

  - by songdogtech

  Anyone want to take a stab at why this bookmarklet fails in IE8? It turns all text uppercase in Friefox and Safari. But in IE8, it simply stalls with "loading..." I'll admit I'm a beginner with Javascript: javascript:(function(){%20var%20i,t,D=document;for(i=0;t=D.getElementsByTagName ('textarea')[i];++i)t.value=t.value.toUpperCase();%20var%20newSS,styles='* {text-transform:uppercase}input,textarea{text-transform:none}';if(D.createStyleSheet) {D.createStyleSheet(%22javascript:'%22+styles+%22'%22);} else{newSS=D.createElement('link');newSS.rel='stylesheet'; newSS.href='data:text/css,'+escap e(styles);D.documentElement.childNodes[0].appendChild(newSS);}})()

  Read the article

• HTML 5 video custom controls

  - by pygorex1

  Like many web developers I'm looking forward to streaming video that utilizes the new HTML 5 <video> tag. Browser support definitely isn't wide enough yet, so using a Flash/SWF fallback is a must. This got me thinking: in Flash it's possible to highly customize the playback controls (pause, play, stop, seek, volume, etc.) in HTML 5?. What options are there for customizing the glyphs, icons and colors of video controls? Is Javascript required? For instance the following page renders different controls depending on the browser - tested using FF3.5, Chrome and Safari: http://henriksjokvist.net/examples/html5-video/ It would be really awesome to customize and standardize controls across browsers and even match the Flash controls used by older browsers.

  Read the article

• Bad http connection (400) from Simple Native Iphone App to test .net Web Service

  - by leo

  Dear all, I have written a simple hello world .net web service which will accept 2 parameters and return the parameters as a string. The web service is hosted by IIS on a windows xp pc. I am able to access the web service using safari on the iphone simulator, successfully tested the operation using HTTP POST by clicking the "invoke" button. However, when I use the native app on the iphone simulator, I keep getting a bad http connection error 400 on the IIS log. I have tested my native app with http://viium.com/WebService/HelloWorld.asmx and it works. I have already added Does anyone know what is wrong? Is it some settings that have not configured correctly? Thank you very much in advance.

  Read the article

• IE8 AJAX GET setRequestHeaders not working unless params provided in URL

  - by bobthabuilda

  I'm trying to create an AJAX request in IE8. var xhr = new ActiveXObject( 'Msxml2.XMLHTTP' ); xhr.open( 'GET', '/ajax/' ); // Required header for Django to detect AJAX request xhr.setRequestHeader( 'X-Requested-With', 'XMLHttpRequest' ); xhr.onreadystatechange = function() { if ( this.readyState == 4 ) console.log(this.responseText); } xhr.send( null ); This works perfectly fine in Firefox, Chrome, Safari. In IE8 however, all of my AJAX test requests work EXCEPT for ones where I'm performing GETs without any query string params (such as the one above). POSTs work without question, and GET requests only work whenever I include query strings in the URL, like this: xhr.open( 'GET', '/ajax/?foo=bar' ) I'm also 110% positive that my server code is handling these requests appropriately, so, this stumps me completely. Does anyone have any clue as to what might be causing this?

  Read the article

• "return false" is ignored in certain browsers for link added dynamically to the DOM with JavaScript

  - by AlexV

  I dynamically add an <a> (link) tag to the DOM with: var link = document.createElement('a'); link.href = 'http://www.google.com/'; link.onclick = function () { window.open(this.href); return false; }; link.appendChild(document.createTextNode('Google')); //someDomNode.appendChild(link); I want the link to open in a new window (I know it's bad, but it's required) and I don't want to use the target attribute. My code works well in IE and Firefox, but the return false don't work in Safari, Chrome and Opera. By don't work I mean the link is followed after the new window is opened.

  Read the article

• Getting black images with selenium.captureScreenshot

  - by Lidia

  I'm executing selenium tests with testng, that are started on a remote system with Selenium RC via hudson (with ssh connection). The remote system is windows xp with MKS Toolkit installed, hence ssh. Tests are NOT executed as a windows service. I've tried using both captureScreenshot and captureEntirePageScreenshot methods. The first one always produces a black image. The second one creates the correct screen shot but it only works on Firefox and our tests usually pass on Firefox and fail in other browsers, so it is crucial to capture screen shots for the other browsers (mainly IE and Safari). The tests are ran in parallel, with many browser windows open at the same time. I'm not certain if this is what's causing the problem. Any thoughts will be appreciated.

  Read the article

• IE not detecting jquery change method for checkbox

  - by user271619

  The code below works in FF, Safari, Chrome. But IE is giving me issues. When a checkbox is checked, I cannot get IE to detect it. $("#checkbox_ID").change(function(){ if($('#'+$(this).attr("id")).is(':checked')){ var value = "1"; }else{ var value = "0"; } alert(value); return false; }); Simply, I'm not getting that alert popup, as expected. I've even tried it this way: $("#checkbox_ID").change(function(){ if( $('#'+$(this).attr("id")'+:checked').attr('checked',false)){ var value = "1"; }else{ var value = "0"; } alert(value); return false; }); Here's the simple checkbox input: Anyone know if IE requires a different jquery method? or is my code just off?

  Read the article

• Does UIWebView support javascript-based double-click events?

  - by Eric

  As usual, I'm trying to do something the easiest way possible, in this case implement a double-tap handler on a UIWebView like so: <div id="foo" ondblclick="clickHandler(this);" ... > It works fine in Safari and Firefox, and I know the code containing clickHandler is loading on the iPhone thanks to a now-annoying alert stmt at the end of loading. If I change ondblclick to onclick it works on both the device and the simulator. From reading similar queries it would seem that I need to intercept the taps in ... and then run my JavaScript code with the stringByEvaluatingJavaScriptFromString method, but then how do I know the JS id of the target? I no like that, would rather write a pure HTML/DOM/JS solution. Or since my app is about 80% web content, should I be using phonegap instead?

  Read the article

• Chrome 5 problem with scroll

  - by Parhs

  $(document).keydown(function (event) { if(event.keyCode==38 || event.keyCode==40) { var row; if(event.keyCode==40) row=$(row_selected).next(); if(event.keyCode==38) row=$(row_selected).prev(); if(row.length==0) { row=$(row_selected); } row_select( row ); var row_position_bottom=$(row).height() +$(row).offset().top; var doc_position=$(window).height() + $(window).scrollTop(); if(row_position_bottom >doc_position) $(window).scrollTop(row_position_bottom-$(window).height()); if($(row).offset().top < $(window).scrollTop()) $(window).scrollTop($(row).offset().top); return false; } }); Hello i used this code to select rows of my table...If the selection isnt visible page scrolls... It works great ,FIrefox,Internet Explorer,Safari, but not in chrome..... In Chrome 4 not the last version it worked great!!! The problem is that return false doesnt prevent the page from scrolling...

  Read the article

• Website looks weird in internet explorer 7, but fine in IE 6 and 8

  - by user156814

  I used many different browsers while I was coding for a new site (Firefox, Chrome, IE8, Opera, Safari, Mobile devices, etc...). It looked the same across all browsers. I recently uploaded the site onto the server and got to look at it from work, using Internet Explorer 7 and It looks horrible. Elements are floating wild all over the place, but I cant figure out why. The weird thing is I just looked at it from IE6, and it looks fine, with the exception of unsupported transparencies in PNG's. If anybody has IE7, you can view the site here. Thanks

  Read the article

• image rendering issue

  - by burkejam71

  I am running Apache/2.2.3 (CentOS). For some reason certain images, jpg, gif, or png will show up as byte code when accessed directly on the server. Firefox 3 and Safari both think the content type is text/html. IE I believe has something built in to recognize it is an image and ignore the content type and renders the image correctly regardless. I can't seem to find anyone else with this issue. An example of this can be found at http://www.thedacs.com/admin/gp/userfiles/image/gp28%5Fimg%5F01.jpg but the image below on same server the image is rendered correctly (use same path from above) Fig3mod.jpg The first image works fine in Photoshop CS, Illistrator, GIMP, Paint.net,and any other image editing software. I have tried everything when editing the images from trying multiple file formats to print screens and cropping to create a new image to lose old image meta data. Can anybody help?

  Read the article

• Google Translate Widget fails in Firefox

  - by Jonathan

  I am attempting to implement the Google Translate Widget where you include a piece of javascript code into your page and it gives you a language dropdown. This was very straightforward however, it does not work in Firefox. It works in IE, Safari, Chrome. Has anybody experience this problem and is there any workaround? With some research, it seems that people said that it used flash. However, I don't have any flashblock installed or anything like that. The widget: Widget Info If you load up the Google Translate blog, their translate box in the top right doesn't work: Google Translate Blog

  Read the article

• iPhone Web Application + zoom in zoom out issue

  - by pratik

  Hello, I am developing a web application for iPhone safari browser. There is one strange scenario: A web page is loaded. User can zoom out that web page to see the contents in zoomed out manner. There is one button in the web page. Click of this button will hide one of the 'div' in same page and another 'div' of that same page will be visible. Problem, is that suppose the user has zoomed out the web page to see the contacts in zoomed out manner. Now, user clicks the button (the page is zoomed out only), the next 'div' which is get visible is also disaplayed in zoomed out manner. What is want to do is that even if user has zoomed out the page and he clicks on the button, the next 'div' which get visible should have the display as zoomed in only.

  Read the article

• Flash receives mouse events under an HTML element when opacity set

  - by Török Gábor

  I have an HTML document with a Flash object and an absolutely positioned HTML element above it. If I set the HTML element's opacity CSS property to any value less than 1, the Flash object (that is actually covered) receives mouse events. This problem cannot be reproduced with pure HTML elements. Furthermore, Flash only receives hover events, so I cannot click below the layer. I put a demonstration of the problem online. I get this behavior in Firefox 3.6, Safari 4.0 and Chrome 5.0 in both Mac and Windows. Flash plugin version 10 is installed. Is it a bug or the the normal and expected behavior? If the latter, then how can I prevent Flash receiving events when it is covered with a translucent layer?

  Read the article

• Jquery Tabs - Change css depending on a specific tab

  - by Jeff Dias

  So, I am working in this page http://universidadedoingles.com.br/text-tabs/tabs-text.html As you guys can see, I have four tabs and an arrow right below, I need to do that the arrow go below the selected tab, if a click on tab 3, that arrow should go below tab 3, simple as that! but I don`t know! You also can see that when the page loads on tab 1 and you click on tab 2 the effect I want works pretty well, here`s the jquery I am using for that: $(document).ready(function() { $("a.tab2").click(function() { $(".arrow-spacer").addClass("tabs2"); }); }); That`s it, thank you vey much for any kind of help. p.S - i am using a mac, so theres no IE for testing yet, this looks good in Safari and Chrome.

  Read the article

• Why does Chrome ignore local jQuery cookies?

  - by Nathan Long

  I am using the jQuery Cookie plugin (download and demo and source code with comments) to set and read a cookie. I'm developing the page on my local machine. The following code will successfully set a cookie in FireFox 3, IE 7, and Safari (PC). But if the browser is Google Chrome AND the page is a local file, it does not work. $.cookie("nameofcookie", cookievalue, {path: "/", expires: 30}); What I know: The plugin's demo works with Chrome. If I put my code on a web server (address starting with http://), it works with Chrome. So the cookie fails only for Google Chrome on local files. Possible causes: Google Chrome doesn't accept cookies from web pages on the hard drive (paths like file:///C:/websites/foo.html) Something in the plugin implentation causes Chrome to reject such cookies Can anyone confirm this and identify the root cause?

  Read the article

• IE browser problems occurring with Javascript Movable Type SignIn widget!

  - by Jonathan

  i am using movable type 4.23 (publishing system) and have been testing my site on a PC and discovered that internet explorer (IE) browsers are unable to view my site due to a conflict in the javascript of the signin widget (initially i thought it was in the mt.js file). i receive this error: "Error 80004004"...as well as in the Javascript itself: "Element is not an object" (or object is not an element?)... function mtUpdateSignInWidget(u) { var el = document.getElementById('signin-widget-content'); if i put in "id" where 'sign-widget-content' goes, it will say its not an object. all other browsers work perfectly (firefox, safari and opera on my mac and firefox on pc). if anyone wants a link to the test page, i can provide that... someone please help! thanks.

  Read the article

• Why can't I set a cookie and redirect?

  - by Damian

  I´m having a problem setting a cookie and doing a 302 redirect In chrome the cookie is not being set (I haven't tested safari), in other browsers I was having the same problem until I added Path=/ to the cookie an now it works. This is how the header looks; the status is 302 Found Content-Type text/html; charset=iso-8859-1 Expires Thu, 01 Jan 1970 00:00:00 GMT Set-Cookie alasca-flash=error-Message<Required<error-Name<Required<error-Sex<Required<error-Age<Required<;Path=/ Location /messages/sdf Content-Length 0 Server Jetty(6.1.x) Any idea on why the cookie is not set? Or any workaround? Thanks!

  Read the article

• Why doesn't border-radius work properly on text inputs in MobileSafari?

  - by abrahamvegh

  Here is a reference HTML document: <!DOCTYPE html> <html> <head> <style> body { background-color: #000; } input { -webkit-border-radius: 20px; } </style> </head> <body> <input type="text" value="text" /> </body> </html> The border-radius renders fine on Safari/WebKit-based desktop browsers, but on the "MobileSafari" variant, namely the iPhone and iPad browsers, it renders with this strange box, which destroys the illusion of rounded corners when the input is being displayed on top of a differently-colored background.

  Read the article

< Previous Page | 50 51 52 53 54 55 56 57 58 59 60 61  | Next Page >