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
reducing cumulative layout shift (CLS)

Reducing Cumulative Layout Shift (CLS)

NEED HELP REDUCING CLS? Enter Your Website Below For Personal Recommendations:   Fill out my online form. In the fast-evolving landscape of web design, one metric that has gained significant attention among developers and SEO experts alike is the Cumulative Layout Shift (CLS). Since it directly affects user

Jquery XML Shopping Cart

We’ve built all kinds of shopping carts – many from the ground up. Experienced with all the third party vendors – zencart, opencart, xcart, etc… we know that clients need something completely customized sometimes. Many shopping carts are simply to complicated for some clients to use – also

The Amazon Dams Network

Proud to present the first online version of the Amazon Dams Network. This has been a project Livewire has been working on for several months with the University of Florida and other members from around the world. This has been a very exciting project and we are pleased

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

Haile’s Angels Pet Rescue has a New Website

Customized WP theme – a great choice for a great organization. Haile’s Angels continues to do some great work in our community focusing on our four legged friends. They take in a good number of pets each month and try to find them forever homes. As a no-kill

Leverage Browser Caching

When a webpage loads on your screen there are a lot of little pieces that have come together to create what you’re seeing. Your logo, other images, style sheets, javascript files are among some of the external resources a webpage might use to render itself on your screen.