Javascript  »  Nützliches  »  Scrollbalken Design Tool 2

zur Übersicht

Kategorie	Nützliches
Bezeichnung	Scrollbalken Design Tool 2
ScriptDemo	Neues Fenster für Demo öffnen
Statistik	15173 Aufrufe davon 1x gestern
Keine Beschreibung vorhanden.
Javascript-Quellcode  (einfach markieren, kopieren und lokal abspeichern) <script language = "javascript"> <!-- var ie = document.all ? 1 : 0 var ns = document.layers ? 1 : 0 if(ie){ document.write('<style type="text/css">') document.write('.textfield {font-size:10pt; font-family:arial; color:#39597D; font-weight:bold;}\n') document.write('.hexfield {font-size:10pt; font-family:verdana, arial, helvetica; font-weight:bold; color:#FFFFFF; border-width:2px; background-color:#7E93AA;}\n') document.write('.buttons {font-size:10pt; font-family:verdana, arial, helvetica; font-weight:bold;\n') document.write('color:#FFFFFF; border-style:solid; border-color:#39597D; border-width:2px; background-color:#7E93AA;}\n') document.write('</style>') } //--> </script> <script language = "javascript"> <!-- function generate(){ csscontentpart = "" facecolor = "" highlightcolor = "" tdlightcolor = "" darkshadowcolor = "" shadowcolor = "" arrowcolor = "" trackcolor = "" if(document.barspecs.face.value != ""){facecolor = document.barspecs.face.value} if(document.barspecs.highlight.value != ""){highlightcolor = document.barspecs.highlight.value} if(document.barspecs.tdlight.value != ""){tdlightcolor = document.barspecs.tdlight.value} if(document.barspecs.darkshadow.value != ""){darkshadowcolor = document.barspecs.darkshadow.value} if(document.barspecs.shadow.value != ""){shadowcolor = document.barspecs.shadow.value} if(document.barspecs.arrow.value != ""){arrowcolor = document.barspecs.arrow.value} if(document.barspecs.track.value != ""){trackcolor = document.barspecs.track.value} if(facecolor != ""){csscontentpart += "scrollbar-face-color: " + facecolor + ";\n"} if(highlightcolor != ""){csscontentpart += "scrollbar-highlight-color: " + highlightcolor + ";\n"} if(tdlightcolor != ""){csscontentpart += "scrollbar-3dlight-color: " + tdlightcolor + ";\n"} if(darkshadowcolor != ""){csscontentpart += "scrollbar-darkshadow-color: " + darkshadowcolor + ";\n"} if(shadowcolor != ""){csscontentpart += "scrollbar-shadow-color: " + shadowcolor + ";\n"} if(arrowcolor != ""){csscontentpart += "scrollbar-arrow-color: " + arrowcolor + ";\n"} if(trackcolor != ""){csscontentpart += "scrollbar-track-color: " + trackcolor + ";\n"} cssstart = '<STYLE type="text/css">' + "\n" + "<!--" + "\n" + "BODY {" + "\n" cssend = "}" + "\n" + "-->" + "\n" + '</STYLE>' + "\n" document.barspecs.scrollcode.value = cssstart + csscontentpart + cssend } //--> </script> <style type="text/css"> <!-- .hexfield { font-size:10pt; font-family:verdana, arial, helvetica; font-weight:bold; color:#FFFFFF; border-width:2px; background-color:#7E93AA; } .buttons { font-size:10pt; font-family:verdana, arial, helvetica; font-weight:bold; color:#FFFFFF; border-style:solid; border-color:#39597D; border-width:2px; background-color:#7E93AA; } --> </style> <SCRIPT LANGUAGE="JavaScript"> <!-- function open () {return true;} //--> </SCRIPT> </HEAD> <script language="JavaScript"> <!-- function stopError() { return true; } window.onerror = stopError; //--> </script> <!-- End of Angelfire Ad Code Insertion --> <table cellpadding="5" cellspacing="0" border="0" width="90%"> <tr> <td width="393"> <table border="0" cellpadding="10" cellspacing="0" width="100%"> <tr> <td width="100%"><font class="NArial"><b>Scrollbar Generator Notes:</b><br> - The scrollbar colors will only appear in IE5.5. They will have no effect in any other browser or browser version.<br> <br> - You may choose not to enter a color value into a certain field. If you do, that element within the scrollbar will retain its default color.<br> </font></td> </tr> </table> <form name="barspecs"> <input name="navlinks" type="hidden"> <table bgcolor="#39597d" border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr> <td width="100%"> <table border="0" cellpadding="7" cellspacing="0" width="100%"> <tbody> <tr> <td width="100%"><b><font class="NArial" color="#ffffff">Scrollbar Properties</font></b></td> </tr> </tbody> </table> <table border="0" cellpadding="0" cellspacing="1" width="100%"> <tbody> <tr> <td bgcolor="#a5b4c4" width="52%"> <table border="0" cellpadding="4" cellspacing="0" width="100%"> <tbody> <tr> <td align="right" width="25%"><b><font class="NArial" color="#ffffff">face-color:</font></b></td> <td width="75%"> <input class="hexfield" name="face" size="10"> </td> </tr> <tr> <td align="right" bgcolor="#b9c5d1" width="25%"><b><font class="NArial" color="#ffffff">highlight-color:</font></b></td> <td bgcolor="#b9c5d1" width="75%"> <input class="hexfield" name="highlight" size="10"> </td> </tr> <tr> <td align="right" bgcolor="#b9c5d1" width="25%"><b><font class="NArial" color="#ffffff">3dlight-color:</font></b></td> <td bgcolor="#b9c5d1" width="75%"> <input class="hexfield" name="tdlight" size="10"> </td> </tr> <tr> <td align="right" width="25%"><b><font class="NArial" color="#ffffff">darkshadow-color:</font></b></td> <td width="75%"> <input class="hexfield" name="darkshadow" size="10"> </td> </tr> <tr> <td align="right" width="25%"><b><font class="NArial" color="#ffffff">shadow-color:</font></b></td> <td width="75%"> <input class="hexfield" name="shadow" size="10"> </td> </tr> <tr> <td align="right" bgcolor="#b9c5d1" width="25%"><b><font class="NArial" color="#ffffff">arrow-color:</font></b></td> <td bgcolor="#b9c5d1" width="75%"> <input class="hexfield" name="arrow" size="10"> </td> </tr> <tr> <td align="right" bgcolor="#b9c5d1" width="25%"><b><font class="NArial" color="#ffffff">track-color:</font></b></td> <td bgcolor="#b9c5d1" width="75%"> <input class="hexfield" name="track" size="10"> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table border="0" cellpadding="4" cellspacing="0" width="100%"> <tbody> <tr> <td align="right" width="249"> </td> <td align="right" width="231"> <input class="buttons" onClick="generate()" type="button" value="Create!" onMouseOver="javascript:this.style.backgroundColor='#ffffff'; javascript:this.style.color='#7E93AA';" style="COLOR: #ffffff; BACKGROUND-COLOR: #7E93AA" onFocus="javascript:this.blur()" onMouseOut="javascript:this.style.backgroundColor='#7E93AA'; javascript:this.style.color='#FFFFFF';" name="button"> </td> </tr> </tbody> </table> <table border="0" cellpadding="1" cellspacing="0" width="100%"> <tbody> <tr> <td align="middle" bgcolor="#39597d" width="100%"> <table border="0" cellpadding="10" cellspacing="0" width="100%"> <tbody> <tr> <td align="middle" bgcolor="#a5b4c4" width="100%"><b><font class="NArialW">Scrollbar CSS code:</font></b> <textarea class="hexfield" cols="55" name="scrollcode" rows="10"></textarea> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </form> </td> </tr> </table>

Kommentare zu Scrollbalken Design Tool 2

0 Kommentar(e) vorhanden / Anzeige der neuesten 5

Noch keine Kommentare zu diesem Javascript vorhanden.


Alle Kommentare anzeigen   -   Kommentar hinzufügen