{"id":217,"date":"2007-03-03T00:28:53","date_gmt":"2007-03-02T23:28:53","guid":{"rendered":"http:\/\/www.matthijskamstra.nl\/blog\/index.php\/2007\/03\/03\/flashbox-v12-fixed-error-with-comma-in-title\/"},"modified":"2007-03-03T00:35:23","modified_gmt":"2007-03-02T23:35:23","slug":"flashbox-v12-fixed-error-with-comma-in-title","status":"publish","type":"post","link":"https:\/\/www.matthijskamstra.nl\/blog\/2007\/03\/03\/flashbox-v12-fixed-error-with-comma-in-title\/","title":{"rendered":"FlashBox v1.2: fixed error with comma in title"},"content":{"rendered":"<p>I came across a big bug in the caption. If you placed a comma in the title (which is used for caption) example: title=&#8221;bla, bla, bla&#8221; the image and the captions got hussled. I fixed this and added some new features (<a href=\"#changelog\">read more<\/a>).<\/p>\n<p>You can follow my progress in the <a href=\"http:\/\/www.matthijskamstra.nl\/laboratory\/flashbox\/\" title=\"Flashbox; another box\">Flashbox<\/a> directory. A gallery example: <a href=\"http:\/\/www.theweaponshop.com\/irongiant.JPG\" rel=\"flashbox[basassrobots]\">Badass Robots<\/a> used in film.<\/p>\n<div style=\"display: none\"> <a href=\"http:\/\/www.oafe.net\/yo\/art\/tf_20prime01.jpg\" rel=\"flashbox[basassrobots]\" title=\"Transformers Movie Optimus Prime\">Transformers Movie Optimus Prime<\/a><br \/>\n<a href=\"http:\/\/www.trainsaw.com\/images\/terminator.jpg\" rel=\"flashbox[basassrobots]\" title=\"The Terminator\">terminator<\/a><br \/>\n<a href=\"http:\/\/www.mctoys.ca\/catalog\/images\/18_robocop.jpg\" rel=\"flashbox[basassrobots]\" title=\"Robocop\">robocop<\/a><br \/>\n<a href=\"http:\/\/www.jeffbots.com\/S-MATT1.JPG\" rel=\"flashbox[basassrobots]\" title=\"Robot B9\">Robot B9 from Lost In Space<\/a><br \/>\n<a href=\"http:\/\/www.jeffbots.com\/judgedredd1.jpg\" rel=\"flashbox[basassrobots]\" title=\"ABC Warrior from Judge Dredd\">ABC Warrior from Judge Dredd<\/a><a href=\"http:\/\/www.robocoparchive.com\/info\/cain27.jpg\" rel=\"flashbox[basassrobots]\" title=\"Cain\">Cain<\/a><br \/>\n<a href=\"http:\/\/www.robocoparchive.com\/info\/ed209-3.JPG\" rel=\"flashbox[basassrobots]\" title=\"ed209\">ed209<\/a><br \/>\n<a href=\"http:\/\/www.artvps.com\/uploads\/gallerymodule\/droideka.jpg\" rel=\"flashbox[basassrobots]\" title=\"droideka\">droideka<\/a><br \/>\n<a href=\"http:\/\/scribble.com\/uwi\/br\/brfaq\/batty-grab-big.jpg\" rel=\"flashbox[basassrobots]\" title=\"Roy Batty\">Roy Batty<\/a><br \/>\n<a href=\"http:\/\/www.thompsonian.net\/blog\/wp-content\/uploads\/2006\/02\/cylon-centurian.jpg\" rel=\"flashbox[basassrobots]\" title=\"cylon-centurian\">cylon-centurian<\/a><a href=\"http:\/\/burnlab.net\/blog\/uploaded_images\/cylons1-710701.jpg\" rel=\"flashbox[basassrobots]\" title=\"cylons\">cylons<\/a><\/div>\n<h3>Download WordPress Plugin &#8211; Download FlashBox v1.2<\/h3>\n<div class=\"highlight\">If you have FlashBox v1.1 installed, you should delete the directory!<\/div>\n<p class=\"downloadbtn\"><a href=\"#\" onclick=\"location.href='http:\/\/www.matthijskamstra.nl\/blog\/download-manager.php?id=4'\" title=\"Download WordPress Plugin - FlashBox v1.2: wp-flashbox_v01.2.zip (20,1 kB)\"><strong>Download wp-FlashBox v1.2<\/strong> wp-flashbox_v01.2.zip (20,1 kB)<\/a><\/p>\n<p><!--more--><\/p>\n<p><a name\"changelog\"><\/a><\/p>\n<h3>ChangeLog FlashBox v1.2<\/h3>\n<ul>\n<li>Fixed:  changed a minor bug created by v1.1 in css (inline style)<\/li>\n<li>Fixed:  comma in title bug (title=&#8221;bla bla, bla bla&#8221;)<\/li>\n<li>Fixed:  problems with Firefox 2 on Apple not really a solution [<a href=\"#ff2apple\">read more<\/a>]<\/li>\n<li>New:  changed <strong>window.onload<\/strong> with <a href=\"#domfunction\">domFunction<\/a> to make it faster<\/li>\n<li>New: [Flash] introduction of &#8220;thumbnail&#8221; navigation<\/li>\n<li>New: [Flash] <a href=\"#keynavigation\">key navigation<\/a><\/li>\n<\/ul>\n<h3>Explanation:<\/h3>\n<p><a name=\"domfunction\"><\/a><br \/>\n<strong>domFunction<\/strong><br \/>\ndomFunction is an easy-to-use helper script, that allows other DOM scripting to run before window.onload; the practical benefit is that javascript doesn&#8217;t have to wait for images or other dependencies to finish loading anymore &#8211; it can begin as soon as the DOM is ready.<br \/>\n<a href=\"http:\/\/www.brothercake.com\/site\/resources\/scripts\/domready\/\">domFunction <\/a>&#8211; by James Edwards [brothercake]<\/p>\n<p><a name=\"keynavigation\"><\/a><\/p>\n<h3>Key navigation<\/h3>\n<p>To resemble Lightbox just a little more, I&#8217;ve added keyboard navigation:<\/p>\n<ul>\n<li>press &#8220;x&#8221; to close<\/li>\n<li>press &#8220;n&#8221; or &#8220;&rarr;&#8221; (arrow right) to navigate to next image <\/li>\n<li>press &#8220;p&#8221; or &#8220;&larr;&#8221; (arrow left) to navigate to previous image<\/li>\n<\/ul>\n<p>But because Flash is not the browser, you need to activate the .swf so it can &#8220;catch&#8221; keyboard instructions.<br \/>\nYou need to click on the navigation first and then you can navigate with the keyboard.<\/p>\n<p><a name=\"ff2apple\"><\/a><\/p>\n<h3>Firefox 2 on the Mac bugs<\/h3>\n<p>Firefox on the Mac is a problem child with this project&#8230;<\/p>\n<p>Version 1.0 revealed the first bug: FlashBox is not visible.<br \/>\nThe solution to the problem seemed to be in the CSS:<br \/>\nI changed the transparency, the Flashbox was visible.<\/p>\n<p>So this:<br \/>\n<a name=\"transparency\"><\/a><\/p>\n<pre><code>filter: alpha(opacity=60);\r\n-moz-opacity: 0.6;\r\nopacity: 0.6;<\/code><\/pre>\n<p>was changed into<\/p>\n<pre><code>background-image: url(..\/images\/overlay.png); }\r\n\/* to make sure that IE 5.5 shows .PNG with alpha correct *\/\r\n* html #overlay{ background-color: #000; background-color: transparent; background-image: url(..\/images\/overlay.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\"..\/images\/overlay.png\", sizingMethod=\"scale\"); }<\/code><\/pre>\n<p>but I had to add a transparant (shadow) .PNG and a semi transparant .GIF<br \/>\nThis bummed me out: this project was started to create a simple, enhanced version of lightbox<\/p>\n<p>This fixed the visible bug, but created another:<br \/>\n<a href=\"http:\/\/www.matthijskamstra.nl\/blog\/wp-content\/uploads\/ff2apple_screenshot_0000_layer-2.jpg\" rel=\"flashbox[ffbug]\" title=\"Scrollbar to the top: no Flashbox visible\">Images<\/a> of bug in Firefox 2 (Apple) <a href=\"http:\/\/www.matthijskamstra.nl\/blog\/wp-content\/uploads\/ff2apple_screenshot_0001_layer-1.jpg\" rel=\"flashbox[ffbug]\" title=\"Scrollbar to the tipping point: no Flashbox visible but one pixel down it will\">[1]<\/a> <a href=\"http:\/\/www.matthijskamstra.nl\/blog\/wp-content\/uploads\/ff2apple_screenshot_0002_layer-0.jpg\" rel=\"flashbox[ffbug]\" title=\"Scrollbar over the tipping point: Flashbox visible but one pixel up its not\">[2]<\/a> <a href=\"http:\/\/www.matthijskamstra.nl\/blog\/wp-content\/uploads\/ff2apple_screenshot_0003_layer-3.jpg\" rel=\"flashbox[ffbug]\" title=\"Scrollbar to another position: Flashbox visible\">[3]<\/a> <\/p>\n<p>So back to the drawing board.<br \/>\nToday I found the next bugs (not my bugs, but Mac Firefox 2 bugs ):<\/p>\n<ul>\n<li>transparency with Flash in a layer above the normal page is <strong>not<\/strong> a possibility\n<ul>\n<li>so for ff2 apple is now a specific solution: no <code>wmode=transparant<\/code><\/li>\n<\/ul>\n<\/li>\n<li>there can be <strong>no<\/strong> css-style with <a href=\"#transparency\">transparency<\/a> in the html \/ css in the page where Flashbox is triggered<\/li>\n<li>Flash embed can have no <code>wmode=transparant<\/code> if they are embedded in the page where Flashbox is triggered\n<ul>\n<li>FlashBox will move under the Flashfile if you change the wmode in the page that FlashBox trigger<\/li>\n<li>NO flash in the page if you want it to work in Firefox 2 on the mac &#8230;. <\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>Will this fix everything&#8230; well I would like to say yes.<br \/>\nBut I see a rendering bug, when I scroll the browser.<br \/>\nPerhaps this is fixable in the Flash file itself, because it when you navigate to next img you will see everything.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I came across a big bug in the caption. If you placed a comma in the title (which is used for caption) example: title=&#8221;bla, bla, bla&#8221; the image and the captions got hussled. I fixed this and added some new features (read more). You can follow my progress in the Flashbox directory. A gallery example: [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,16,6,17],"tags":[405,406],"class_list":["post-217","post","type-post","status-publish","format-standard","hentry","category-flash","category-flashbox","category-open-source-freeware","category-wordpress-plugin","tag-flashbox","tag-wordpress-plugin"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.matthijskamstra.nl\/blog\/wp-json\/wp\/v2\/posts\/217","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.matthijskamstra.nl\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.matthijskamstra.nl\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.matthijskamstra.nl\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.matthijskamstra.nl\/blog\/wp-json\/wp\/v2\/comments?post=217"}],"version-history":[{"count":0,"href":"https:\/\/www.matthijskamstra.nl\/blog\/wp-json\/wp\/v2\/posts\/217\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.matthijskamstra.nl\/blog\/wp-json\/wp\/v2\/media?parent=217"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.matthijskamstra.nl\/blog\/wp-json\/wp\/v2\/categories?post=217"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.matthijskamstra.nl\/blog\/wp-json\/wp\/v2\/tags?post=217"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}