tr bgcolor veranderen
MothZone
PHP ver gevorderde
Hallo,http://www.site...mp;id=6553 wat aan het proberen geweest, maar het werkt niet.
<tr onmouseover="this.backgroundColor = '#000099'" onmouseout="this.backgroundColor = '#FFFFFF'">
< tr onmouseover= "this.backgroundColor = '#000099'" onmouseout= "this.backgroundColor = '#FFFFFF'" >
32 antwoorden
ElCheapo
PHP beginner met css:
MothZone
PHP ver gevorderde nee, hij moet de bgcolor van de hele tr aanpassen, en naar een bepaalde kleur, wat jij zegt met die inherit veranderd hij enkel de bgcolor van de td en dan nog naar wit
ElCheapo
PHP beginner je wilde toch dat de td's de kleur van de tr aannemen? dan moet je de bgkleur van de td de waarde inherit geven.
MothZone
PHP ver gevorderde jah, hij moet de kleur van de tr aannemen, maar de kleur van de tr moet ook veranderen van kleur
ElCheapo
PHP beginner als je jouw code verbeterd met dat wat Ncube zegt, werkt het dan?? heb je anders een voorbeeldje online staan?
MothZone
PHP ver gevorderde jah, heb het aangepast naar dat van Ncube, en het werkt dan (heb ik trouwens al gezegt), en heb geen vb online want het is gewoon voor op mn localhost.
ElCheapo
PHP beginner Citaat:
maar de oude kleuren worden bepaald door een phpscript
MothZone
PHP ver gevorderde ja, het werkt op een td, maar de rest van de tr blijft hetzelfde, en dat moet ook veranderen
ElCheapo
PHP beginner Citaat:
Mijn code is nu dit:
Legolas
Onbekend Alle td's met een loop doorlopen en dan dat onmouseover en onmouseout erbij zetten. Met php denk ik
MothZone
PHP ver gevorderde jah, maar ben niet echt zo goed in javascript (kan wel een beetje, maar niet zo veel), dus hoe moet het juist dan?
MothZone (laatste wijziging 05/06/2005 22:09)
PHP ver gevorderde jah, weet wel hoe je de bg vd pagina moet veranderen, maar niet van een volledige tr
MothZone
PHP ver gevorderde ok, heb na lang klungelen wat gevonden wat het wrs wel ongeveer is, alleen het werkt niet.
<script type="text/javascript">
function over(id)
{
document.getElementById(id).style.bgcolor = '#006699';
}
</script>
< script type= "text/javascript" >
function over( id)
{
document. getElementById( id) . style. bgcolor = '#006699' ;
}
</script>
id=\"".$count."\" onmouseover=\"over(".$count.")\"
id= \"" . $count . "\" onmouseover=\" over(" . $count . ")\"
Gml
HTML beginner tis heel makkelijk:
<table border="1">
<tr style="background-color:#FF0000;" onmouseover="this.style.backgroundColor='#00F'" onmouseout="this.style.backgroundColor='#F00'">
<td>cell 1</td>
<td>cell 2</td>
<td>cell 3</td>
<td>cell 4</td>
<td>cell 5</td>
</tr>
</table>
< table border= "1" >
< tr style= "background-color:#FF0000;" onmouseover= "this.style.backgroundColor='#00F'" onmouseout= "this.style.backgroundColor='#F00'" >
< td> cell 1 </ td>
< td> cell 2 </ td>
< td> cell 3 </ td>
< td> cell 4 </ td>
< td> cell 5 </ td>
</ tr>
</ table>
cracker
Onbekend werkt die functie niet alleen bij een <td> dan ?
MothZone
PHP ver gevorderde alleen op een td werkt hij, maar op een tr niet omdat de td een achtergrondkleur heeft
webbiexl
PHP interesse waarom werk je niet met classes scheelt je ook heel veel typwerk
Gml
HTML beginner mijn stukje code werkt, getest in IE en in FF
MothZone
PHP ver gevorderde stuk uit mn broncode:
<script type="text/javascript">
function over(id)
{
document.getElementById(id).style.bgcolor = '#006699';
}
</script>
...
<tr id="hoverrij" onmouseover="over(1)" onmouseout="this.style.backgroundColor = '#FFFFFF'">
<td width="30" bgcolor="#EBE9ED" id="1" onmouseover="over(1)"><a name="'"></a>1</td>
<td id="1" width="30" bgcolor="#FFCC00">mp3</td>
<td id="1" bgcolor="#FFFFFF">groep</td>
<td id="1" bgcolor="#FFFFFF">lied</td>
</tr>
< script type= "text/javascript" >
function over( id)
{
document. getElementById( id) . style. bgcolor = '#006699' ;
}
</script>
...
< tr id= "hoverrij" onmouseover= "over(1)" onmouseout= "this.style.backgroundColor = '#FFFFFF'" >
< td width= "30" bgcolor= "#EBE9ED" id= "1" onmouseover= "over(1)" >< a name= "'" ></ a> 1 </ td>
< td id= "1" width= "30" bgcolor= "#FFCC00" > mp3</ td>
< td id= "1" bgcolor= "#FFFFFF" > groep</ td>
< td id= "1" bgcolor= "#FFFFFF" > lied</ td>
</ tr>
Gml (laatste wijziging 06/06/2005 20:39)
HTML beginner dat komt omdat je op de tds apart een achtergrond kleur hebt aangegeven. Die hebben natuurlijk eerste prioriteit. Als de tds geen achtergrond kleur hebben gekregen dan wordt het georven van de tr.
MothZone
PHP ver gevorderde jah, maar hoe moet ik die achtergrondkleur aanpassen in javascript?
Gml
HTML beginner
<script type="text/javascript">
function over(trObject,overout)
{
for (x=0; x<trObject.childNodes.length; x++)
{
if (trObject.childNodes[x].tagName == "TD")
{
if (overout == 1) trObject.childNodes[x].style.backgroundColor = "#00F";
else trObject.childNodes[x].style.backgroundColor = "#F00";
}
}
}
</script>
<table>
<tr onmouseover="over(this,0)" onmouseout="over(this,1)">
<td id="1" style="background-color:#00FF66;">1</td>
<td id="1" width="30">mp3</td>
<td id="1">groep</td>
<td id="1">lied</td>
</tr>
</table>
< script type= "text/javascript" >
function over( trObject, overout)
{
for ( x= 0 ; x< trObject. childNodes. length; x++ )
{
if ( trObject. childNodes[ x] . tagName == "TD" )
{
if ( overout == 1 ) trObject. childNodes[ x] . style. backgroundColor = "#00F" ;
else trObject. childNodes[ x] . style. backgroundColor = "#F00" ;
}
}
}
</script>
< table>
< tr onmouseover= "over(this,0)" onmouseout= "over(this,1)" >
< td id= "1" style= "background-color:#00FF66;" > 1 </ td>
< td id= "1" width= "30" > mp3</ td>
< td id= "1" > groep</ td>
< td id= "1" > lied</ td>
</ tr>
</ table>
MothZone
PHP ver gevorderde :d:d:d thx, werkt, nu dat opslaan vd kleuren nog maar dat moet wel lukken
spiky (laatste wijziging 10/06/2005 09:06)
Nieuw lid <TR onmouseover="style.backgroundColor='#c7c7c7';" onmouseout="style.backgroundColor='#FFFFFF'">
RickyB (laatste wijziging 10/06/2005 12:57)
Onbekend deze wrkt bij mij ook
Dit onderwerp is gesloten .
Wat is jouw favoriete javascript framework? (S: 18, R: 2)
Gesponsorde links
Actiefste leden van de maand
