Forum » Programiranje » Javascript Barvna Paleta
Javascript Barvna Paleta
minghags ::
Lep pozdrav!
Mi lahko kdo pomaga mogoče pri izdelavi te naloge? Ali če ima kdo kaj približnega narejenega... Ali pa vsaj kak napotek kje začeti... Hvala v naprej.
Mi lahko kdo pomaga mogoče pri izdelavi te naloge? Ali če ima kdo kaj približnega narejenega... Ali pa vsaj kak napotek kje začeti... Hvala v naprej.
Napišite JS, ki izriše barvno tabelo, kot je prikazano na sliki. Pred izrisom od uporabnika zahteva štiri podatke: začetno vrednost za rdečo, zeleno in modro komponento barve in število stolpcev tabele. Prvi stolpec izrišite v barvi, kot je bila vpisana, zadnji stolpec črne barve (rgb(0,0,0)), vmesne barve pa izračunajte sami, padajo naj enakomerno linearno. Tabela naj bo 100% širine in višine, da dosežete 100% višino, morate to poleg tabeli nastaviti še elementu BODY in HTML. Barvo celic določajte s CSS preko atributa "style". Na vsako celico dodajte še atribut "title", kjer zapišete vrednost trenutne barve, da se v primeru prehoda z miško izpiše vrednost barve v obliki zaslonskega namiga (vidno tudi na sliki). (15t)
- spremenil: minghags ()
t3hn0 ::
jaz si to predstavljam tako...bolj logicna razlaga, v JS pretvori sam 
Vse barve gredo (po zgornjem primeru - rgb(0,0,0)) od 0, pa do 255.
Ti na zacetku izpises 4 input polja, tri za barve ter enega za sirino tabele. To preberes v JS spremenljivke, potem pa po formuli racunas
var steviloStolpcev; // preberes st stolpcev
var r, g, b; // RGB - preberes vse barve
var rK, gK, bK; // RGB koraki
...
// izracunas kolicnik za posamezni korak (en korak na stolpec)
rK = (255-r)/steviloStolpcev;
gK = (255-g)/steviloStolpcev;
bK = (255-b)/steviloStolpcev;
...
for( i = 0; i < steviloStolpcev; i++ ) {
// izracunas barvo
novaBarva = rgb(r+rK*i, g+gK*i, b+bK*i);
// dodas vrstici
}
Vse barve gredo (po zgornjem primeru - rgb(0,0,0)) od 0, pa do 255.
Ti na zacetku izpises 4 input polja, tri za barve ter enega za sirino tabele. To preberes v JS spremenljivke, potem pa po formuli racunas
var steviloStolpcev; // preberes st stolpcev
var r, g, b; // RGB - preberes vse barve
var rK, gK, bK; // RGB koraki
...
// izracunas kolicnik za posamezni korak (en korak na stolpec)
rK = (255-r)/steviloStolpcev;
gK = (255-g)/steviloStolpcev;
bK = (255-b)/steviloStolpcev;
...
for( i = 0; i < steviloStolpcev; i++ ) {
// izracunas barvo
novaBarva = rgb(r+rK*i, g+gK*i, b+bK*i);
// dodas vrstici
}
^.^
black ice ::
minghags ::
To je vse kar sem do zdaj uspel, kar pa je daleč od tega kar je zahtevano :D
<html>
<head>
<title>Vaja 6.2</title>
<style>
.cell {
background-color: #000;
}
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body >
<center>
<SCRIPT LANGUAGE="JavaScript">
clr=new Array('00','20','40','60','80','a0','c0','ff');
for (i=0;i<10;i++)
{
document.write("<table border=0 width=100% height=100% cellspacing=0 cellpadding=0>");
document.write("<tr>");
for (k=0;k<10;k++)
{
document.write('<td bgcolor="#'+clr[i]+clr[k]+'">');
document.write(clr[i]+clr[k]+' </font></tt></td>');
}
document.write("</tr>");
document.write("</table><br>");
}
</script>
</center>
</body>
</html>
Vredno ogleda ...
| Tema | Ogledi | Zadnje sporočilo | |
|---|---|---|---|
| Tema | Ogledi | Zadnje sporočilo | |
| » | [JavaScript] Tabela barvOddelek: Izdelava spletišč | 733 (574) | abyssus |
| » | mfc problemOddelek: Programiranje | 1641 (1205) | FuI2cY |
| » | Excel in seštevanje besedOddelek: Programiranje | 1659 (1526) | smetko |
| » | Javascript problemcekOddelek: Programiranje | 1594 (1387) | tempoFlow |
| » | mfc krogiOddelek: Programiranje | 914 (752) | Yeznick |