#!/COMMUNITY
Members: 5598
davon online: 1
weitere User: 1
21.04.2018 / 11:34
Community-Member werden
|
Paßwort vergessen
|
OnlineMonitor (1)
Perl-Archiv
Forum
Javascript
Home
PERLscripts
PHPscripts
JAVAscripts
Hilfreiches
Links2www
Newscenter
Community
Interna
Javascript
Archivübersicht
Tutorials
Zum Forum
JS-Links
BuchTipps
WebForen
Forenübersicht
Neueste Themen
Ohne Antwort
Aktivste Themen
Themensuche
Forenarchiv
Javascript » Nützliches » Farbwähler
zur Übersicht
Kategorie
Nützliches
Bezeichnung
Farbwähler
ScriptDemo
Neues Fenster für Demo öffnen
Statistik
17311 Aufrufe davon 0x gestern
Keine Beschreibung vorhanden.
Javascript-Quellcode
(einfach markieren, kopieren und lokal abspeichern)
<style> td {width: 10px; height: 10px; font-size: 1px; cursor: hand;} </style> <script type="text/javascript"> <!-- var ie5 = document.getElementById != null; function doOver() { var el = window.event.srcElement; bgc = el.style.backgroundColor; if (bgc != "") { el.style.borderTopColor = "white"; el.style.borderLeftColor = "white"; el.style.borderRightColor = "black"; el.style.borderBottomColor = "black"; colorBox.style.backgroundColor = bgc; colorName.innerHTML = bgc; } } function doClick() { bgc = window.event.srcElement.style.backgroundColor; window.event.srcElement.style.borderColor = bgc; if (bgc != "") { document.Formular.farbe.value=bgc; } } function doOut() { var el = window.event.fromElement; bgc = el.style.backgroundColor; if (bgc != "") { el.style.borderColor = bgc; } } var colors = new Array("#330000","#333300","#336600","#339900","#33CC00","#33FF00","#66FF00","#66CC00","#669900","#666600","#663300","#660000","#FF0000","#FF3300","#FF6600","#FF9900","#FFCC00","#FFFF00","#330033","#333333","#336633","#339933","#33CC33","#33FF33","#66FF33","#66CC33","#669933","#666633","#663333","#660033","#FF0033","#FF3333","#FF6633","#FF9933","#FFCC33","#FFFF33","#330066","#333366","#336666","#339966","#33CC66","#33FF66","#66FF66","#66CC66","#669966","#666666","#663366","#660066","#FF0066","#FF3366","#FF6666","#FF9966","#FFCC66","#FFFF66","#330099","#333399","#336699","#339999","#33CC99","#33FF99","#66FF99","#66CC99","#669999","#666699","#663399","#660099","#FF0099","#FF3399","#FF6699","#FF9999","#FFCC99","#FFFF99","#3300CC","#3333CC","#3366CC","#3399CC","#33CCCC","#33FFCC","#66FFCC","#66CCCC","#6699CC","#6666CC","#6633CC","#6600CC","#FF00CC","#FF33CC","#FF66CC","#FF99CC","#FFCCCC","#FFFFCC","#3300FF","#3333FF","#3366FF","#3399FF","#33CCFF","#33FFFF","#66FFFF","#66CCFF","#6699FF","#6666FF","#6633FF","#6600FF","#FF00FF","#FF33FF","#FF66FF","#FF99FF","#FFCCFF","#FFFFFF","#0000FF","#0033FF","#0066FF","#0099FF","#00CCFF","#00FFFF","#99FFFF","#99CCFF","#9999FF","#9966FF","#9933FF","#9900FF","#CC00FF","#CC33FF","#CC66FF","#CC99FF","#CCCCFF","#CCFFFF","#0000CC","#0033CC","#0066CC","#0099CC","#00CCCC","#00FFCC","#99FFCC","#99CCCC","#9999CC","#9966CC","#9933CC","#9900CC","#CC00CC","#CC33CC","#CC66CC","#CC99CC","#CCCCCC","#CCFFCC","#000099","#003399","#006699","#009999","#00CC99","#00FF99","#99FF99","#99CC99","#999999","#996699","#993399","#990099","#CC0099","#CC3399","#CC6699","#CC9999","#CCCC99","#CCFF99","#000066","#003366","#006666","#009966","#00CC66","#00FF66","#99FF66","#99CC66","#999966","#996666","#993366","#990066","#CC0066","#CC3366","#CC6666","#CC9966","#CCCC66","#CCFF66","#000033","#003333","#006633","#009933","#00CC33","#00FF33","#99FF33","#99CC33","#999933","#996633","#993333","#990033","#CC0033","#CC3333","#CC6633","#CC9933","#CCCC33","#CCFF33","#000000","#003300","#006600","#009900","#00CC00","#00FF00","#99FF00","#99CC00","#999900","#996600","#993300","#990000","#CC0000","#CC3300","#CC6600","#CC9900","#CCCC00","#CCFF00","#000000","#333333","#666666","#999999","#cccccc","#ffffff"); function writeRow(ar) { var cells = 15; var str = ""; for (var i=0; i<ar.length; ) { str += "<tr>" for (var j=0; j<=cells && i<ar.length; j++) { str += "<td style='background-color: " + ar[i] + "; border: 1px outset " + ar[i] + ";'>"; str += " </td>\n"; i++; } str += "</tr>\n"; } return str; } //--> </script> </head> <body bgcolor="#f5f5f5"> <table cellspacing="0" cellpadding="0" onmouseover="doOver()" onmouseout="doOut()" onclick="doClick()" style="width: 160;"> <tr> <td colspan="15" style="font-family: verdana, helvetica; font-size: 9px; color: button-text; cursor: default; height: 15px;"><nobr>Farbe wählen:</nobr></td> </tr> <script> document.write(writeRow(colors)); </script> </table> <hr> <table> <tr> <td id="colorBox" style="border: 1px inset window; width: 15; height: 15; font-size: 2px; cursor: default;"> </td> <td id="colorName" style="border: 0; font-family: verdana, helvetica; font-size: 9px; color: button-text; cursor: default;">Farbcode</td> </tr> <form name="Formular"> <tr> <td colspan="2"><input type="text" name="farbe"></td> </tr> </form> </table> </body>
Kommentare zu
Farbwähler
3 Kommentar(e) vorhanden / Anzeige der neuesten 5
am 24.03.2006 um 17:28 Uhr von JanNicK
bei FireFox funzt das nicht...
am 22.08.2005 um 14:02 Uhr von killer
Könnte sowas auch gebrauchen - aber bitte mit Firefox unterstützung - gibbet sowas?...
am 27.12.2004 um 17:27 Uhr von Jasmin
Coole script, kann ich gut gebrauchen!...
Alle Kommentare anzeigen
-
Kommentar hinzufügen
© PERL/CGI/PHP/JS/SCRIPT/unity.de 1998-2014 .::.
powered by interaktiv.net
.::.
CGI-Service
.::.
Kontakt
.::.
Impressum
Link: /javascript/scripts/javascript_0334_main.shtml .::. Aufrufe heute: 1 .::. Aufrufe gesamt: 11223