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

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

An Accessibility Mindset

How often do you receive this response when inquiring about making a website more accessible? We wish we could devote more resources to it, but at the moment we just don’t know enough to get started. The value and necessity of making websites accessible are generally recognized. Almost

What is Lorem Ipsum?

Lorem ipsum is simply Latin text. Gobbledygook, essentially. Well, not really; It does have its roots in latin text from just before the BC to BCE line, so that puts it around 2000 years old. Past that, it’s gibberish.  Sometimes web developers need filler text to create web

Extend Your iPhone or iPad Battery Life

A common problem in todays world – batteries haven’t really kept up with the rest of the tech world and are absolutely the weak link in virtually any modern day tech pack. Things have gotten better over the years. My smartphone lasts about 18 hours depending on usage

Add YARPP to Custom Post Types: WordPress

A great little plugin for adding related posts to your blog has been around for a while: YARPP, Yet Another Related Posts Plugin. It’s fairly robust, for being free, but it does not natively support custom post types – a bummer. A quick way around this is to