Website Code fix for non-flash navigation

Started by David, February 16, 2012, 02:35:17 PM

Previous topic - Next topic

David

I got tired of not being able to navigate on here because the navigation bar requires Flash.  Since iOS, any Android devices using Android 4.0 or later, and OS X 10.7 or later does not support/include Flash it would be nice to have a non-flash navigation bar.  I whipped up something simple that is at least much better then not being able to navigate.  Someone will need to add a css file which I have attached to this message and import that css file on each midnite solar page with the following (first style include that already exists on the pages is shown for reference):

        <style type="text/css" media="all">@import "http://www.midnitesolar.com/style2.css";</style>
<style type="text/css">
@import url("http://www.midnitesolar.com/navbar.css");
</style>


Replace the contents of the "myAlternativeContent" with the following (can be shortened by removing the full URL):


        <div id="myAlternativeContent">
<div id="nav">
<ul>
<li><a href="http://www.midnitesolar.com/index.php">HOME</a></li>
<li><a href="http://www.midnitesolar.com/distributors_stocking.php">WHERE TO BUY</a></li>
<li><a href="http://www.midnitesolar.com/documentIndex.php">DOCUMENTS</a></li>
<li><a href="http://www.midnitesolar.com/galleryIndex.php">GALLERY</a></li>
<li><a href="http://www.midnitesolar.com/productCat.php">PRODUCTS</a></li>
<li><a href="http://www.midnitesolar.com/schedule.php">SCHEDULE</a></li>
<li><a href="http://www.midnitesolar.com/firmware.php">FIRMWARE</a></li>
<li><a href="http://www.midnitesolar.com/support.php">SUPPORT</a></li>
<li><a href="http://www.midnitesolar.com/printPriceList.php">PRICE LIST</a></li>
<li><a href="http://www.midnitesolar.com/smf_forum/index.php">FORUM</a></li>
</ul>
</div>
       </div>




[attachment deleted by admin]

boB

Hi David.   Thank you for the input.

There has been a non-flash navigation bar at the bottom of the web page for quite a while now.
That was done especially for iOS devices.

However, we use Adobe PDF documents and there are no HTML only versions of a lot of those.
That will most likely not be changing anytime soon though.

I was unaware that OS X 10.7 and greater and Android 4.0 did not support flash.  I think that Adobe will
have support for Android 4 soon though... I hope.

If Apple has stopped supporting flash in OS X, then I will not be upgrading my OS X.  I will keep my lower OS X revision.
I appreciate that information.
boB

PS.  Sorry the non-flash html links at the bottom of the page are not all that large.


K7IQ 🌛  He/She/Me

David

Hi boB,
PDF files are not an issues even on iOS devices.  Those show up fine. 

OS X 10.7 does not come with Flash installed by default like it has in the past.  You can still install it manually or even use Chrome on OS X which has a Flash plugin built-in.  I do not have flash installed even on OS X just because I've found it to cause problems or use a lot of CPU usage.

I saw the links at the bottom but that requires you to always scroll way down and the site really does not look good with that "get adobe flash" at the very top.  Even on an iPad it has "get adobe flash" at the very top which is impossible to do.  Perhaps some kind of menu items can be added for non-flash people since it will not affect anyone that uses flash but will greatly improve the usability for those that don't have it installed.

David