Channel Wizard

Dynamic HTML Samples

Ready to add some pizzazz with Dynamic HTML to your channel? Below, we've provided three samples that you can copy and paste directly to your channel pages.

All of these samples require the following SCRIPT code. Please add the code directly to the <HEAD> section of your HTML document:

<SCRIPT LANGUAGE="Javascript"> <!-- var bIsIE4 = navigator.userAgent.indexOf("MSIE 4.0") != -1 && navigator.userAgent.indexOf("b1") == -1 //--> </SCRIPT>
Now you can copy any or all of the sample code snippets below to the same document.
Sample 1: Dynamic color change for text
Sample in action (move your mouse cursor over the text to see it change color): your text here

Copy and paste the code below:

<SPAN ONMOUSEOVER="bIsIE4?this.style.color='red':null" ONMOUSEOUT="bIsIE4?this.style.color='blue':null" >your text here</SPAN>
Sample 2: Dynamic text swapping for links
Sample in action (move your mouse cursor over the text to see it change): your-text-here

Copy and paste the code below:

<A HREF="your_link_here" ONMOUSEOVER="bIsIE4?this.innerText='Click Me Please':null" ONMOUSEOUT="bIsIE4?this.innerText='your_text_here':null" >your-text-here</A>
Sample 3: Dynamic graphic
Sample in action (click the image to see the special effects):

Right-click the graphic above and choose "Save Picture As" to copy it to your system. Then copy and paste the code below. (If you'd like to use your own graphic, be sure to change the filename, width, and height parameters in the <DIV> code.)

<SCRIPT LANGUAGE="Javascript"> <!-- function transitionImage() { if (bIsIE4) { if (idTransDiv.filters.item(0).status == 0) { idTransDiv.filters.item(0).apply() idTransDiv.filters.item(0).transition = 23 idImage.style.visibility == "visible"? idImage.style.visibility = "hidden": idImage.style.visibility = "visible" idTransDiv.filters(0).play(1.000) } } } //--> </SCRIPT> <DIV ID="idTransDiv" ONCLICK="transitionImage()" STYLE="position:relative; top:0; left:0; height:129; width:69; cursor:hand; background-color:royalblue; filter:revealTrans(duration=3.0, transition=0);"> <IMG id="idImage" STYLE="position:absolute; top:0; left:0; padding:0; visibility:visible;" HEIGHT=129 WIDTH=69 BORDER=0 SRC="imWiz.gif"> </DIV> For additional Dynamic HTML samples, be sure to visit the Tools & Samples area of the Web site.

For more information about channels, click "More..." below.