http://wordpress.org/support/ WordPress › Support Topic: [Plugin: jQuery Lightbox] Encoding js options using wp_enqueue_script en Thu, 26 Nov 2009 15:26:45 +0000 http://wordpress.org/support/topic/227745#post-996051 Tue, 24 Feb 2009 00:03:58 +0000 zkorwin 996051@http://wordpress.org/support/ <p>If you're still interested in an answer to this, I think I happened upon one when I was trying to fix another problem I ran into with this plugin.</p> <p>You can change the options you're trying to change in the jquery.lightbox.js file, which look like this:</p> <pre><code>// Options constructed: false, src: null, // the source location of our js file baseurl: null, files: { // If you are doing a repack with packer (<a href="http://dean.edwards.name/packer/" rel="nofollow">http://dean.edwards.name/packer/</a>) then append &quot;.packed&quot; onto the js and css files before you pack it. js: { lightbox: &#39;js/jquery.lightbox.js&#39;, colorBlend: &#39;js/jquery.color.js&#39; }, css: { lightbox: &#39;css/jquery.lightbox.css&#39; }, images: { prev: &#39;images/prev.gif&#39;, next: &#39;images/next.gif&#39;, blank: &#39;images/blank.gif&#39;, loading: &#39;images/loading.gif&#39; } }, text: { // For translating image: &#39;Image&#39;, of: &#39;of&#39;, close: &#39;Close X&#39;, closeInfo: &#39;You can also click anywhere outside the image to close.&#39;, download: &#39;Direct link to download the image.&#39;, help: { close: &#39;Click to close&#39;, interact: &#39;Hover to interact&#39; }, about: { text: &#39;jQuery Lightbox Plugin (balupton edition)&#39;, title: &#39;Licenced under the GNU Affero General Public License.&#39;, link: &#39;http://jquery.com/plugins/project/jquerylightbox_bal&#39; } }, keys: { close: &#39;c&#39;, prev: &#39;p&#39;, next: &#39;n&#39; }, handlers: { // For custom actions show: null }, opacity: 0.9, padding: null, // if null - autodetect speed: 400, // Duration of effect, milliseconds rel: &#39;lightbox&#39;, // What to look for in the rels auto_relify: true, // should we automaticly do the rels? auto_scroll: &#39;follow&#39;, // should the lightbox scroll with the page? follow, disabled, ignore auto_resize: true, // true or false ie6: null, // are we ie6? ie6_support: true, // have ie6 support ie6_upgrade: true, // show ie6 upgrade message colorBlend: null, // null - auto-detect, true - force, false - no download_link: true, // Display the download link show_linkback: true, // true, false show_info: &#39;auto&#39;, // auto - automaticly handle, true - force show_extended_info: &#39;auto&#39;, // auto - automaticly handle, true - force // names of the options that can be modified options: [&#39;auto_scroll&#39;, &#39;auto_resize&#39;, &#39;download_link&#39;, &#39;show_info&#39;, &#39;show_extended_info&#39;, &#39;ie6_support&#39;, &#39;ie6_upgrade&#39;, &#39;colorBlend&#39;, &#39;baseurl&#39;, &#39;files&#39;, &#39;text&#39;, &#39;show_linkback&#39;, &#39;keys&#39;, &#39;opacity&#39;, &#39;padding&#39;, &#39;speed&#39;, &#39;rel&#39;, &#39;auto_relify&#39;],</code></pre> <p>In order to make the changes to the jquery.lightbox.js file appear on your site, however, you first have to open up the jquery-lightbox.php file and change:<br /> <code>wp_enqueue_script(&#39;jquerylightbox&#39;, $path.&#39;/jquery.lightbox.packed.js&#39;, array(&#39;jquery&#39;), &#39;1.3.5&#39;);</code></p> <p>to:<br /> <code>wp_enqueue_script(&#39;jquerylightbox&#39;, $path.&#39;/jquery.lightbox.js&#39;, array(&#39;jquery&#39;), &#39;1.3.5&#39;);</code></p> <p>and the changes should be reflected. </p> http://wordpress.org/support/topic/227745#post-933397 Mon, 22 Dec 2008 03:19:01 +0000 ctree 933397@http://wordpress.org/support/ <p>I have an interesting url encoding issue using 'wp_enqueue_script' to apply options to the current version (1.3.5) of the jquery lightbox plugin:</p> <p>this code</p> <p><code>wp_enqueue_script(&#39;jquerylightbox&#39;, $path.&#39;/jquery.lightbox.packed.js?download_link=false&#38;show_linkback=false&#38;text.info=Photo&#38;text.closeInfo=Click anywhere outside image to close&#39;, array(&#39;jquery&#39;), &#39;1.3.5&#39;);</code></p> <p>translates into this on the page:</p> <p><code>&lt;script type=&#39;text/javascript&#39; src=&#39;[...]/wp-content/plugins/jquery-lightbox-balupton-edition/js/jquery.lightbox.packed.js?download_link=false&#38;show_linkback=false&#38;text_info=Photo&#38;text_closeInfo=Click+anywhere+outside+image+to+close&#38;ver=1.3.5&#39;&gt;&lt;/script&gt;</code></p> <p>'wp_enqueue_script' is doing some url encoding of its own - although you can't see it in this example because the forum is eating the ampersand conversions, the ampersands are in fact converted to "&#38; # 3 8 ; " and spaces become "+" (as you can see). Unfortunately, it also converts the dots between 'text.info' and 'text.closeInfo' to underscores. Strangely, it leaves alone the dots in the file path at the beginning and in the version info at the end of the string - it just eats the ones in the options part. I need the dots to apply the options to the page - how can I make sure they stay dots and won't be converted to underscores?</p> <p>Is this a problem with my code, or with wp_enqueue_script, or with the jquery plugin?</p> <p>Note: The jquery plugin options are explained here:<br /> <a href="http://www.balupton.com/sandbox/jquery_lightbox/jquery_lightbox/readme.txt" rel="nofollow">http://www.balupton.com/sandbox/jquery_lightbox/jquery_lightbox/readme.txt</a></p> <p>P.S. This forum is eating the encodings too :-) I've added some spaces to illustrate my point. </p>