http://smashly.net/community/ Smashly Community Forums » Tag: javascript - Recent Posts en Wed, 08 Feb 2012 00:08:58 +0000 http://smashly.net/community/topic/lightbox-not-working-image-opens-in-new-window-javascript-incompatibility#post-3379 Sat, 12 Feb 2011 02:51:28 +0000 byron 3379@http://smashly.net/community/ <p>Cool...glad you got it going!</p> <p>BB </p> http://smashly.net/community/topic/lightbox-not-working-image-opens-in-new-window-javascript-incompatibility#post-3377 Sat, 12 Feb 2011 00:35:49 +0000 cintiastela 3377@http://smashly.net/community/ <p>Ok. I got it working... I was having problems with the z-index.. after a while I made it all work. </p> http://smashly.net/community/topic/lightbox-not-working-image-opens-in-new-window-javascript-incompatibility#post-3372 Fri, 11 Feb 2011 18:54:23 +0000 cintiastela 3372@http://smashly.net/community/ <p>Hi Byron,<br /> I use your Photosmash plugin a lot (thanks!) but this time I'm not being able to figure out why it's not working:<br /> I was first trying to get it to work with Thickbox.<br /> The gallery images open in new window.<br /> I tried installing Shadowbox but it also didn't work.<br /> I noticed also that the image rotation on my homepage is not working properly anymore.<br /> I'm thinking there's an incompatibility with Photosmash, because if I disable the PS plugin the rotation works normally.<br /> The dev site is here: <a href="http://northstarmontessori.ca.s113547.gridserver.com/photo-gallery" rel="nofollow">http://northstarmontessori.ca.s113547.gridserver.com/photo-gallery</a><br /> Can you please suggest a fix?</p> <p>Thank you!<br /> Cintia </p> http://smashly.net/community/topic/making-required-fields-on-a-custom-form#post-3289 Sun, 06 Feb 2011 13:59:43 +0000 byron 3289@http://smashly.net/community/ <p>Welcome. Added your change to the next version.</p> <p>BB </p> http://smashly.net/community/topic/making-required-fields-on-a-custom-form#post-3286 Sat, 05 Feb 2011 23:32:45 +0000 Ron 3286@http://smashly.net/community/ <p>Thanks Byron,</p> <p>I did finally get the required fields logic to work but I used a "hidden" error message (which I made "visible" as needed) instead of that nasty alert box :-)</p> <p>I also made the width of the [caption] and [post_tag] fields wider on our photo upload form, like this: [caption attributes='size="55'"], but had to modify the file bwbps-uploadform.php file to let the [url] field to use the "attributes=" argument. I added the "$fld_attributes ." near the end</p> <p>Here is the line 689 I changed:<br /> <pre><code>case &quot;[url]&quot;: $ret = &#39;&lt;input tabindex=&quot;&#39;. $tab_index . &#39;&quot; type=&quot;text&quot; name=&quot;bwbps_url&quot; id=&quot;&#39; . $g[&quot;pfx&quot;] . &#39;bwbps_url&quot; class=&quot;bwbps_reset &#39; . $reqclass .&#39;&quot; &#39; . $value . $fld_attributes . &#39;/&gt;&#39;; break;</code></pre> <p>If you find that useful (and the correct way to do it) , maybe you can include it in your next release. </p> <p>Thanks again,<br /> Ron <em>&lt;- now more cheerful</em> </p> http://smashly.net/community/topic/making-required-fields-on-a-custom-form#post-3249 Wed, 02 Feb 2011 03:50:49 +0000 byron 3249@http://smashly.net/community/ <p>Hi Ron,</p> <p>Here's some code:</p> <pre><code>[submit attributes=&#39;onclick=&quot;return psValidateForm();&quot;&#39;] &lt;script type=&quot;text/javascript&quot;&gt; function psValidateForm(){ if(! jQuery(&#39;#c1bwbps_description&#39;).val() ){ alert(&#39;Missing description&#39;); return false; } return true; } &lt;/script&gt;</code></pre> <p>Just figure out what the id's of the fields you want to check are and check them and return false if you don't want to submit.</p> <p>Also, note that you can now use the [submit] code in the custom form builder while giving it attributes such as the onclick attribute.</p> <p>If you're going to use ' or " in there, you'll need to escape them with a double slash like this:</p> <pre><code>[caption attributes=&#39;onclick=&quot;alert(\\&quot;hello!\\&quot;);&quot;&#39;]</code></pre> <p>That code will alert 'hello! any time the Caption field is clicked.</p> <p>Cheers,<br /> Byron </p> http://smashly.net/community/topic/making-required-fields-on-a-custom-form#post-3248 Wed, 02 Feb 2011 01:23:02 +0000 Ron 3248@http://smashly.net/community/ <p>This is a continuation from an old thread: <a href="http://smashly.net/community/topic/using-js-to-add-form-validationrequired-fields#post-790" rel="nofollow">http://smashly.net/community/topic/using-js-to-add-form-validationrequired-fields#post-790</a></p> <p>I have a need to make some or all of the fields on my custom form required. sommernyte (I hope she's still here) on that thread says she knows how to do it and I'll quote her here:</p> <p>"<br /> If anyone else is trying to figure it out, you can use the Custom Forms to create your upload form and include your JavaScript validation code there. Then, instead of using the [submit] short tag to create the submit button, grab the HTML generated by the plugin outputs (you can do this by using the short tag first, going to a live page and then viewing the code). Then just add onclick to that tag in your Custom Form to have it run the JS validation. :)<br /> "</p> <p>However, I don't know what the Javascript validation code looks like or where to put it. I assume it would go somewhere in the "HTML for Custom Form:"? But does it replace the submit button? And how exactly would I "add onclick to that tag"?</p> <p>An example would be priceless!</p> <p>Thanks All,<br /> Ron (aka Mr.Chowstalker) </p> http://smashly.net/community/topic/photosmash-interfering-with-the-dashboard#post-2522 Thu, 14 Oct 2010 23:12:55 +0000 byron 2522@http://smashly.net/community/ <p>Welcome.<br /> BB </p> http://smashly.net/community/topic/photosmash-interfering-with-the-dashboard#post-2513 Thu, 14 Oct 2010 06:43:37 +0000 ellie.roepken 2513@http://smashly.net/community/ <p>Hey byron,</p> <p>Sorry about that, it wound up being my own fault for trying to screw with javascript. Thanks for the quick reply. </p> http://smashly.net/community/topic/photosmash-interfering-with-the-dashboard#post-2497 Thu, 14 Oct 2010 00:41:23 +0000 byron 2497@http://smashly.net/community/ <p>HI Ellie,</p> <p>Hopefully it's not PhotoSmash. I'm not aware of any issues with it in the Admin. Hope you can lock it down!</p> <p>BB </p> http://smashly.net/community/topic/photosmash-interfering-with-the-dashboard#post-2494 Wed, 13 Oct 2010 17:49:09 +0000 ellie.roepken 2494@http://smashly.net/community/ <p>You know what, it might not be photosmash. I'm having this problem on other WordPress websites that don't have photosmash installed. I'm going to do more research. </p> http://smashly.net/community/topic/photosmash-interfering-with-the-dashboard#post-2492 Wed, 13 Oct 2010 16:47:26 +0000 ellie.roepken 2492@http://smashly.net/community/ <p>I'm running WordPress 3.0.1 with Photosmash 0.8.04.</p> <p>I recently suddenly started having problems with the dashboard.</p> <p>First, I tried deactivating plugins to find the culprit, Photosmash is the only one that breaks the javascript on the dashboard. Then, I tried deleting and reuploading Photosmash to see if I just had a broken copy. That didn't work. I actually really need this plugin because I don't have the time to write a replacement.</p> <p>I get two errors on the dashboard after enabling Photosmash:</p> <p>jQuery is not defined<br /> /wp-admin/load-scripts.php?c=0&amp;load=thickbox,utils&amp;ver=c41578e7b17403b7bd1807252c4f7be5<br /> Line 18</p> <p>wpCookies is undefined<br /> /wp-admin/load-scripts.php?c=0&amp;load=thickbox,utils&amp;ver=c41578e7b17403b7bd1807252c4f7be5<br /> Line 327</p> <p>And two errors on the front end:</p> <p>jQuery is not defined<br /> /wp-content/plugins/cforms/js/cformsadmincal.js<br /> Line 1</p> <p>jQuery is not defined<br /> /<br /> Line 26</p> <p>These don't come up when photosmash is disabled. I'm not sure how to fix this--honestly, I'm still learning Javascript and jQuery. </p> http://smashly.net/community/topic/photosmash-cant-find-jquery-or-js-conflict-help#post-1774 Sun, 27 Jun 2010 00:38:03 +0000 byron 1774@http://smashly.net/community/ <p>Awesome! Glad you got it fixed!</p> <p>BB </p> http://smashly.net/community/topic/photosmash-cant-find-jquery-or-js-conflict-help#post-1773 Sat, 26 Jun 2010 22:11:06 +0000 builtbymedia 1773@http://smashly.net/community/ <p>HAHA solved... i had two instances calling to that old jquery - and i was removing the lightbox js because one of the old jquerys was making it work... left in the lightbox.js and removed the superfish and the templates jquery - perfection! thanks byron for pointing me in the right direction! </p> http://smashly.net/community/topic/photosmash-cant-find-jquery-or-js-conflict-help#post-1772 Sat, 26 Jun 2010 20:31:55 +0000 builtbymedia 1772@http://smashly.net/community/ <p>Also when i do that it still doesnt fix the issue unfortunately... </p> http://smashly.net/community/topic/photosmash-cant-find-jquery-or-js-conflict-help#post-1771 Sat, 26 Jun 2010 20:30:20 +0000 builtbymedia 1771@http://smashly.net/community/ <p>Thanks Byron, ive already looked at the helpful article... it was helpful and i already attempted removing what called to that jquery, yet my lightbox stopped working :/</p> <p>Its not related to the superfish i dont think, because my navigation was still working well, but my lightbox completely stopped working when i removed...</p> <p>any ideas on how to combine? </p> http://smashly.net/community/topic/photosmash-cant-find-jquery-or-js-conflict-help#post-1770 Sat, 26 Jun 2010 19:29:19 +0000 byron 1770@http://smashly.net/community/ <p>Hi BBM,</p> <p>Looks like jquery is being added in by your theme, causing the conflict:</p> <pre><code>&lt;script type=&quot;text/javascript&quot; src=&quot;http://srh.builtbymedia.com/wp-content/themes/ColdStone/inc/jquery-1.2.6.min.js&quot;&gt;&lt;/script&gt;</code></pre> <p>Could be related to superfish, but maybe not...</p> <p>Here's some links to helpful articles: <a href="http://smashly.net/community/topic/cant-upload-images-add-photo-link-doesnt-work" rel="nofollow">http://smashly.net/community/topic/cant-upload-images-add-photo-link-doesnt-work</a></p> <p>Looks like problem #1.</p> <p>Cheers,<br /> Byron </p> http://smashly.net/community/topic/photosmash-cant-find-jquery-or-js-conflict-help#post-1769 Sat, 26 Jun 2010 18:56:27 +0000 builtbymedia 1769@http://smashly.net/community/ <p>i love the plugins you offer but i need help fast!<br /> im trying to get photosmash with the ratings system to work correctly on my page with the upload as well. My problem seems like a textbook issue but i cant track down the conflict... please help!</p> <p><a href="http://srh.builtbymedia.com/srh-network/spaded-photos/" rel="nofollow">http://srh.builtbymedia.com/srh-network/spaded-photos/</a></p> <p>works fine on <a href="http://4130clothing.com/photobooth/" rel="nofollow">http://4130clothing.com/photobooth/</a> </p> http://smashly.net/community/topic/photosmash-voiding-other-javascript#post-1340 Fri, 30 Apr 2010 01:30:28 +0000 byron 1340@http://smashly.net/community/ <p>When I look at that source, there are 3 cases of jquery being loaded:</p> <p>&lt;script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2'&gt;&lt;/script&gt; </p> <p>&lt;script type="text/javascript" src="http://www.betterretailing.com/wp-content/themes/gemer/js/jquery-1.3.2.min.js"&gt;&lt;/script&gt; </p> <p>&lt;script type='text/javascript' src='http://www.betterretailing.com/wp-includes/js/jquery/jquery.js?ver=1.3.2'&gt;&lt;/script&gt; </p> <p>The last one is the good one.</p> <p>Here's a better thread addressing the issue:</p> <p><a href="http://smashly.net/community/topic/photos-not-uploading-no-error" rel="nofollow">http://smashly.net/community/topic/photos-not-uploading-no-error</a></p> <p>You probably have some plugins that are not being friendly, and you'll have to change their code or try a different plugin.</p> <p>Hope that helps.</p> <p>BB </p> http://smashly.net/community/topic/photosmash-voiding-other-javascript#post-1328 Wed, 28 Apr 2010 21:39:38 +0000 robrat 1328@http://smashly.net/community/ <p>Thanks for that, I have actually got the plugin *sort of* working, but am now having a problem whereby when I try to upload pictures from the page the plugin is at here: <a href="http://www.betterretailing.com/see-my-shop/user-uploaded-gallery/" rel="nofollow">http://www.betterretailing.com/see-my-shop/user-uploaded-gallery/</a><br /> It starts to upload, progress bar goes, and then nothing more. Thanks to all your really great posts here I thought I had the problem on this thread <a href="http://smashly.net/community/topic/photos-will-not-upload#post-230" rel="nofollow">http://smashly.net/community/topic/photos-will-not-upload#post-230</a><br /> but when I try to strip out all of my jquery hard-code calls, my original problem comes back and my scrolling homepage java stops working. Ack! Any ideas? I've been trawwwling the net for correct jquery calls and nothing seems to fix both problems! hah </p> http://smashly.net/community/topic/photosmash-voiding-other-javascript#post-1322 Wed, 28 Apr 2010 17:18:48 +0000 byron 1322@http://smashly.net/community/ <p>Hi Robrat,<br /> Yes, the problem is:</p> <p>&lt;script type="text/javascript" src="&lt;?php bloginfo('template_url'); ?&gt;/js/jquery-1.3.2.min.js"&gt;&lt;/script&gt;</p> <p>That's loading jQuery, and then you enqueue it below, which is almost right...but I think you have to have the enqueue in your functions.php file instead of your header.php file.</p> <p>So, if you remove that one line and then move your enqueue's to functions.php that might work...you might have to play around with it a little bit.</p> <p>Be sure you got &lt;?php wp_head(); ?&gt; in your header.php file also.</p> <p>hope that helps.<br /> BB </p> http://smashly.net/community/topic/photosmash-voiding-other-javascript#post-1321 Wed, 28 Apr 2010 16:22:35 +0000 robrat 1321@http://smashly.net/community/ <p>My website has a little javascript featured posts animation on the top of the site (betterretailing.com) and when I turn PhotoSmash on, it stops that working. I'm wondering if the way that MY site calls in jquery is at fault, and not actually the plugin. I call jquery in as so, and it looks a little messy to me...<br /> <pre><code>&lt;script type=&quot;text/javascript&quot; src=&quot;&lt;?php bloginfo(&#39;template_url&#39;); ?&gt;/js/jquery-1.3.2.min.js&quot;&gt;&lt;/script&gt; &lt;script type=&quot;text/javascript&quot; src=&quot;&lt;?php bloginfo(&#39;template_url&#39;); ?&gt;/js/jquery.cycle.all.min.js&quot;&gt;&lt;/script&gt; &lt;script type=&quot;text/javascript&quot; src=&quot;&lt;?php bloginfo(&#39;template_url&#39;); ?&gt;/js/script.js&quot;&gt;&lt;/script&gt; &lt;?php wp_enqueue_script(&#39;jquery&#39;); wp_enqueue_script(&#39;jquery-ui-core&#39;); wp_enqueue_script(&#39;jquery-ui-tabs&#39;); wp_head(); ?&gt;</code></pre> http://smashly.net/community/topic/some-javascript-conflict#post-1207 Sat, 17 Apr 2010 02:26:32 +0000 byron 1207@http://smashly.net/community/ <p>Excellent! Thanks!<br /> BB </p> http://smashly.net/community/topic/some-javascript-conflict#post-1206 Fri, 16 Apr 2010 23:07:21 +0000 pictoru 1206@http://smashly.net/community/ <p>Hi Byron</p> <p>It is solved now. Yes, were some more issues and fixing those I've fixed also this one. I am new in jQuery, I worked more in MooTools but anyway I am not so advanced in JavaScript to understand quickly. Good to know about multiple loading of jQuery... </p> <p>Thanks for your intervention and greetings for the PhotoSmash plugin. Is awesome. I did tried before with NextGen and didn't like it because the voting use direct link, no ajax, so keeps me more on page loading. </p> <p>Once again, good job. </p> <p>Ciprian </p> http://smashly.net/community/topic/some-javascript-conflict#post-1201 Fri, 16 Apr 2010 22:44:17 +0000 byron 1201@http://smashly.net/community/ <p>Hi Ciprian,</p> <p>It looks like you've got it working. That problem usually means that wp_footer() or wp_header() is missing from footer.php or header.php. Or that jQuery is being loaded multiple times. It looks like you've commented out one of the jQuery loads.</p> <p>Let me know if you're still seeing problems.</p> <p>Cheers,<br /> Byron </p> http://smashly.net/community/topic/some-javascript-conflict#post-1197 Fri, 16 Apr 2010 13:41:06 +0000 pictoru 1197@http://smashly.net/community/ <p>I've installed photosmash on <a href="http://www.modernism.ro" rel="nofollow">modernism.ro</a> and I've inserted the first gallery <a href="http://www.modernism.ro/2009/03/30/cerul-instelat-prin-orbitele-unui-craniu/" rel="nofollow">here</a> but it seems photosmash has some conflicts or something because firebug tells me <strong>jQyery('#psstar-1-1').psrating is not a function</strong> so I cannot rate anything. </p> <p>Can you please give me some help?</p> <p>Thnaks in advance,<br /> Ciprian </p> http://smashly.net/community/topic/using-js-to-add-form-validationrequired-fields#post-809 Wed, 03 Mar 2010 18:15:06 +0000 byron 809@http://smashly.net/community/ <p>Good suggestion. What might also work would be a user exit in the submit code that lets you run some custom code and stop the submission on false return.</p> <p>Cheers,<br /> Byron </p> http://smashly.net/community/topic/using-js-to-add-form-validationrequired-fields#post-804 Tue, 02 Mar 2010 19:11:20 +0000 sommernyte 804@http://smashly.net/community/ <p>Perhaps in a future version, you could have a field somewhere to enter custom JS code, and then a checkbox somewhere where a user could check "Yes" to use their custom JS on form submit. :) </p> http://smashly.net/community/topic/using-js-to-add-form-validationrequired-fields#post-794 Sat, 27 Feb 2010 04:45:04 +0000 byron 794@http://smashly.net/community/ <p>Thanks Sommer!</p> <p>That's a great suggestion. It is very cool when folks are figuring out how to make PhotoSmash better.</p> <p>Cheers,<br /> Byron </p> http://smashly.net/community/topic/using-js-to-add-form-validationrequired-fields#post-793 Fri, 26 Feb 2010 17:58:03 +0000 sommernyte 793@http://smashly.net/community/ <p>Yep, it was just bad JavaScript!</p> <p>If anyone else is trying to figure it out, you can use the Custom Forms to create your upload form and include your JavaScript validation code there. Then, instead of using the [submit] short tag to create the submit button, grab the HTML generated by the plugin outputs (you can do this by using the short tag first, going to a live page and then viewing the code). Then just add onclick to that tag in your Custom Form to have it run the JS validation. :) </p>