forum de la fédération des alliances des sous-bois brumeux Index du Forum
S’enregistrerRechercherFAQMembresGroupesConnexion
Facebook App Scrollbars Firefox

 
Répondre au sujet    forum de la fédération des alliances des sous-bois brumeux Index du Forum » forum de la fédération des alliances des sous-bois brumeux » Bar Sujet précédent
Sujet suivant
Facebook App Scrollbars Firefox
Auteur Message
vanosyt


Hors ligne

Inscrit le: 05 Mai 2016
Messages: 104
Localisation: Milano

Message Facebook App Scrollbars Firefox Répondre en citant



Facebook App Scrollbars Firefox
> DOWNLOAD










(LogOut/Change) You are commenting using your Twitter account. shareimprove this answer answered Mar 26 '13 at 11:00 radu.luchian 1691219 add a comment up vote 0 down vote For me it often helped to set only overflow-x to hidden. Not the answer you're looking for? Browse other questions tagged facebook or ask your own question. If you refresh your app many times there will be a few times where scrollbars will show for a split second and then go away. The problem was that the code above was written inside of a $(document).ready() function, so Firefox and Opera never fired the fbAsyncInit function. Provided you have included this div in your markup: Just add this script at the end of your file (before closing the body tag): window.fbAsyncInit = function () { FB.init({ appId:'APP ID', status:true, cookie:true, xfbml:true }); FB.Canvas.setAutoGrow(); }; (function (d, debug) { var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0]; if (d.getElementById(id)) { return; } js = d.createElement('script'); js.id = id; js.async = true; js.src = "//connect.facebook.net/enUS/all" + (debug ? "/debug" : "") + ".js"; ref.parentNode.insertBefore(js, ref); }(document, /*debug*/ false)); My issue was that depite working on Chrome, Safari and even IE, it still failed in Firefox and Opera. By clicking or navigating the site, you agree to allow our collection of information on and off Facebook through cookies. –thesmart Jan 10 '11 at 22:32 add a comment up vote 3 down vote Facebook must remove SCROLLING="YES" attribute of iframe of canvas app and append overflow:auto to style attribute OR provide us with a function by which we can change scrolling attribute value to NO according to our apps. Bad Request. It'll save you trouble in the future. Very jarring for users. Now I am trying to get rid of the scrollbars that come when the content exceeds 800px height. Join 443 other followers Categories Drupal (5) Facebook Apps Development (7) Facebook Tricks (11) Google Tricks (6) HTC (1) Javascript (4) Jquery (1) Linux (5) Magento (2) Mixz Tricks (7) Mobile Tricks (12) Mysql (1) OpenCart (2) Orkut Tricks (1) PC Tricks (2) Personal Diary (3) PHP (6) Special (4) svn (2) Windows 7 (2) WordPress (1) Archives February 2014 January 2014 December 2013 November 2013 October 2013 September 2013 August 2013 May 2013 April 2013 March 2013 February 2012 January 2012 . This will remove horizontal and vertical scroll bars. It checks for the existence of window.fbAsyncInit - which is not defined at that point. So, here is the first technique: function framesetsize(w,h){ var obj = new Object; obj.width=w; obj.height=h; FB.Canvas.setSize(obj); } //Your content //Goes here Using Latest Javascript Facebook SDK [Without using Body OnLoad] window.fbAsyncInit = function() { FB.init({ appId : '142388952486760', status : true, // check login status cookie : true, // enable cookies to allow the server to access the session xfbml : true // parse XFBML }); FB.Canvas.setAutoResize(); //set size according to iframe content size }; (function() { var e = document.createElement('script'); e.src = document.location.protocol + '//connect.facebook.net/enUS/all.js'; e.async = true; document.getElementById('fb-root').appendChild(e); }()); Using the Old Facebook Javascript SDK FBRequireFeatures( ["CanvasUtil"], function(){ FB.XdComm.Server.init('/xdreceiver.html'); FB.CanvasClient.startTimerToSizeToContent(); } ); FBRequireFeatures(["XFBML"], function(){ FB.Facebook.init("Your Facebook API Key", "/xdreceiver.html"); }); shareimprove this answer edited Jul 1 '13 at 22:46 sakibmoon 1,65831529 answered Jul 26 '11 at 10:54 Roses Mark 112 add a comment up vote -4 down vote I found the perfect solution! Make sure to put the following CSS code into the area: *{margin:0;padding:0;} The scrollbars are actually shown because there is a default padding or margin given. At some blog it was written that to get rid of this error we should set overflow to hidden. It is likely that your body element has some kind of default padding / margin, and therefore it's box is bigger than the max width. The Facebook-SDK is executed first. tricksbynazir Menu Skip to content Home About Facebook Tricks PC Tricks Mobile Tricks HTC Google Tricks Orkut Tricks Mixz Tricks Windows 7 Linux svn PHP Mysql Javascript Jquery Drupal Facebook Apps Development OpenCart WordPress Magento Special Personal Diary Home : Mixz Tricks : Facebook Apps Development : Remove scrollbars from Facebook Apps CanvasPage Remove scrollbars from Facebook Apps CanvasPage Posted on March 28, 2013 by Nazir Hussain — Leave a comment Remove scrollbars and get your facebook app/canvas iframe to autosize to height FB.Canvas.setAutoGrow() Note: This works with the new facebook 810px width canvas page! If you have created a Facebook application that has an canvas/iframe page tab and you want the frame to automatically grow to the size of the content, you can use FB.Canvas.setAutoGrow() within the frame. Home About Facebook Tricks PC Tricks Mobile Tricks HTC Google Tricks Orkut Tricks Mixz Tricks Windows 7 Linux svn PHP Mysql Javascript Jquery Drupal Facebook Apps Development OpenCart WordPress Magento Special Personal Diary 2018 tricksbynazir ↑ Blog at WordPress.com. If you want to use different timing you can pass milliseconds as variable: window.fbAsyncInit = function() { FB.Canvas.setAutoResize(50); }; If your content size does not change after page load you can save CPU cycles by changing the content size just once manually: window.fbAsyncInit = function() { FB.Canvas.setSize(); } You can even pass the desired size as parameter window.fbAsyncInit = function() { FB.Canvas.setSize({ width: 520, height: 600 }); } shareimprove this answer edited Jul 1 '13 at 22:42 sakibmoon 1,65831529 answered Nov 16 '10 at 15:03 Mika Tuupola 11.4k53043 Still shows a scroll bar briefly before disappearing when the canvas performs the resize. Notify me of new posts via email. Have you tried narrowing it down? Like, for example, make a test-page where the body only contains a div with height: 900px etc.? –Jan Olaf Krems Jan 2 '12 at 9:04 seems like this AutoGrow function is not working.i tried increasing the hieght.the canvas size remains the same.extra content is only visible through scroll bars –akshay3004 Jan 2 '12 at 9:59 Does the setAutoGrow-line gets executed (break point in firebug)? Are there any warnings/errors in the console? –Jan Olaf Krems Jan 2 '12 at 10:03 in firefox these functions are not entered? the debugger is never reacehd in the function? Any idea why is that? –akshay3004 Jan 2 '12 at 10:18 show 8 more comments Your Answer draft saved draft discarded Sign up or log in Sign up using Google Sign up using Facebook Sign up using Email and Password Post as a guest Name Email Post as a guest Name Email discard By posting your answer, you agree to the privacy policy and terms of service. (LogOut/Change) You are commenting using your Facebook account. .. Stack Overflow Questions Developer Jobs Tags Users current community help chat Stack Overflow Meta Stack Overflow your communities Sign up or log in to customize your list. I hope this help you. Sign Up!Subscribe to the (Anti) Social Newsletter for WordPress Tutorials, Recommendations, Special Offers and More SUBSCRIBE! You have Successfully Subscribed! . News News Quick Links Security News Technology News . She proposed several ways, however only the body onload stably removes scrollbar in Firefox 10. EDIT: The problem is with the order of execution. First of all you may need to edit your applications settings, so go to and click Edit App. function framesetsize(w,h){ var obj = new Object; obj.width=w; obj.height=h; FB.Canvas.setSize(obj); } //Your content //Goes here shareimprove this answer edited Jul 1 '13 at 22:42 Michael Petrotta 48.5k12120167 answered Feb 23 '12 at 10:22 aquajach 1,57321426 add a comment up vote 0 down vote Horizontal scrollbars are always caused by the width of your HTML page being larger than the area of the iframe. Blogs .. Malware Help Malware Help Quick Links Malware Removal Assistance For Windows Malware Removal Assistance For Mobile Malware Removal Assistance For Mac . Stack Overflow Questions Jobs Developer Jobs Directory Salary Calculator Help Mobile Stack Overflow Business Talent Ads Enterprise Company About Press Work Here Legal Privacy Policy Contact Us Stack Exchange Network Technology Life / Arts Culture / Recreation Science Other Stack Overflow Server Fault Super User Web Applications Ask Ubuntu Webmasters Game Development TeX - LaTeX Software Engineering Unix & Linux Ask Different (Apple) WordPress Development Geographic Information Systems Electrical Engineering Android Enthusiasts Information Security Database Administrators Drupal Answers SharePoint User Experience Mathematica Salesforce ExpressionEngine Answers Stack Overflow em Portugus Blender Network Engineering Cryptography Code Review Magento Software Recommendations Signal Processing Emacs Raspberry Pi Stack Overflow Programming Puzzles & Code Golf Stack Overflow en espaol Ethereum Data Science Arduino Bitcoin more (26) Photography Science Fiction & Fantasy Graphic Design Movies & TV Music: Practice & Theory Worldbuilding Seasoned Advice (cooking) Home Improvement Personal Finance & Money Academia Law more (16) English Language & Usage Skeptics Mi Yodeya (Judaism) Travel Christianity English Language Learners Japanese Language Arqade (gaming) Bicycles Role-playing Games Anime & Manga Puzzling Motor Vehicle Maintenance & Repair more (32) MathOverflow Mathematics Cross Validated (stats) Theoretical Computer Science Physics Chemistry Biology Computer Science Philosophy more (10) Meta Stack Exchange Stack Apps API Data Area 51 Blog Facebook Twitter LinkedIn site design / logo 2018 Stack Exchange Inc; user contributions licensed under cc by-sa 3.0 with attribution required. rev2018.1.10.28327 . Within the App on Facebook section youll need to make sure that Canvas Height is set to Fixed at 800px 5a02188284
que es likelo en facebook yahoobest facebook christmas statusfacebook icon for print mediabaixar facebook home para javafacebook frozen dresstelecharger facebook hack password generatornokia x2-01 mobile facebook appsganhar likes na pagina do facebookdownload facebook software for nokia 5130messenger free download facebook



Mer 10 Jan - 17:24 (2018)
Publicité






Message Publicité
PublicitéSupprimer les publicités ?

Mer 10 Jan - 17:24 (2018)
Montrer les messages depuis:    
Répondre au sujet    forum de la fédération des alliances des sous-bois brumeux Index du Forum » forum de la fédération des alliances des sous-bois brumeux » Bar Toutes les heures sont au format GMT + 2 Heures
Page 1 sur 1

 
Sauter vers: 

Index | Panneau d’administration | faire son forum | Forum gratuit d’entraide | Annuaire des forums gratuits | Signaler une violation | Conditions générales d'utilisation
Powered by phpBB © 2001, 2005 phpBB Group
Design by Freestyle XL / Music Lyrics.Traduction par : phpBB-fr.com