- 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

Dan Shelby

Aug 13, 2004 - 2:24PM

Interim html page

My web page includes links to three other html programs. When the user clicks on one of them, a screen shows up with a small object in the upper left corner and this remains on the screen until the object web page is loaded. This usually takes 10 to 20 seconds. I was wondering if there was some page that could be inserted during this interim period to let the user know to be patient. Hopefully, this makes sense.

Email Website

Aug 13th, 2004 - 2:24 PM

JimBb

Aug 14, 2004 - 1:09AM

Re: Interim html page

You mean the three links on the left (Previous schedule etc.)? The objects are images, and if you code the images according to the standards, you could indeed have a small message.

For example, on julydance.htm, you currently have a heap of rubbishcode generated by Word - which is not a standards compliant web editor by far. Believe it or not, but the following code would do exactly the same:

July Schedule</head><br /> <body bgcolor="white"><br /> <div align="center"><br /> <img src="./julydance_files/image001.jpg" width="431" height="596" alt="Please wait while the schedule loads" title="Schedule for July"><br /> </div><br /> </body><br /> </html><br /> <br /> (right-click that page to see the difference <img src="http://images.bravenet.com/common/images/smilies/2_smile.gif" border="0" alt=""> )<br /> What this will do is show "Please wait while the schedule loads", while the image is being transferred from your site.<br /> <br /> Now the reason it takes 10-20 seconds (on broadband, I don't want to think about dial-up) is that the picture you're using is waaaay too big. Its real size is 1670x2308 pixels, and if you know that the average surfer today uses a 1024x768 screen resolution, you'll see that the picture is about 5 times as big as the visitor's screen. Which is pointless, plus it makes the filesize of the picture ridiculously big (almost 400 KB). Look for a good graphics program (<a href="http://www.irfanview.com"><u>Irfanview</u></a> is free and does the trick) and resize your images before uploading them. Your pictures will load a lot faster.<br /> <br /> Jim</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://gettingstartedwith.bravehost.com" style="n color: #666666">Website</a> </div> <div class="bn-forum-thread-date">Aug 14th, 2004 - 1:09 AM</div> </div> </div> </div> </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_419568" class="bn-forum-row"> <div class="bn-forum-threads-post-author"> <a name="bn-forum-post-419568-2385378114"></a> <div class="bn-forum-avatar-2" style="background-color:#1cbf50">d</div> <div class="bn-forum-name"><a id="threadlink-419568" class="bn-forum-thread-link" rel="history" href="show.php?usernum=2385378114&cmd=search&searchby=user&searchfor=Dan%2BShelby&cp=0&frmid=52"><span title="Messages from this User">Dan Shelby</span></a></div> <div class="bn-forum-date">Aug 14, 2004 - 12:05PM</div> </div> <div class="bn-forum-threads-post-comment"> <div class="bn-forum-message-title"> <div class="post_reply_buttons"> </div> <strong>Re: Interim html page</strong> </div> <div class="bn-forum-message-body"> <p>Thanks a lot. I realized the code created by Word was not the best way to do it. Your simplification worked great. Thanks again!!!<img src="http://images.bravenet.com/common/images/smilies/2_smile.gif" border="0" alt=""> </p> <div class="bn-forum-thread-links-date"> <div class="bn-forum-thread-links"> <i class="bn-icon bn-icon-mail-alt"></i> <a href="mailto:danshlby@cox.net" style="n color: #666666">Email</a> <i class="bn-icon bn-icon-home-2"></i> <a href="http://members.cox.net/dansked" style="n color: #666666">Website</a> </div> <div class="bn-forum-thread-date">Aug 14th, 2004 - 12:05 PM</div> </div> </div> </div> </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_419572" class="bn-forum-row"> <div class="bn-forum-threads-post-author"> <a name="bn-forum-post-419572-2385378114"></a> <div class="bn-forum-avatar-2" style="background-color:#fe681e">j</div> <div class="bn-forum-name"><a id="threadlink-419572" class="bn-forum-thread-link" rel="history" href="show.php?usernum=2385378114&cmd=search&searchby=user&searchfor=JimBb&cp=0&frmid=52"><span title="Messages from this User">JimBb</span></a></div> <div class="bn-forum-date">Aug 14, 2004 - 12:09PM</div> </div> <div class="bn-forum-threads-post-comment"> <div class="bn-forum-message-title"> <div class="post_reply_buttons"> </div> <strong>You're welcome :-)</strong> </div> <div class="bn-forum-message-body"> <p><img src="http://images.bravenet.com/common/images/smilies/2_smile.gif" border="0" alt=""> <br /> <br /> Jim<p>--- --- --- --- --- --- --- --- ---</p><p><strong>Replying to:</strong></p><p>Thanks a lot. I realized the code created by Word was not the best way to do it. Your simplification worked great. Thanks again!!!<img src="http://images.bravenet.com/common/images/smilies/2_smile.gif" border="0" alt=""></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://jim-on-the-web.bravepages.com" style="n color: #666666">Website</a> </div> <div class="bn-forum-thread-date">Aug 14th, 2004 - 12:09 PM</div> </div> </div> </div> </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"> (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 // }); }); })(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>