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

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

Case Study: Rose Petals Nursery

Rose Petals Nursery is a website that we have been involved with for some time. We love the site and we love Cydney, who runs everything. Our Gainesville Website Design team create the website and we do all of the optimization. As you can see below, the site

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

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,