Tony Virelli - Web Developer - HTML, xHTML, PHP, MySQL, JavaScript» JavaScript

Fix ShadowBox.js In Internet Explorer 8

Tony Virelli — Tue, 25 May 2010 18:03:23 +0000

So at my office we use ShadowBox a lot.

Well with the release of Internet Explorer 8 our sites that use ShadowBox no longer worked. Oh, they worked in IE6, IE7, FireFox, Chrome, Safari & Opera, but not in IE8 (a.k.a. The Broken Browser!).

So after some Googling around I found this tip:

1. Go to your path where skin.css is on your server: */skin/classic/
2. Open skin.css and add the following lines:

#shadowbox_title {
  border: 0px solid;
}
 
#shadowbox_info {
  border: 0px solid;
}

So there you have it! ShadowBox should work in IE8 for you now!

JavaScript Confirm Delete

Tony Virelli — Thu, 04 Dec 2008 09:45:57 +0000

Use a javascript alert box to confirm that a user really wants to continue with the action.

<script type="text/javascript">// 
function confirmDelete(delUrl) {
    if (confirm("Are you sure you want to delete")) {
        document.location = delUrl;
    }
}
// ]]>
script>

;Delete

Another way to do this is

Delete

Simple Toggle Visibility

Tony Virelli — Wed, 15 Oct 2008 10:09:21 +0000

This is a simple toggle visibility or show/hide function. I use it all the time.

First insert this function into the head section:

<script type="text/javascript">// 
 function toggle_visibility(id) {     var e = document.getElementById(id);     if(e.style.display == 'block'){         e.style.display = 'none';     }else{        e.style.display = 'block';     } }
// ]]>
script>

Then use the code below to call the function:

Click here to toggle visibility of element #foo
This is foo