- A Bravenet.com Forum

This Message Forum is no longer in use

Please use the new Bravenet Help Forums FOUND HERE

Recent Posts

General Forum

This Forum is Locked

Author

Comment

James

Aug 16, 2006 - 8:47AM

email form - pro - Max characters doesn't work in new code.

I've made numerous tests. Anybody else notice that the maximum characters setting doesn't work with the new email form code from bravenet? I tried setting it to just 30 characters (or 50 or 250, etc.) and I can still input limitless amounts of text. The Name and Email fields DO stop at a specified character limit. The Max Characters is a new feature not found in the old code, so I'm wondering if there's a bug. Go try it on your form and let me know if it's just me.

Martin E. Meserve

Aug 16, 2006 - 11:18AM

Re: email form - pro - Max characters doesn't work in new code.

No, this is not a bug. The only thing that is possibly a bug, is that, by putting the "maxlength" attribute in the tag, the user is led to believe that it should actually work.<br /> <br /> Even though they may put the "maxlength" attribute in all of the fields that the form builder generates, that does not mean that it is useful in all fields. Attributes that are not defined for a particular HTML tag, are simply ignored by the browser. The "maxlength" attribute is only useful in <input> fields of type "text". It does not work in a <textarea> tag. The actual limit depends on your browser and OS. It could be as high a 16K or 32K characters in some cases.<br /> <br /> There are various Javascript methods that can check the content of the <textarea> and count characters. If there is more then specified, an alert is generated and the form is not submitted. Crude, but effective. Try a Google search with the string "textarea character limit".</p> <div class="bn-forum-thread-links-date"> <div class="bn-forum-thread-links"> <i class="bn-icon bn-icon-home-2"></i> <a href="http://www.k7mem.com" style="n color: #666666">Website</a> </div> <div class="bn-forum-thread-date">Aug 16th, 2006 - 11:18 AM</div> </div> </div> </div> </div>  <div id="forum-image-modal" tabindex="-1" role="dialog" aria-hidden="true"> <a class="nav-icon modal-previous" style="cursor: pointer;">‹</a> <div class="image-container"> <img src="" alt=""> <div class="image-filename"></div> </div> <a class="nav-icon modal-next" style="cursor: pointer;">›</a> <a title="Close" class="close-modal">×</a> </div> <script type="text/javascript"> Bravenet.jQuery(function(){ var emojiConvert = new EmojiConvertor(); emojiConvert.img_set = 'emojione'; emojiConvert.img_sets.emojione.sheet = 'https://apps.bravenet.com/css/sheets/sheet_emojione_64_indexed_128.png'; emojiConvert.allow_native = false; emojiConvert.use_sheet = true; emojiConvert.init_env(); Bravenet.jQuery('.bn-forum-threads-post-comment').each(function() { var replaced = emojiConvert.replace_colons(Bravenet.jQuery(this).html()); replaced = emojiConvert.replace_emoticons(Bravenet.jQuery(this).html()); Bravenet.jQuery(this).html(replaced); }); }); </script> <div id="forum_message_727231" class="bn-forum-row"> <div class="bn-forum-threads-post-author"> <a name="bn-forum-post-727231-2385378114"></a> <div class="bn-forum-avatar-2" style="background-color:#d2b428">j</div> <div class="bn-forum-name"><a id="threadlink-727231" class="bn-forum-thread-link" rel="history" href="show.php?usernum=2385378114&cmd=search&searchby=user&searchfor=James&cp=0&frmid=52"><span title="Messages from this User">James</span></a></div> <div class="bn-forum-date">Aug 16, 2006 - 12:13PM</div> </div> <div class="bn-forum-threads-post-comment"> <div class="bn-forum-message-title"> <div class="post_reply_buttons"> </div> <strong>Re: email form - pro - Max characters doesn't work in new code.</strong> </div> <div class="bn-forum-message-body"> <p>But on the email Forms Builder page, Bravenet provides a field for setting the maximun characters limit for the message block. Even the mouse hover "Help" balloon says it can be set as desired, and if you leave it blank character input will be limitless (i.e., subject to spam or mischief). But it doesn't work currently as offered. This appears to be a design flaw then? Surely they tested this?!</p> </div> </div> </div>  <div id="forum-image-modal" tabindex="-1" role="dialog" aria-hidden="true"> <a class="nav-icon modal-previous" style="cursor: pointer;">‹</a> <div class="image-container"> <img src="" alt=""> <div class="image-filename"></div> </div> <a class="nav-icon modal-next" style="cursor: pointer;">›</a> <a title="Close" class="close-modal">×</a> </div> <script type="text/javascript"> Bravenet.jQuery(function(){ var emojiConvert = new EmojiConvertor(); emojiConvert.img_set = 'emojione'; emojiConvert.img_sets.emojione.sheet = 'https://apps.bravenet.com/css/sheets/sheet_emojione_64_indexed_128.png'; emojiConvert.allow_native = false; emojiConvert.use_sheet = true; emojiConvert.init_env(); Bravenet.jQuery('.bn-forum-threads-post-comment').each(function() { var replaced = emojiConvert.replace_colons(Bravenet.jQuery(this).html()); replaced = emojiConvert.replace_emoticons(Bravenet.jQuery(this).html()); Bravenet.jQuery(this).html(replaced); }); }); </script> <div id="forum_message_727245" class="bn-forum-row"> <div class="bn-forum-threads-post-author"> <a name="bn-forum-post-727245-2385378114"></a> <div class="bn-forum-avatar-2" style="background-color:#a29344">s</div> <div class="bn-forum-name"><a id="threadlink-727245" class="bn-forum-thread-link" rel="history" href="show.php?usernum=2385378114&cmd=search&searchby=user&searchfor=Stephen%2BChapman&cp=0&frmid=52"><span title="Messages from this User">Stephen Chapman</span></a></div> <div class="bn-forum-date">Aug 16, 2006 - 1:08PM</div> </div> <div class="bn-forum-threads-post-comment"> <div class="bn-forum-message-title"> <div class="post_reply_buttons"> </div> <strong>Re: Re: email form - pro - Max characters doesn't work in new code.</strong> </div> <div class="bn-forum-message-body"> <p>Even Bravenet staff make mistakes occasionally.</p> <div class="bn-forum-thread-links-date"> <div class="bn-forum-thread-links"> <i class="bn-icon bn-icon-home-2"></i> <a href="http://www.felgall.com/" style="n color: #666666">Website</a> </div> <div class="bn-forum-thread-date">Aug 16th, 2006 - 1:08 PM</div> </div> </div> </div> </div>  <div id="forum-image-modal" tabindex="-1" role="dialog" aria-hidden="true"> <a class="nav-icon modal-previous" style="cursor: pointer;">‹</a> <div class="image-container"> <img src="" alt=""> <div class="image-filename"></div> </div> <a class="nav-icon modal-next" style="cursor: pointer;">›</a> <a title="Close" class="close-modal">×</a> </div> <script type="text/javascript"> Bravenet.jQuery(function(){ var emojiConvert = new EmojiConvertor(); emojiConvert.img_set = 'emojione'; emojiConvert.img_sets.emojione.sheet = 'https://apps.bravenet.com/css/sheets/sheet_emojione_64_indexed_128.png'; emojiConvert.allow_native = false; emojiConvert.use_sheet = true; emojiConvert.init_env(); Bravenet.jQuery('.bn-forum-threads-post-comment').each(function() { var replaced = emojiConvert.replace_colons(Bravenet.jQuery(this).html()); replaced = emojiConvert.replace_emoticons(Bravenet.jQuery(this).html()); Bravenet.jQuery(this).html(replaced); }); }); </script> <div id="forum_message_727919" class="bn-forum-row"> <div class="bn-forum-threads-post-author"> <a name="bn-forum-post-727919-2385378114"></a> <div class="bn-forum-avatar-2" style="background-color:#d2b428">j</div> <div class="bn-forum-name"><a id="threadlink-727919" class="bn-forum-thread-link" rel="history" href="show.php?usernum=2385378114&cmd=search&searchby=user&searchfor=James&cp=0&frmid=52"><span title="Messages from this User">James</span></a></div> <div class="bn-forum-date">Aug 18, 2006 - 11:41AM</div> </div> <div class="bn-forum-threads-post-comment"> <div class="bn-forum-message-title"> <div class="post_reply_buttons"> </div> <strong>Re: email form - pro - Max characters doesn't work in new code.</strong> </div> <div class="bn-forum-message-body"> <p>I submitted a support ticket to let Bravenet know about this problem. If their tech team replies, I'll post something here.</p> </div> </div> </div>  <div id="forum-image-modal" tabindex="-1" role="dialog" aria-hidden="true"> <a class="nav-icon modal-previous" style="cursor: pointer;">‹</a> <div class="image-container"> <img src="" alt=""> <div class="image-filename"></div> </div> <a class="nav-icon modal-next" style="cursor: pointer;">›</a> <a title="Close" class="close-modal">×</a> </div> <script type="text/javascript"> Bravenet.jQuery(function(){ var emojiConvert = new EmojiConvertor(); emojiConvert.img_set = 'emojione'; emojiConvert.img_sets.emojione.sheet = 'https://apps.bravenet.com/css/sheets/sheet_emojione_64_indexed_128.png'; emojiConvert.allow_native = false; emojiConvert.use_sheet = true; emojiConvert.init_env(); Bravenet.jQuery('.bn-forum-threads-post-comment').each(function() { var replaced = emojiConvert.replace_colons(Bravenet.jQuery(this).html()); replaced = emojiConvert.replace_emoticons(Bravenet.jQuery(this).html()); Bravenet.jQuery(this).html(replaced); }); }); </script> <div id="forum_message_727978" class="bn-forum-row"> <div class="bn-forum-threads-post-author"> <a name="bn-forum-post-727978-2385378114"></a> <div class="bn-forum-avatar-2" style="background-color:#a29344">s</div> <div class="bn-forum-name"><a id="threadlink-727978" class="bn-forum-thread-link" rel="history" href="show.php?usernum=2385378114&cmd=search&searchby=user&searchfor=Stephen%2BChapman&cp=0&frmid=52"><span title="Messages from this User">Stephen Chapman</span></a></div> <div class="bn-forum-date">Aug 18, 2006 - 1:40PM</div> </div> <div class="bn-forum-threads-post-comment"> <div class="bn-forum-message-title"> <div class="post_reply_buttons"> </div> <strong>Re: Re: email form - pro - Max characters doesn't work in new code.</strong> </div> <div class="bn-forum-message-body"> <p>I don't think Bravenet support have access to make changes to millions of people's web browsers to add new functionality into HTML that their browser doesn't support. Not even the browser writers can force people to install their patches.<br /> <br /> There is no way to restrict input into a textarea field in HTML.</p> <div class="bn-forum-thread-links-date"> <div class="bn-forum-thread-links"> <i class="bn-icon bn-icon-home-2"></i> <a href="http://www.felgall.com/" style="n color: #666666">Website</a> </div> <div class="bn-forum-thread-date">Aug 18th, 2006 - 1:40 PM</div> </div> </div> </div> </div>  <div id="forum-image-modal" tabindex="-1" role="dialog" aria-hidden="true"> <a class="nav-icon modal-previous" style="cursor: pointer;">‹</a> <div class="image-container"> <img src="" alt=""> <div class="image-filename"></div> </div> <a class="nav-icon modal-next" style="cursor: pointer;">›</a> <a title="Close" class="close-modal">×</a> </div> <script type="text/javascript"> Bravenet.jQuery(function(){ var emojiConvert = new EmojiConvertor(); emojiConvert.img_set = 'emojione'; emojiConvert.img_sets.emojione.sheet = 'https://apps.bravenet.com/css/sheets/sheet_emojione_64_indexed_128.png'; emojiConvert.allow_native = false; emojiConvert.use_sheet = true; emojiConvert.init_env(); Bravenet.jQuery('.bn-forum-threads-post-comment').each(function() { var replaced = emojiConvert.replace_colons(Bravenet.jQuery(this).html()); replaced = emojiConvert.replace_emoticons(Bravenet.jQuery(this).html()); Bravenet.jQuery(this).html(replaced); }); }); </script> <div id="forum_message_728988" class="bn-forum-row"> <div class="bn-forum-threads-post-author"> <a name="bn-forum-post-728988-2385378114"></a> <div class="bn-forum-avatar-2" style="background-color:#d2b428">j</div> <div class="bn-forum-name"><a id="threadlink-728988" class="bn-forum-thread-link" rel="history" href="show.php?usernum=2385378114&cmd=search&searchby=user&searchfor=James&cp=0&frmid=52"><span title="Messages from this User">James</span></a></div> <div class="bn-forum-date">Aug 21, 2006 - 12:21PM</div> </div> <div class="bn-forum-threads-post-comment"> <div class="bn-forum-message-title"> <div class="post_reply_buttons"> </div> <strong>Re: email form - pro - Max characters doesn't work in new code.</strong> </div> <div class="bn-forum-message-body"> <p>Good news, I found a simple javascript code fix, tested it, and it works. It even puts up a "maximum characters exceeded!" notice if someone tries to copy and paste in a long spam message. I'm waiting for a response from Bravenet Support before I post it here. Check back.</p> </div> </div> </div>  <div id="forum-image-modal" tabindex="-1" role="dialog" aria-hidden="true"> <a class="nav-icon modal-previous" style="cursor: pointer;">‹</a> <div class="image-container"> <img src="" alt=""> <div class="image-filename"></div> </div> <a class="nav-icon modal-next" style="cursor: pointer;">›</a> <a title="Close" class="close-modal">×</a> </div> <script type="text/javascript"> Bravenet.jQuery(function(){ var emojiConvert = new EmojiConvertor(); emojiConvert.img_set = 'emojione'; emojiConvert.img_sets.emojione.sheet = 'https://apps.bravenet.com/css/sheets/sheet_emojione_64_indexed_128.png'; emojiConvert.allow_native = false; emojiConvert.use_sheet = true; emojiConvert.init_env(); Bravenet.jQuery('.bn-forum-threads-post-comment').each(function() { var replaced = emojiConvert.replace_colons(Bravenet.jQuery(this).html()); replaced = emojiConvert.replace_emoticons(Bravenet.jQuery(this).html()); Bravenet.jQuery(this).html(replaced); }); }); </script> <div id="forum_message_729122" class="bn-forum-row"> <div class="bn-forum-threads-post-author"> <a name="bn-forum-post-729122-2385378114"></a> <div class="bn-forum-avatar-2" style="background-color:#0a6fb7">m</div> <div class="bn-forum-name"><a id="threadlink-729122" class="bn-forum-thread-link" rel="history" href="show.php?usernum=2385378114&cmd=search&searchby=user&searchfor=Martin%2BE.%2BMeserve&cp=0&frmid=52"><span title="Messages from this User">Martin E. Meserve</span></a></div> <div class="bn-forum-date">Aug 21, 2006 - 7:56PM</div> </div> <div class="bn-forum-threads-post-comment"> <div class="bn-forum-message-title"> <div class="post_reply_buttons"> </div> <strong>Re: email form - pro - Max characters doesn't work in new code.</strong> </div> <div class="bn-forum-message-body"> <p>Yes, I originally said that there are some Javascripts that can help you around the problem. However, I also said, they are crude. I am not trying to pick on your efforts, but you need to take a closer at those scripts. They are far from code fixes, and merely loose bandaids.<br /> <br /> The better scripts will check your form fields when the submit button is clicked. If your text areas have too much data, the form will not be submitted or processed. But even those can be disabled, if the user turns off Javascript.<br /> <br /> I would be interested in any response from Bravenet, but there isn't a lot they can do. You need to realize that this is not a server issue, it is a browser issue. At the most, bravenet can modify the form builder, so it elimates the little box that allows you to enter a character limit. Then you won't think that a limit exists. But that doesn't solve your problem. What they can't do is redefine the HTML standard, make the browser designers enforce a limit, and make everyone in the world upgrade their browsers.<br /> <br /> Possibly, if you had high end hosting that allows you to write your own form processor, you could reject forum submissions that exceed your limits. Beyond that, your stuck with what exists. Good luck anyway.</p> <div class="bn-forum-thread-links-date"> <div class="bn-forum-thread-links"> <i class="bn-icon bn-icon-home-2"></i> <a href="http://www.k7mem.com" style="n color: #666666">Website</a> </div> <div class="bn-forum-thread-date">Aug 21st, 2006 - 7:56 PM</div> </div> </div> </div> </div>  <div id="forum-image-modal" tabindex="-1" role="dialog" aria-hidden="true"> <a class="nav-icon modal-previous" style="cursor: pointer;">‹</a> <div class="image-container"> <img src="" alt=""> <div class="image-filename"></div> </div> <a class="nav-icon modal-next" style="cursor: pointer;">›</a> <a title="Close" class="close-modal">×</a> </div> <script type="text/javascript"> Bravenet.jQuery(function(){ var emojiConvert = new EmojiConvertor(); emojiConvert.img_set = 'emojione'; emojiConvert.img_sets.emojione.sheet = 'https://apps.bravenet.com/css/sheets/sheet_emojione_64_indexed_128.png'; emojiConvert.allow_native = false; emojiConvert.use_sheet = true; emojiConvert.init_env(); Bravenet.jQuery('.bn-forum-threads-post-comment').each(function() { var replaced = emojiConvert.replace_colons(Bravenet.jQuery(this).html()); replaced = emojiConvert.replace_emoticons(Bravenet.jQuery(this).html()); Bravenet.jQuery(this).html(replaced); }); }); </script> <div id="forum_message_729698" class="bn-forum-row"> <div class="bn-forum-threads-post-author"> <a name="bn-forum-post-729698-2385378114"></a> <div class="bn-forum-avatar-2" style="background-color:#d2b428">j</div> <div class="bn-forum-name"><a id="threadlink-729698" class="bn-forum-thread-link" rel="history" href="show.php?usernum=2385378114&cmd=search&searchby=user&searchfor=James&cp=0&frmid=52"><span title="Messages from this User">James</span></a></div> <div class="bn-forum-date">Aug 23, 2006 - 6:56AM</div> </div> <div class="bn-forum-threads-post-comment"> <div class="bn-forum-message-title"> <div class="post_reply_buttons"> </div> <strong>Re: email form - pro - Max characters doesn't work in new code.</strong> </div> <div class="bn-forum-message-body"> <p>HERE IS A JAVASCRIPT CODE FIX:<br /> <br /> Purpose: to limit the amount of characters that can be entered into a "textarea" field, such as in Bravenet's email form. I have tested this code and it works. The email form processes normally and emails arrive just fine.<br /> <br /> Article: <a href="http://javascript.about.com/library/bltxtmax1.htm">http://javascript.about.com/library/bltxtmax1.htm</a><br /> <br /> STEP ONE: Copy and paste the following code into the Head portion of the page's code. I left off the "less than <" sign here in front of the "script" anchor tag top and bottom so that this code would display in this post. Be sure to include it on your page or the code won't work. You can change the alert message that pops up when the limit is exceeded if you wish.<br /> <br /> ---copy and paste below this into the Head section---<br /> <br /> script language="JavaScript"><br /> function textLimit(field, maxlen) {<br /> if (field.value.length > maxlen + 1)<br /> alert('This form has a character limit!');<br /> if (field.value.length > maxlen)<br /> field.value = field.value.substring(0, maxlen);<br /> }<br /> /script><br /> <br /> ---copy and paste above this---<br /> <br /> STEP TWO:<br /> <br /> In the form part the code, replace the nonworking line<br /> <br /> max length="1000"<br /> <br /> with<br /> <br /> ="textLimit(this, 1000);"<br /> <br /> I have it set in this example for 1000 characters, which is about a medium-length letter. On my site, I prefer 2000 characters. The number of characters has nothing to do with the width and height of the text box settings. Paragraph breaks seem to count as 2-3 characters.<br /> <br /> Sure, this code can be defeated if someone goes to the trouble of turning Javascript off (although I haven't tested that), but at least it provides some discouragment to long email mischief-makers. On my page I mention that the email form, like regular email, includes the sender's IP address. I also haven't tested this to see if it will work on more than one textarea field on the same page, like in a survey form. Probably will.</p> </div> </div> </div>  <div id="forum-image-modal" tabindex="-1" role="dialog" aria-hidden="true"> <a class="nav-icon modal-previous" style="cursor: pointer;">‹</a> <div class="image-container"> <img src="" alt=""> <div class="image-filename"></div> </div> <a class="nav-icon modal-next" style="cursor: pointer;">›</a> <a title="Close" class="close-modal">×</a> </div> <script type="text/javascript"> Bravenet.jQuery(function(){ var emojiConvert = new EmojiConvertor(); emojiConvert.img_set = 'emojione'; emojiConvert.img_sets.emojione.sheet = 'https://apps.bravenet.com/css/sheets/sheet_emojione_64_indexed_128.png'; emojiConvert.allow_native = false; emojiConvert.use_sheet = true; emojiConvert.init_env(); Bravenet.jQuery('.bn-forum-threads-post-comment').each(function() { var replaced = emojiConvert.replace_colons(Bravenet.jQuery(this).html()); replaced = emojiConvert.replace_emoticons(Bravenet.jQuery(this).html()); Bravenet.jQuery(this).html(replaced); }); }); </script> <div id="forum_message_729700" class="bn-forum-row"> <div class="bn-forum-threads-post-author"> <a name="bn-forum-post-729700-2385378114"></a> <div class="bn-forum-avatar-2" style="background-color:#d2b428">j</div> <div class="bn-forum-name"><a id="threadlink-729700" class="bn-forum-thread-link" rel="history" href="show.php?usernum=2385378114&cmd=search&searchby=user&searchfor=James&cp=0&frmid=52"><span title="Messages from this User">James</span></a></div> <div class="bn-forum-date">Aug 23, 2006 - 7:08AM</div> </div> <div class="bn-forum-threads-post-comment"> <div class="bn-forum-message-title"> <div class="post_reply_buttons"> </div> <strong>Re: email form - pro - Max characters doesn't work in new code.</strong> </div> <div class="bn-forum-message-body"> <p>*MISSING WORD IN ABOVE CODE:<br /> <br /> Sorry, for some reason the word o-n-keyup (without hyphens) would not appear if included in this post in the code. You can see it in the about.com article.<br /> <br /> I could not even get it to appear here without adding the hyphens! It goes in front of the equal sign in this line:<br /> <br /> ="textLimit(this, 1000);"</p> </div> </div> </div>  <div id="forum-image-modal" tabindex="-1" role="dialog" aria-hidden="true"> <a class="nav-icon modal-previous" style="cursor: pointer;">‹</a> <div class="image-container"> <img src="" alt=""> <div class="image-filename"></div> </div> <a class="nav-icon modal-next" style="cursor: pointer;">›</a> <a title="Close" class="close-modal">×</a> </div> <script type="text/javascript"> Bravenet.jQuery(function(){ var emojiConvert = new EmojiConvertor(); emojiConvert.img_set = 'emojione'; emojiConvert.img_sets.emojione.sheet = 'https://apps.bravenet.com/css/sheets/sheet_emojione_64_indexed_128.png'; emojiConvert.allow_native = false; emojiConvert.use_sheet = true; emojiConvert.init_env(); Bravenet.jQuery('.bn-forum-threads-post-comment').each(function() { var replaced = emojiConvert.replace_colons(Bravenet.jQuery(this).html()); replaced = emojiConvert.replace_emoticons(Bravenet.jQuery(this).html()); Bravenet.jQuery(this).html(replaced); }); }); </script> <div id="forum_message_729702" class="bn-forum-row"> <div class="bn-forum-threads-post-author"> <a name="bn-forum-post-729702-2385378114"></a> <div class="bn-forum-avatar-2" style="background-color:#919191">*</div> <div class="bn-forum-name"><a id="threadlink-729702" class="bn-forum-thread-link" rel="history" href="show.php?usernum=2385378114&cmd=search&searchby=user&searchfor=%252A%252A%252A%252A%252A%252A&cp=0&frmid=52"><span title="Messages from this User">******</span></a></div> <div class="bn-forum-date">Aug 23, 2006 - 7:15AM</div> </div> <div class="bn-forum-threads-post-comment"> <div class="bn-forum-message-title"> <div class="post_reply_buttons"> </div> <strong>Re: email form - pro - Max characters doesn't work in new code.</strong> </div> <div class="bn-forum-message-body"> <p>time to move on</p> </div> </div> </div>  <div id="forum-image-modal" tabindex="-1" role="dialog" aria-hidden="true"> <a class="nav-icon modal-previous" style="cursor: pointer;">‹</a> <div class="image-container"> <img src="" alt=""> <div class="image-filename"></div> </div> <a class="nav-icon modal-next" style="cursor: pointer;">›</a> <a title="Close" class="close-modal">×</a> </div> <script type="text/javascript"> Bravenet.jQuery(function(){ var emojiConvert = new EmojiConvertor(); emojiConvert.img_set = 'emojione'; emojiConvert.img_sets.emojione.sheet = 'https://apps.bravenet.com/css/sheets/sheet_emojione_64_indexed_128.png'; emojiConvert.allow_native = false; emojiConvert.use_sheet = true; emojiConvert.init_env(); Bravenet.jQuery('.bn-forum-threads-post-comment').each(function() { var replaced = emojiConvert.replace_colons(Bravenet.jQuery(this).html()); replaced = emojiConvert.replace_emoticons(Bravenet.jQuery(this).html()); Bravenet.jQuery(this).html(replaced); }); }); </script> <div id="forum_message_729750" class="bn-forum-row"> <div class="bn-forum-threads-post-author"> <a name="bn-forum-post-729750-2385378114"></a> <div class="bn-forum-avatar-2" style="background-color:#1cbf50">a</div> <div class="bn-forum-name"><a id="threadlink-729750" class="bn-forum-thread-link" rel="history" href="show.php?usernum=2385378114&cmd=search&searchby=user&searchfor=Andy&cp=0&frmid=52"><span title="Messages from this User">Andy</span></a></div> <div class="bn-forum-date">Aug 23, 2006 - 9:12AM</div> </div> <div class="bn-forum-threads-post-comment"> <div class="bn-forum-message-title"> <div class="post_reply_buttons"> </div> <strong>Re: email form - pro - Max characters doesn't work in new code.</strong> </div> <div class="bn-forum-message-body"> <p>The problem with your code James is that people can paste way more than the set limit. I just pasted 1969 characters in the web site set for 40. If you want to truly set a limit, in IE only, google "bhvMaxlength" and apply the codes which works whether one types or pastes a whole bunch of characters. It incorporates what Microsoft names public component using JScript.</p> </div> </div> </div>  <div id="forum-image-modal" tabindex="-1" role="dialog" aria-hidden="true"> <a class="nav-icon modal-previous" style="cursor: pointer;">‹</a> <div class="image-container"> <img src="" alt=""> <div class="image-filename"></div> </div> <a class="nav-icon modal-next" style="cursor: pointer;">›</a> <a title="Close" class="close-modal">×</a> </div> <script type="text/javascript"> Bravenet.jQuery(function(){ var emojiConvert = new EmojiConvertor(); emojiConvert.img_set = 'emojione'; emojiConvert.img_sets.emojione.sheet = 'https://apps.bravenet.com/css/sheets/sheet_emojione_64_indexed_128.png'; emojiConvert.allow_native = false; emojiConvert.use_sheet = true; emojiConvert.init_env(); Bravenet.jQuery('.bn-forum-threads-post-comment').each(function() { var replaced = emojiConvert.replace_colons(Bravenet.jQuery(this).html()); replaced = emojiConvert.replace_emoticons(Bravenet.jQuery(this).html()); Bravenet.jQuery(this).html(replaced); }); }); </script> <div id="forum_message_729788" class="bn-forum-row"> <div class="bn-forum-threads-post-author"> <a name="bn-forum-post-729788-2385378114"></a> <div class="bn-forum-avatar-2" style="background-color:#d2b428">j</div> <div class="bn-forum-name"><a id="threadlink-729788" class="bn-forum-thread-link" rel="history" href="show.php?usernum=2385378114&cmd=search&searchby=user&searchfor=James&cp=0&frmid=52"><span title="Messages from this User">James</span></a></div> <div class="bn-forum-date">Aug 23, 2006 - 10:57AM</div> </div> <div class="bn-forum-threads-post-comment"> <div class="bn-forum-message-title"> <div class="post_reply_buttons"> </div> <strong>Re: email form - pro - Max characters doesn't work in new code.</strong> </div> <div class="bn-forum-message-body"> <p>Yes, I find that I can copy and paste a larger amount of text into the message field than the specified limit, but then the alert box pops up and no further action can be taken until the "OK" button on it is clicked. When that happens, the excess characters vanish down to the specified limit.<br /> <br /> The code works on my site written in html and with IE browsers. I've seen the max limit set differently with other more advanced code formats. I'm happy with how it's working. It's not that major an issue. It's been days and Bravenet support has not responded, so I imagine they're assessing if they should stop offering a code option that doesn't work. It's not my javascript code, I got it from the about.com site. At least this is one available option. Thanks to all.</p> </div> </div> </div>  <div id="forum-image-modal" tabindex="-1" role="dialog" aria-hidden="true"> <a class="nav-icon modal-previous" style="cursor: pointer;">‹</a> <div class="image-container"> <img src="" alt=""> <div class="image-filename"></div> </div> <a class="nav-icon modal-next" style="cursor: pointer;">›</a> <a title="Close" class="close-modal">×</a> </div> <script type="text/javascript"> Bravenet.jQuery(function(){ var emojiConvert = new EmojiConvertor(); emojiConvert.img_set = 'emojione'; emojiConvert.img_sets.emojione.sheet = 'https://apps.bravenet.com/css/sheets/sheet_emojione_64_indexed_128.png'; emojiConvert.allow_native = false; emojiConvert.use_sheet = true; emojiConvert.init_env(); Bravenet.jQuery('.bn-forum-threads-post-comment').each(function() { var replaced = emojiConvert.replace_colons(Bravenet.jQuery(this).html()); replaced = emojiConvert.replace_emoticons(Bravenet.jQuery(this).html()); Bravenet.jQuery(this).html(replaced); }); }); </script> <div id="forum_message_730082" class="bn-forum-row"> <div class="bn-forum-threads-post-author"> <a name="bn-forum-post-730082-2385378114"></a> <div class="bn-forum-avatar-2" style="background-color:#d2b428">j</div> <div class="bn-forum-name"><a id="threadlink-730082" class="bn-forum-thread-link" rel="history" href="show.php?usernum=2385378114&cmd=search&searchby=user&searchfor=James&cp=0&frmid=52"><span title="Messages from this User">James</span></a></div> <div class="bn-forum-date">Aug 24, 2006 - 7:09AM</div> </div> <div class="bn-forum-threads-post-comment"> <div class="bn-forum-message-title"> <div class="post_reply_buttons"> </div> <strong>Re: email form - pro - Max characters doesn't work in new code.</strong> </div> <div class="bn-forum-message-body"> <p>RESPONSE FROM BRAVENET:<br /> <br /> I heard from Bravenet Support. They said their developers are looking into this issue and in the meantime they gave me permission to post the above javascript code fix.<br /> <br /> I have a paid pro account and the email form works fine now with the above javascript. Should work on the free version, too, I imagine. Remember, this is only for the textarea portion of the form's code. Bravenet's max character codes still work okay with the input Name and Email fields. No need to change anything there.</p> </div> </div> </div>  <div id="forum-image-modal" tabindex="-1" role="dialog" aria-hidden="true"> <a class="nav-icon modal-previous" style="cursor: pointer;">‹</a> <div class="image-container"> <img src="" alt=""> <div class="image-filename"></div> </div> <a class="nav-icon modal-next" style="cursor: pointer;">›</a> <a title="Close" class="close-modal">×</a> </div> <script type="text/javascript"> Bravenet.jQuery(function(){ var emojiConvert = new EmojiConvertor(); emojiConvert.img_set = 'emojione'; emojiConvert.img_sets.emojione.sheet = 'https://apps.bravenet.com/css/sheets/sheet_emojione_64_indexed_128.png'; emojiConvert.allow_native = false; emojiConvert.use_sheet = true; emojiConvert.init_env(); Bravenet.jQuery('.bn-forum-threads-post-comment').each(function() { var replaced = emojiConvert.replace_colons(Bravenet.jQuery(this).html()); replaced = emojiConvert.replace_emoticons(Bravenet.jQuery(this).html()); Bravenet.jQuery(this).html(replaced); }); }); </script> <div id="forum_message_730092" class="bn-forum-row"> <div class="bn-forum-threads-post-author"> <a name="bn-forum-post-730092-2385378114"></a> <div class="bn-forum-avatar-2" style="background-color:#e09113">w</div> <div class="bn-forum-name"><a id="threadlink-730092" class="bn-forum-thread-link" rel="history" href="show.php?usernum=2385378114&cmd=search&searchby=user&searchfor=whatever&cp=0&frmid=52"><span title="Messages from this User">whatever</span></a></div> <div class="bn-forum-date">Aug 24, 2006 - 7:24AM</div> </div> <div class="bn-forum-threads-post-comment"> <div class="bn-forum-message-title"> <div class="post_reply_buttons"> </div> <strong>Re: email form - pro - Max characters doesn't work in new code.</strong> </div> <div class="bn-forum-message-body"> <p>next topic please</p> </div> </div> </div>  <div id="forum-image-modal" tabindex="-1" role="dialog" aria-hidden="true"> <a class="nav-icon modal-previous" style="cursor: pointer;">‹</a> <div class="image-container"> <img src="" alt=""> <div class="image-filename"></div> </div> <a class="nav-icon modal-next" style="cursor: pointer;">›</a> <a title="Close" class="close-modal">×</a> </div> <script type="text/javascript"> Bravenet.jQuery(function(){ var emojiConvert = new EmojiConvertor(); emojiConvert.img_set = 'emojione'; emojiConvert.img_sets.emojione.sheet = 'https://apps.bravenet.com/css/sheets/sheet_emojione_64_indexed_128.png'; emojiConvert.allow_native = false; emojiConvert.use_sheet = true; emojiConvert.init_env(); Bravenet.jQuery('.bn-forum-threads-post-comment').each(function() { var replaced = emojiConvert.replace_colons(Bravenet.jQuery(this).html()); replaced = emojiConvert.replace_emoticons(Bravenet.jQuery(this).html()); Bravenet.jQuery(this).html(replaced); }); }); </script> <div id="forum_message_732756" class="bn-forum-row"> <div class="bn-forum-threads-post-author"> <a name="bn-forum-post-732756-2385378114"></a> <div class="bn-forum-avatar-2" style="background-color:#d2b428">j</div> <div class="bn-forum-name"><a id="threadlink-732756" class="bn-forum-thread-link" rel="history" href="show.php?usernum=2385378114&cmd=search&searchby=user&searchfor=James&cp=0&frmid=52"><span title="Messages from this User">James</span></a></div> <div class="bn-forum-date">Aug 31, 2006 - 7:58AM</div> </div> <div class="bn-forum-threads-post-comment"> <div class="bn-forum-message-title"> <div class="post_reply_buttons"> </div> <strong>Re: email form - pro - Max characters doesn't work in new code.</strong> </div> <div class="bn-forum-message-body"> <p>FINAL RESPONSE FROM BRAVENET:<br /> <br /> Here is the response to my support ticket concerning the inability to set maximum characters in the email message block in Bravenet's form builder. It is important to include this response because people search these forums using keywords looking for answers. Basically, anyone who wants to set a character limit for textarea should use the above javascript code or some other code of their choice.<br /> <br /> From Bravenet Staff:<br /> "Thank you for reporting this. Sorry for the delay, but a panel of experts had to review this ticket. Since Textarea does not support maxlength we have removed it from the builder."<br /> <br /> - This post should conclude this topic. Thanks. -</p> </div> </div> </div>  <div id="forum-image-modal" tabindex="-1" role="dialog" aria-hidden="true"> <a class="nav-icon modal-previous" style="cursor: pointer;">‹</a> <div class="image-container"> <img src="" alt=""> <div class="image-filename"></div> </div> <a class="nav-icon modal-next" style="cursor: pointer;">›</a> <a title="Close" class="close-modal">×</a> </div> <script type="text/javascript"> Bravenet.jQuery(function(){ var emojiConvert = new EmojiConvertor(); emojiConvert.img_set = 'emojione'; emojiConvert.img_sets.emojione.sheet = 'https://apps.bravenet.com/css/sheets/sheet_emojione_64_indexed_128.png'; emojiConvert.allow_native = false; emojiConvert.use_sheet = true; emojiConvert.init_env(); Bravenet.jQuery('.bn-forum-threads-post-comment').each(function() { var replaced = emojiConvert.replace_colons(Bravenet.jQuery(this).html()); replaced = emojiConvert.replace_emoticons(Bravenet.jQuery(this).html()); Bravenet.jQuery(this).html(replaced); }); }); </script> <div id="forum_message_732851" class="bn-forum-row"> <div class="bn-forum-threads-post-author"> <a name="bn-forum-post-732851-2385378114"></a> <div class="bn-forum-avatar-2" style="background-color:#0a6fb7">m</div> <div class="bn-forum-name"><a id="threadlink-732851" class="bn-forum-thread-link" rel="history" href="show.php?usernum=2385378114&cmd=search&searchby=user&searchfor=Martin%2BE.%2BMeserve&cp=0&frmid=52"><span title="Messages from this User">Martin E. Meserve</span></a></div> <div class="bn-forum-date">Aug 31, 2006 - 12:48PM</div> </div> <div class="bn-forum-threads-post-comment"> <div class="bn-forum-message-title"> <div class="post_reply_buttons"> </div> <strong>Re: email form - pro - Max characters doesn't work in new code.</strong> </div> <div class="bn-forum-message-body"> <p>Concluded except for the fact that, the form builder now arbitrarily deletes your forms. Before they "fixed" things, I had three forms built. One of them was large and still in progress. Now, all three still list, but large one has no data. If I select one of the other forms first, and then go to the deleted one, it show the information from the other form. For me it's not a big deal, because I have my data stored on my local PC. But, I suspect that we are still going to be hearing about the form builder.</p> <div class="bn-forum-thread-links-date"> <div class="bn-forum-thread-links"> <i class="bn-icon bn-icon-home-2"></i> <a href="http://www.k7mem.com" style="n color: #666666">Website</a> </div> <div class="bn-forum-thread-date">Aug 31st, 2006 - 12:48 PM</div> </div> </div> </div> </div>  <div id="forum-image-modal" tabindex="-1" role="dialog" aria-hidden="true"> <a class="nav-icon modal-previous" style="cursor: pointer;">‹</a> <div class="image-container"> <img src="" alt=""> <div class="image-filename"></div> </div> <a class="nav-icon modal-next" style="cursor: pointer;">›</a> <a title="Close" class="close-modal">×</a> </div> <script type="text/javascript"> Bravenet.jQuery(function(){ var emojiConvert = new EmojiConvertor(); emojiConvert.img_set = 'emojione'; emojiConvert.img_sets.emojione.sheet = 'https://apps.bravenet.com/css/sheets/sheet_emojione_64_indexed_128.png'; emojiConvert.allow_native = false; emojiConvert.use_sheet = true; emojiConvert.init_env(); Bravenet.jQuery('.bn-forum-threads-post-comment').each(function() { var replaced = emojiConvert.replace_colons(Bravenet.jQuery(this).html()); replaced = emojiConvert.replace_emoticons(Bravenet.jQuery(this).html()); Bravenet.jQuery(this).html(replaced); }); }); </script> </div> </div> <script type="text/javascript"> (function($) { var desired_width = 940 - 260; $('.bn-forum-message-body img').bind('load',function() { if($(this).width()>desired_width) { $(this).attr('width',desired_width); } }); })(Bravenet.jQuery); </script> <div class="bn-forum-footer"> <div class="bn-mobilenav" style="display:none;"> <a onclick="javascript:history.go(-1);">« back</a> </div> <div class="bn-forum-breadcrumb"> <a target="_self" href="http://www.bravenet.com/help/">Return to Website</a><span class="bc-separator" style="font:12px Arial,sans-serif;"> ></span> <a href="show.php?usernum=2385378114&frmid=52">Index</a> </div> <div class="bn-forum-timezone">  </div> </div> <div class="bn-branding-adplacement"> <script type="text/javascript"> function get_imps() { var t = document.getElementsByTagName('html'); var arr = t[0].innerHTML.match(/redvase\.bravenet\.com\/track\/impression\/[^"' ]+/g); if (arr instanceof Array) { lastValue = ''; result = new Array; for (var i=0; i<arr.length; i++) { var curValue=arr[i]; if (curValue != lastValue) { result[result.length] = curValue; } lastValue=curValue; } return result.join(',').replace(/\//g,'%2F'); } else { return ''; } } function get_abuse_link(__service) { if (__service == 'guestbook') { tag = '<a href="//www.bravenet.com/global/adproblem.php?ads_seen='+get_imps()+'" style="text-decoration: underline; color: rgb(85, 85, 85);" target="_blank">Report Problem Ad</a>'; } else if (__service == 'forum') { tag = '<a href="//www.bravenet.com/global/adproblem.php?ads_seen='+get_imps()+'" style="text-decoration: underline; #ffffff" target="_blank">Report Problem Ad</a>'; } else { tag = '<a href="//www.bravenet.com/global/adproblem.php?ads_seen='+get_imps()+'" style="font: bold 11px tahoma, sans-serif; #ffffff" target="_blank">Report Problem Ad</a>'; } o = document.getElementById('abuse-link'); o.innerHTML = tag; } </script><div style="margin-bottom:7px;"><a style="font: 13px arial,sans-serif; text-decoration: none;" href="//www.bravenet.com/webtools/forum" target="_new"> Free Forum powered by Bravenet </a><br><a style="display:block;margin-top:10px;" href="//www.bravenet.com" target="_new"> <img src="https://assets.bravenet.com/bn/front/img/logo_sm_black.png" border="0" align="absmiddle" class="bn-branding" alt="Powered by Bravenet" /></a> </div> </div> </div> </div> <script type="text/javascript" charset="UTF-8"> // Utility function to safely initialize libraries with retry logic window.BravenetLibraryLoader = { // Check if BNManager is available and call a function safeBNManager: function(callback, retries) { retries = retries || 3; if (typeof BNManager !== 'undefined' && typeof callback === 'function') { try { callback(); } catch (e) { console.error('Error in BNManager callback:', e); } } else if (retries > 0) { console.warn('BNManager not loaded, retrying... (' + (4 - retries) + '/3)'); setTimeout(function() { window.BravenetLibraryLoader.safeBNManager(callback, retries - 1); }, 500); } else { console.error('BNManager not available after all retries'); } }, // Check if DataTable plugin is available and call a function safeDataTable: function(callback, retries) { retries = retries || 3; if (typeof $.fn.dataTable === 'function' && typeof callback === 'function') { try { callback(); } catch (e) { console.error('Error in DataTable callback:', e); } } else if (retries > 0) { console.warn('DataTable plugin not loaded, retrying... (' + (4 - retries) + '/3)'); setTimeout(function() { window.BravenetLibraryLoader.safeDataTable(callback, retries - 1); }, 500); } else { console.error('DataTable plugin not available after all retries'); } }, // Check if bnFlexibleDataTable plugin is available and call a function safeFlexibleDataTable: function(callback, retries) { retries = retries || 3; if (typeof $.fn.bnFlexibleDataTable === 'function' && typeof callback === 'function') { try { callback(); } catch (e) { console.error('Error in bnFlexibleDataTable callback:', e); } } else if (retries > 0) { console.warn('bnFlexibleDataTable plugin not loaded, retrying... (' + (4 - retries) + '/3)'); setTimeout(function() { window.BravenetLibraryLoader.safeFlexibleDataTable(callback, retries - 1); }, 500); } else { console.error('bnFlexibleDataTable plugin not available after all retries'); } }, // Check if ForumManager is available and call a function safeForumManager: function(callback, retries) { retries = retries || 3; if (typeof ForumManager !== 'undefined' && typeof callback === 'function') { try { callback(); } catch (e) { console.error('Error in ForumManager callback:', e); } } else if (retries > 0) { console.warn('ForumManager not loaded, retrying... (' + (4 - retries) + '/3)'); setTimeout(function() { window.BravenetLibraryLoader.safeForumManager(callback, retries - 1); }, 500); } else { console.error('ForumManager not available after all retries'); } }, // Check if toastr is available and call a function safeToastr: function(callback, retries) { retries = retries || 3; if (typeof toastr !== 'undefined' && typeof callback === 'function') { try { callback(); } catch (e) { console.error('Error in toastr callback:', e); } } else if (retries > 0) { console.warn('toastr not loaded, retrying... (' + (4 - retries) + '/3)'); setTimeout(function() { window.BravenetLibraryLoader.safeToastr(callback, retries - 1); }, 500); } else { console.error('toastr not available after all retries'); } }, // Check if sparkline plugin is available and call a function safeSparkline: function(callback, retries) { retries = retries || 3; if (typeof $.fn.sparkline === 'function' && typeof callback === 'function') { try { callback(); } catch (e) { console.error('Error in sparkline callback:', e); } } else if (retries > 0) { console.warn('sparkline plugin not loaded, retrying... (' + (4 - retries) + '/3)'); setTimeout(function() { window.BravenetLibraryLoader.safeSparkline(callback, retries - 1); }, 500); } else { console.error('sparkline plugin not available after all retries'); } }, // Check if Tour library is available and call a function safeTour: function(callback, retries) { retries = retries || 3; if (typeof Tour !== 'undefined' && typeof callback === 'function') { try { callback(); } catch (e) { console.error('Error in Tour callback:', e); } } else if (retries > 0) { console.warn('Tour library not loaded, retrying... (' + (4 - retries) + '/3)'); setTimeout(function() { window.BravenetLibraryLoader.safeTour(callback, retries - 1); }, 500); } else { console.error('Tour library not available after all retries'); } } }; // Global error handler for uncaught JavaScript errors window.addEventListener('error', function(e) { console.warn('JavaScript error caught:', e.message, 'at', e.filename + ':' + e.lineno); // Don't prevent default to allow normal error handling }); // Global unhandled promise rejection handler window.addEventListener('unhandledrejection', function(e) { console.warn('Unhandled promise rejection:', e.reason); // Prevent the default browser behavior e.preventDefault(); }); (function($){ $(document).ready(function(){ $('.bn-forum-row:last').addClass('last'); // Bravenet.jQuery('*[title]').simpletooltip({ // 'position': 'top', // 'background_color': '#000', // 'border_width': 2, // 'border_color': '#222', // 'arrow_width': 6 // }); // Forum uploaded image caption hover effect $('.forum-uploaded-image').hover( function() { // Skip temporary uploaded images when in new post mode to prevent duplication if (window.isNewPostMode && $(this).closest('.bn-forum-threads').not('.is-preview').length && $(this).find('img').attr('src').indexOf('/forum/upload/tmp/') !== -1) { return; // Skip this image } $(this).find('.image-caption').css('opacity', '1'); }, function() { // Skip temporary uploaded images when in new post mode to prevent duplication if (window.isNewPostMode && $(this).closest('.bn-forum-threads').not('.is-preview').length && $(this).find('img').attr('src').indexOf('/forum/upload/tmp/') !== -1) { return; // Skip this image } $(this).find('.image-caption').css('opacity', '0'); } ); // Admin image removal function window.removeImageByAdmin = function(imageId, msgId) { if (!confirm('Are you sure you want to remove this image? This action cannot be undone.')) { return; } // Find and immediately remove the image from DOM (optimistic update) // Use data attributes for efficient, direct lookup var $imageElement = $('.admin-remove-image[data-image-id="' + imageId + '"]').closest('.forum-uploaded-image'); if ($imageElement) { // Add visual feedback - fade out and remove $imageElement.css({ 'opacity': '0.3', 'transition': 'opacity 0.3s ease' }); setTimeout(function() { $imageElement.fadeOut(300, function() { $(this).remove(); }); }, 200); } else { // If we can't find the image element, show an error alert('Could not find image to remove. Please refresh the page and try again.'); return; } // Make the server request $.ajax({ url: '/forum/admin-remove-image/', type: 'POST', data: { image_id: imageId, msgid: msgId }, dataType: 'json', success: function(response) { if (response.success) { // Success - image was already removed from DOM console.log('Image removed successfully. Post will be marked as edited by moderator.'); // Update the post to show "Edited by Moderator" text var $postContainer = $imageElement.closest('.bn-forum-threads-post-comment, .bn-forum-threads-post'); if ($postContainer.length > 0) { // Check if "Edited by Moderator" text already exists if ($postContainer.find('.edited-by-moderator').length === 0) { // Add the "Edited by Moderator" text var editText = '<div class="edited-by-moderator" style="font-style: italic; color: #666; font-size: 12px; margin-top: 5px;">(Edited by Moderator)</div>'; $postContainer.append(editText); } } } else { // Server error - log but don't restore (user already sees it's gone) console.log('Server error removing image:', response.error || 'Unknown error'); // Note: We don't restore the image since the user expects it to be gone } }, error: function() { // Network error - log but don't restore console.log('Network error removing image'); // Note: We don't restore the image since the user expects it to be gone } }); }; }); })(Bravenet.jQuery); // Forum Image Lightbox Functionality (function($) { var forumImages = []; var currentImageIndex = 0; // Function to open lightbox with specific image window.openForumImageLightbox = function(imageSrc, imageAlt) { // Collect all forum images on the page forumImages = []; $('.forum-uploaded-image img').each(function() { // Skip temporary uploaded images when in new post mode to prevent duplication, // but DO include them inside preview blocks if (window.isNewPostMode && $(this).closest('.bn-forum-threads').not('.is-preview').length && $(this).attr('src').indexOf('/forum/upload/tmp/') !== -1) { return; // Skip this image } forumImages.push({ src: $(this).attr('src'), alt: $(this).attr('alt') }); }); // Find current image index currentImageIndex = 0; for (var i = 0; i < forumImages.length; i++) { if (forumImages[i].src === imageSrc) { currentImageIndex = i; break; } } // Set up modal var modal = $('#forum-image-modal'); var modalImg = modal.find('img'); var prevBtn = modal.find('.modal-previous'); var nextBtn = modal.find('.modal-next'); var closeBtn = modal.find('.close-modal'); // Show/hide navigation buttons if (forumImages.length <= 1) { prevBtn.hide(); nextBtn.hide(); } else { prevBtn.show(); nextBtn.show(); } // Set current image and filename modalImg.attr('src', imageSrc).attr('alt', imageAlt); modal.find('.image-filename').text(imageAlt); // Show modal modal.addClass('active'); // Navigation functions function showPrevious() { if (forumImages.length > 1) { currentImageIndex = (currentImageIndex - 1 + forumImages.length) % forumImages.length; modalImg.attr('src', forumImages[currentImageIndex].src).attr('alt', forumImages[currentImageIndex].alt); modal.find('.image-filename').text(forumImages[currentImageIndex].alt); } } function showNext() { if (forumImages.length > 1) { currentImageIndex = (currentImageIndex + 1) % forumImages.length; modalImg.attr('src', forumImages[currentImageIndex].src).attr('alt', forumImages[currentImageIndex].alt); modal.find('.image-filename').text(forumImages[currentImageIndex].alt); } } function closeModal() { modal.removeClass('active'); } // Bind events (using jQuery 1.5.1 compatible methods) prevBtn.unbind('click').bind('click', function(e) { e.preventDefault(); e.stopPropagation(); showPrevious(); }); nextBtn.unbind('click').bind('click', function(e) { e.preventDefault(); e.stopPropagation(); showNext(); }); closeBtn.unbind('click').bind('click', function(e) { e.preventDefault(); e.stopPropagation(); closeModal(); }); // Close on background click modal.unbind('click').bind('click', function(e) { if (e.target === this) { closeModal(); } }); // Keyboard navigation $(document).unbind('keydown.forumLightbox').bind('keydown.forumLightbox', function(e) { if (modal.hasClass('active')) { switch(e.which) { case 27: // Escape closeModal(); break; case 37: // Left arrow showPrevious(); break; case 39: // Right arrow showNext(); break; } } }); }; })(Bravenet.jQuery); </script> </div> <br style="clear: both;"> <div class="clear"> </div>  <div id="footerWrap"> <div id="footer"> <ul> <li class="first"><a href="http://www.bravenet.com/webtools/affiliate/index.php">affiliates</a></li> <li><a href="http://resources.bravenet.com/index.php">resources</a></li> <li><a href="http://www.bravenet.com/global/terms.php">terms/privacy</a></li> <li><a href="http://www.bravenet.com/global/about.php">about bravenet</a></li> <li><a href="http://www.bravenetmedianetwork.com">advertising</a></li> <li><a href="http://www.bravenet.com/global/partners.php">partners</a></li> <li><a href="http://www.bravenet.com/global/contact.php">contact</a></li> <li class="last"><a href="http://www.bravenet.com/global/sitemap.php">sitemap</a></li> </ul> <div id="copy">all contents copyright 1997-2009 Bravenet Web Services Inc.</div> </div> </div> </div> <br><br> <div id="bn-dialog"></div> </body> </html>