792 Phillips Road || Arroyo Grande, CA 93420-5019 || Phone: (805) 489-5309
| SERVICES | FREEBIES | TIPS and TRICKS | ARTICLES | HOME | WOODWORKING |
DEV-X
Tech Tips
Tim's Visual Basic Tips Tricks
VB Helper Tips
VBTechniques Tips
Microsoft Tips
Code Magician
Francesco Belena's Tip BankWEB Page Transitions
You can add some interesting effects to the entry or exit from your WEB pages with a simple META tag statement placed somewhere in the header setion of a page. The statement (which only works on I.E. 4.0 or later, and not at all in frames) looks like:<META http-equiv="Page-Enter" content="revealTrans(Transition=23,Duration=1.000)">Use "Page-Enter" or "Page-Exit" to choose whether to apply the effect upon entry or exit from the page. "Transition" specifies the type of transition and there appear to be 24 types (0 to 23). The sample value of 23 is for random. "Duration" is how long the transition takes to display in seconds. Used selectively, the effect is to jazz up a page and make it more interesting. You can see the full set of "Transition" values on the I.E. 4.0 Quick Links page.
Play some sounds!
Here's how to use the Windows Media Player on an ASP page. Just embed the control in the page using the <object> tag:
<OBJECT ID=
"mPlayer" classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95"
TYPE=
"application/x-oleobject">
<PARAM NAME="FileName"
VALUE= "playbackfilename.asf">
<PARAM NAME="ShowControls" VALUE=
"FALSE">
</OBJECT>
Then use vbScript code similar to this to allow the user to operate the control:
<img
src=
"play.gif" title="Play" onclick=
"mPlayer.Play()">
<img src=
"pause.gif"
title=
"Pause" onclick=
"mPlayer.Pause()">
<img src=
"stop.gif" title="Stop" onclick=
"mPlayer.Stop()">
Or, set ShowControls to TRUE and let the control display its own
controls. If you want it to play automatically, just execute mPlayer.Play at an
appropriate place. For more information, checkout http://msdn.microsoft.com/windowsmedia
PopUp Windows the JavaScript Way
Here's how to produce a pop-up window on a WEB page via JavaScript. Pop-up windows are useful in situations where you want to be able to show something more without the viewer losing the page he/she is on. First, put the following JavaScriptlet in the page header. Note that there is a LONG string in the call to window.open which must remain as one line. Note also that you have considerable control over how the window displays.
<HEAD><!-- Start script goes in head tag-->
<script language="JavaScript">
<!-- hide from JavaScript-challenged browsers
function openWindow(url)
{popupWin = window.open(url, 'remote',
'menubar=no, toolbar=no, location=no, directories=no, status=no, scrollbars=no, resizable=yes, dependent, width=400, height=400, left=50, top=50')
}
// done hiding -->
</script>
<!-- End script, goes in Head tag -->
</HEAD>
Then where you wish to have a window open you place an appropriate reference such as one of these:
<A href="javascript:openWindow('yournewwindow.html');">Click to Open new window</A>
<A href="javascript:openWindow('yourbigpicture.jpg');"><IMG border=0 src="thumbnail.gif"></A>
<A href="javascript:openWindow('yourhelpfile.hlp');">Click to get HELP!</A>
PopUp Windows the HTML Way
Here's how to produce a pop-up window on a WEB page using plain old HTML.
Just use the TARGET parameter in your href tag with a value of "new" or "_blank" such as:
<A href="products.htm" target="_blank">Take a look at THIS!</A>
|
|