Skip to main content Screen Reader Website Version

Jquery Simple Fadeout

A cute little snippet to show a simple green bar upon a successful edit.

<?php
if(isset($_GET[‘edit’])){
?>
<div id=’notifyy’> Edited Successfully </div>
    <script type=”text/javascript”>
    $( ‘#notifyy’ ).show(function(){
    $(this).fadeOut(5000);
    });
    </script>
<?php
}
?>
The CSS:
#notifyy{width:100%;background:#2f5001;padding:4px 15px;color:#fff;}

Always, Gainesville Web Design

More Web Design Blog Content

WP: Adding a HTML5 Search Form

A simple script from your local Gainesville Web Designer. [code scroll=”false” language=”htmml”] <form role=”search” method=”get” class=”search-form” action=”<?php echo home_url( ‘/’ ); ?>”> <label> <span class=”screen-reader-text”><?php echo _x( ‘Search for:’, ‘label’ ) ?></span> <input type=”search” class=”search-field” placeholder=”<?php echo esc_attr_x( ‘Search …’, ‘placeholder’ ) ?>” value=”<?php echo get_search_query() ?>” name=”s” title=”<?php echo esc_attr_x( ‘Search

New Projects

We’re excited to have new projects coming in on a regular basis. On the menu for the next few weeks are some great opportunities to expand our portfolio and our reach. Lake Butler is electing a new Sheriff soon and we’ll be creating one of the candidate’s websites.

The Greatest Watch In The History Of Mankind

Well, this has little … really nothing … to do with website design or SEO but we would like to take a moment to recognize the greatest wood watch in the entire world. This thing is decked out. Sleek, modern and unique. It slides on like a Gregory

No Business is too Small for Mobile

No matter how small your business is, you need to be on mobile. There are more mobile users these days than traditional desktop/laptop users, so the benefit is apparent. If your website is not mobile ready, you are at a distinct disadvantage. First, the user will probably have

CSS Animation, The New Flash?

I’ve used it, so I am not immune to the pull of CSS animation, but what are we doing here folks? Used sparingly, CSS animation is at best a small way to augment conversions (button wiggle), but at worst it is a resource hog that destroys readability and

Jquery Simple Fadeout

A cute little snippet to show a simple green bar upon a successful edit. <?php if(isset($_GET[‘edit’])){ ?> <div id=’notifyy’> Edited Successfully </div>     <script type=”text/javascript”>     $( ‘#notifyy’ ).show(function(){     $(this).fadeOut(5000);     });     </script> <?php } ?> The CSS: #notifyy{width:100%;background:#2f5001;padding:4px 15px;color:#fff;} Always,