login  Naam:   Wachtwoord: 
Registreer je!
 Scripts:
Scripts > JS > Overige > Kleurencombinatie Tester

Kleurencombinatie Tester

Auteur: rambo - 20 oktober 2004 - 14:52 - Gekeurd door: Dennisvb - Hits: 5230 - Aantal punten: (0 stemmen)



Een simpele kleurencombinatietester. Een lang woord, maar het spreekt voor zich denk ik.

Code:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <html>
  2. <head>
  3. <title>Een kleurencombinatietester</title>
  4. <script language="JavaScript">
  5. <!--
  6. function kleurtekst(tekst, kleur){
  7.   var string = '<font size="+2" color="' +kleur + '">';
  8.   string += tekst ;
  9.   string += '</font><br/>';
  10.   return string;
  11. }
  12.  
  13. function Eigenschappen(){
  14.   var string1;
  15.   var string2;
  16.   var bodystring;
  17.  
  18.   var voor = document.formulier.fground.value;
  19.   var achter = document.formulier.bground.value;
  20.   var link = document.formulier.link.value;
  21.   var alink = document.formulier.alink.value;
  22.   var vlink = document.formulier.vlink.value;
  23.   var windowFeatures = 'width=500,height=300,toolbar=no,scrollbars=no,menubar=no';
  24.  
  25.   bodystring = '<body bgcolor="' + achter +'" text="' + voor + '" link="' + link +'" vlink="' + vlink + '" alink="' + alink + '">';
  26.   string1 = '<html><head><title>Combinaties</title></head>';
  27.   string1 += bodystring;
  28.   string1 += '<div align="center"><h2 align="center">Kleurcombinaties:</h2><hr width="75%">';
  29.  
  30.   string2 = kleurtekst ('Gewone tekst heeft deze kleur', voor);
  31.   string1 += string2;
  32.  
  33.   string2 = kleurtekst ('Links hebben deze kleur', link);
  34.   string1 += string2;
  35.  
  36.   string2 = kleurtekst ('Actieve links hebben deze kleur', alink);
  37.   string1 += string2;
  38.   string2 = kleurtekst ('Gevolgde links hebben deze kleur', vlink);
  39.   string1 += string2;
  40.  
  41.   myWin= open('', 'Eigenschappen', windowFeatures);
  42.   myWin.document.write(string1);
  43.   string2 = '<form><input style="color:black; background-color:lightyellow;" type="button" Value="Sluit Venster" onClick="self.close()"/></form>';
  44.   string2 += '<hr width="75%"/></div></body></html>';
  45.   myWin.document.write(string2);
  46.   myWin.document.close();
  47. }
  48. //-->
  49. </script>
  50.  
  51. </head>
  52. <body bgcolor="lightyellow">
  53. <div align="center">
  54. <h2>Een kleurcombinatie-tester</h2>
  55. <hr width="50%"/>
  56. Vul in de vakken een aantal kleuren in, of hexadecimale kleurcodes.
  57. Zodra je op de knop Bekijk klikt, zie je een venster met de kleurcombinaties
  58. van jouw keuze.
  59. <p>
  60. <form name="formulier">
  61. <table cellpadding=5 border=1 bgcolor="lightgrey">
  62. <tr>
  63.   <th>Eigenschap </th>
  64.   <th>Kleur</th>
  65. </tr>
  66. <tr>
  67.   <td>Achtergrondkleur </td>
  68.   <td><input type="text" name="bground"/>
  69.   </td>
  70. </tr>
  71. <tr>
  72.   <td>Gewone tekstkleur </td>
  73.   <td><input type="text" name="fground"/>
  74.   </td>
  75. </tr>
  76. <tr>
  77.   <td>Kleuren voor links </td>
  78.   <td><input type="text" name="link"/>
  79.   </td>
  80. </tr>
  81. <tr>
  82.   <td>Kleuren voor gevolgde links </td>
  83.   <td><input type="text" name="vlink"/>
  84.   </td>
  85. </tr>
  86. <tr>
  87.   <td>Kleuren voor actieve links </td>
  88.   <td><input type="text" name="alink"/>
  89.   </td>
  90. </tr>
  91. </table>
  92. <p>
  93. <input style="color:black; background-color:lightyellow;" type=button value="Bekijken" onClick="Eigenschappen()"/>
  94. </form>
  95. <hr width="50%"/>
  96. </div>
  97. </body>
  98. </html>
Download code! Download code (.txt)

 Stemmen
Niet ingelogd.

 Reacties
Post een reactie
Geen reacties (0)
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.021s