i have some really annoying issues with a widget which is known inline modal you can see that widget after you click the play button in the given link below, please help me out, the issue is that use google chrome and then go to this place, the link is: http://www.bloghuts.com/2010/09/star-island.html and in this page click on play, then you yourself will see the error, please tell me what to do with this error. And another problem is that again open the above link in internet explorer and click the play button you will see a different kind of annoying problem, except these two explorers it works fine, PLEASE HELP ME I WOULD REALLY BE THANKFUL TO YOU.
Using this inline modal to load content from another site is a very bad idea. <a class="poplight" href="#&?width=94%&height=100%" rel="popup_name"> Code (markup): <div class="popup_block" id="popup_name"><embed height="100%" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="http://content.funny-games.biz/starisland.swf" type="application/x-shockwave-flash" width="100%"></embed></div> Code (markup): This is very bad coding because you are referencing an ID that does not exist and a class that has the wrong properties to display the flash game correctly. <div class="popup_block" id="popup_name"><embed height="100%" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="http://content.funny-games.biz/starisland.swf" type="application/x-shockwave-flash" width="100%"></embed></div> Code (markup): That means you are already loading the flash file, it is inside the page (hidden) and then you just "put" it into the modal. As far as I know this popup will NOT handle height=100% ... You used this one here: http://www.sohtanaka.com/web-design/inline-modal-window-w-css-and-jquery/ When you would read then you would see that you only can set a width for this modal window like <a href="#?w=500" rel="popup_name" class="poplight">Learn More</a> Code (markup): Your code <a class="poplight" href="#&?width=94%&height=100%" rel="popup_name"> Code (markup): will not work properly. You maybe should use something different like sexy lightbox and an extra html page with the flash inside. Oh I just see your javascript errors regarding the gadgets.rpc.register... If you look at the source code of this JS then you would see that there will be added "px" to the height you have to define. The funny thing is that Firebug shows me this here: Firebugs Protokollierungslimit wurde erreicht. 0 Einträge werden nicht angezeigt. Voreinstellungen malformed URI sequence [Break on this error] M[I]=O(P) friendconnect.js (Zeile 144) gadgets.rpc is undefined [Break on this error] gadgets.rpc.register('requestReload', function() { http:/...ht=100% (Zeile 1781) gadgets.rpc is undefined [Break on this error] gadgets.rpc.register('resize_iframe', function(height) { http:/...ht=100% (Zeile 1830) gadgets.rpc is undefined [Break on this error] l.m=function(a){a=String(a);if(this.e)...rl(Db,a);gadgets.rpc.register(Eb,zb); 146906...rame.js (Zeile 22) google.friendconnect.container is undefined [Break on this error] google.friendconnect.container.setParentUrl("/"); http:/...ht=100% (Zeile 2006) this.filters is undefined [Break on this error] <!DOCTYPE html PUBLIC "-//W3C//DTD XHT...org/TR/xhtml1/DTD/xhtml1-strict.dtd"> http:/...ht=100% (Zeile 1) this.filters is undefined [Break on this error] <!DOCTYPE html PUBLIC "-//W3C//DTD XHT...org/TR/xhtml1/DTD/xhtml1-strict.dtd"> http:/...ht=100% (Zeile 1) this.filters is undefined [Break on this error] <!DOCTYPE html PUBLIC "-//W3C//DTD XHT...org/TR/xhtml1/DTD/xhtml1-strict.dtd"> http:/...ht=100% (Zeile 1) this.filters is undefined [Break on this error] <!DOCTYPE html PUBLIC "-//W3C//DTD XHT...org/TR/xhtml1/DTD/xhtml1-strict.dtd"> http:/...ht=100% (Zeile 1) this.filters is undefined Code (markup): Malformed URI sequenec... means: #&?width=94%&height=100% Code (markup): This URL is the problem... #&? is definitely wrong. It should be atleast: #?width=94%&height=100% Code (markup): ...but the inline modal would accept #w=960 anyway... 960 means 960px ... it does not work with percentage AFAIK Height values are also not accepted by this inline modal since it does not use them anyway. Oh, another thing I noticed. All your CSS is inside the head, you are loading jQuery 6 times: Line 1405 - <script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'></script> Line 1452 - <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> Line 1503 - <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js' type='text/javascript'></script> Line 1525 - <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js' type='text/javascript'></script> Line 1552 - <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js' type='text/javascript'></script> Line 1571 - <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js' type='text/javascript'></script> Code (markup): I never saw such stupid coding like that before. Congratulations to be my personal No. 1!!! No wonder your site is having problems... Good luck fixing
Well thanks for making fun of me, but what you said is true, i was thinking over that jquery but didn't go time to ask some one that can someone use one jquery for all or not, as i have zero knowledge of jquery or javascript, i was using #?w=800 at first, but i left using this thing as when you change screen resolution to 800x600 then no one will be able to see close button and will not be able to play the game. then i used this#?w=94% and it was a success it worked on all screen sizes and worked on all browsers except internet explorer, i know that the modal doesn't support percentage but how can i then fix the problem of screen resolution, this is my first question to you. 2nd question that i asked was that in chrome when you open the game you see that error i don't know what is causing it, you didn't told me the reason for it. And if the problem is with this modal that i am using from sohtanaka then how can i use lightbox or fancybox as i don't know how to use it, i was able to use sohtanka as he has explained which part is html which is css and which is jquery. I am ready to use anything which solves my two issues one the screen resolution problems and 2nd thing is the cross browsers problem, I am a very simple blogger all my knowledge is upto html and css, its been 6 months that i have started my website or blog, so don't expect me to know things as my profession is ACCA i am an accountancy student but i love internet a lot, and that is why i am asking professional like to help me. And i am not able to understand what do you mean by all css in head, in blogger there is no other place given to you to place your css, and if you have a better solution please let me know, and the blogger gives you only one html to work in. And if you guide me for the 6 jquery problem that will be awesome. I would like to thank you first for replying so fast, i hope that my issue gets solved as i feel very helpless. take care friend. Your's stupid friend lol
I am not making fun of you. If the site http://www.bloghuts.com/2010/09/star-island.html is a static HTML site and not part of the blogger cms you can zip it, upload to somewhere and PM me the link.