Java-script voor achtergrondkleur cel - Softwareontwikkeling

dinsdag 23 oktober 2001 10:10

Acties:

Verwijderd

Topicstarter

Beste mensen,

Ik ben een site aan het maken voor mijn oom, een kunstschilder. Ik ben op zoek naar een java-script waarmee de gebruiker de achtergrondkleur van een cel kan bepalen.

Als ik er dan een plaatje in zet, ziet het eruit als een gekleurde omlijsting van het schilderij, die de gerbuiker zelf kan instellen. Kan iemand mij helpen?

Alvast bedankt.

dinsdag 23 oktober 2001 10:14

Acties:

RM-rf

1 2 3 4 5 7 6 8 9

zoiets?

code:

1
2
3

document.getElementById('celIdNaam').style.bgColor = '#008000'

<td id="celIdNaam">[img]"monalisa.jpg"></td[/img]

Intelligente mensen zoeken in tijden van crisis naar oplossingen, Idioten zoeken dan schuldigen

dinsdag 23 oktober 2001 10:36

Acties:

Verwijderd

Topicstarter

Op dinsdag 23 oktober 2001 10:14 schreef RM-rf het volgende:
zoiets?
code:
1
2
3
document.getElementById('celIdNaam').style.bgColor = '#008000'

<td id="celIdNaam">[img]"monalisa.jpg"></td[/img]

Bedankt voor je reactie!

Kben een redelijke newby

met java-script dus het lukt niet echt. Dit probeerde ik (en lukte natuurlijk niet)

<html>
<head>
<title>Untitled</title>
</head>
<body>
<table width="420" height="500" border="1">
<tr>
<script language="JavaScript" type="text/javascript">
document.getElementById('schilderij1').style.bgColor = '#008000'
</script>
<td id="nol1">[img]"schilderij1.jpg"></td> </tr> </table> </body> </html[/img]

Wat deed ik allemaal fout?
Ik wil het liefste zo'n "drop-menu" dat men daar de kleur voor de achtergrond uit kan kiezen.

dinsdag 23 oktober 2001 12:18

Acties:

RM-rf

1 2 3 4 5 7 6 8 9

gedeeltelijk mijn fout, het moest style.backgroundColor zijn

maar ook heb jezelf een foutje gemaakt door de id te verwisselen, in je code heeft de td id="nol1" terwijl je het element met id="schilderij1" opvraagt (getElementById-method)

ook staat de code 'hard' in de pagina, dat betekent dat hij direct bij het inladen van de pagina wordt uitgevoerd, omdat de code echter voor het element met id="nol1" geeft hij een melding dat hij een object verwacht maar niet vind

code:

<html>
<head>
<title>Untitled</title>
</head>
<body>
<table width="420" height="500" border="1">
<tr>
<td id="nol1">[img]"schilderij1.jpg"></td>
</tr>
</table>
<script[/img]
document.getElementById('nol1').style.backgroundColor = '#008000'
</script>
</body>
</html>

de volgende stap is om de code in een function te zetten, door

code:

<script language="Javascript" type="text/js">
function fNaam(waarde){
   // ..code.. waarin variabele 'waarde' kan worden toegepast, bv:
   document.getElementById('nol1').style.backgroundColor = waarde
}</scipt>

in je head te zetten

nu kan je twee buttons in je pagina zetten:
<input type="button" onclick="fNaam('#008000')"> en <input type="button" onclick="fNaam('red')">
door op de buttons te clicken wordt de functie, met verschillende waardes uitgevoerd.

ik ga het script verder niet voor je schrijven, in de search en op internet is genoeg te vinden, en op zo'n manier leer je er nog wat van.
als je een select-menu wil gebruiken kun je de onchange-event gebruiken, en de selectedIndex, als je daar wat op zoekt vind je al een hoop

verder kun je altijd op http://javascript.internet.com kijken, daar staan een hoop van dat soort scriptjes

Intelligente mensen zoeken in tijden van crisis naar oplossingen, Idioten zoeken dan schuldigen

dinsdag 23 oktober 2001 13:05

Acties:

Verwijderd

Topicstarter

Bedankt joh!!!
Te gek!
groeten