Archief - JS: Tabellen die oplichten ?

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
A

Anoniem22

Legacy Member
Hoi, weet er iemand hoe ik met dreamweaver een table kan maken waarvan een rij oplicht als je er met je muis over komt? Het mouse over effect dus. Ik vind er niets van terug in Dreamweaver en heb ook al op google gezocht. Maar hier vind ik niet echt een duidelijke uitleg op. Heeft er iemand ervaring met dit soort zaken en wilt hij of zij dat dan eventjes uitleggen aub?
o

orez

Legacy Member
met javascript:

HTML: 
<tr onmouseover="this.style.backgroundColor='#afe890'" onmouseout="this.style.backgroundColor='#fff'">
B

BertG

Legacy Member
of als je het met css wil doen :hover op de TR elementen
Probleempje natuurlijk voor IE :p
A

Anoniem22

Legacy Member
Ik hou het nog bij een gewoon javascriptje dan, maar kun je misschien een beetje duidelijker die javacodering invullen? Waar moet ik deze zetten, voor elke nieuwe <tr> or gewoon in het begin van de table en op het einde een /script?
o

orez

Legacy Member
de code staat gecopy paste voor uwen neus... tuurlijk in elke tr... als jij wilt elke tr laten oplichten zul je dit in elke tr moeten zetten. (is toch simpel hé ? :unsure: )

je moet zelfs geen script tags gaan gebruiken... en het begin van een table != tablerow ... dan gaat heel uwen table gaan oplichten...
A

Anoniem22

Legacy Member
Heel fel bedankt, voor de tabelrijen lukt et gelijk ik et wou hebben. Is der ook een code waarmee ge enkel 1 cel kunt laten oplichten? of 3 tegelijk die onder elkaar staan in een tabel zodat ik echt dingen kan laten "markeren" zolang ge er met uw muis op blijft?
A

Anoniem22

Legacy Member
Sorry voor de bump, maar ik zou dit heel graag willen weten of dit mogelijk is, op mijn website wil ik namelijk de "monsters" sectie zo een beetje aankleden, aan gezien dat volledig bestaat uit tabellen en elk monster 3 cellen gebruikt zou het tof zijn als ik ook hier de 3 samenhorende cellen kan laten oplichten. en bedankt Orez, je kan het resultaat bekijken op www.tibiawanna.be (als ik mijn link hier niet mag zetten mag de moderator hem uit mijn post halen)

Groetjes
B

Bunz

Legacy Member
sqoizo zei:
Sorry voor de bump, maar ik zou dit heel graag willen weten of dit mogelijk is, op mijn website wil ik namelijk de "monsters" sectie zo een beetje aankleden, aan gezien dat volledig bestaat uit tabellen en elk monster 3 cellen gebruikt zou het tof zijn als ik ook hier de 3 samenhorende cellen kan laten oplichten. en bedankt Orez, je kan het resultaat bekijken op www.tibiawanna.be (als ik mijn link hier niet mag zetten mag de moderator hem uit mijn post halen)

Groetjes
Klik om te vergroten...

Ja het is mogelijk en nee zo ne lelijke site moogde hier niet posten :p (aangezien ik ook de monsters sectie niet vind bennek er nie veel mee)
A

Anoniem22

Legacy Member
Alle begin is moeilijk Bunz, tis nog maar mijn 1ste "deftige" site, en smaken verschillen gelukkig want ik vind ze zo slecht nog niet voor wat ik al kan. En de monsters sectie is heel makkelijk terug te vinden in het menu aan de linkerkant van de site. Misschien scheelt er toch iets met je ogen dat je het niet terug vind en de site lelijk vind...
A

Anoniem22

Legacy Member
Iemand? ik wil 3 cellen apart laten oplichten en niet 1 volledige rij, mogelijk of niet? Kan iemand de html code hier plakken?
d

dJeez

Legacy Member
Geef uw TDs een ID waarmee je ze aan elkaar kan linken (hoofditem heeft IDxxx, subitems hebben IDxxx_yyy, via getElementById kan je adhv de parent de subitems doen oplichten), en doe het dan via Javascript. Op een andere manier is het gezien je huidige werkwijze niet mogelijk.

Dus ofwel opteren voor een andere werkwijze (een DIV maken per monster en die laten oplichten dmv CSS - the way to go imho), ofwel werken met Javascript.
J

Jerre Muesli

Legacy Member
HTML: 
<html>
<head>
<script type="text/javascript">
function maak_tabel(){
var rij = 7
var kolom = 7
for(var a=1;a<=rij;a++){document.writeln('<tr>')
for(var b=1;b<=kolom;b++){document.writeln('<td onmouseover="this.style.backgroundColor=\'#afe890\'" onmouseout="this.style.backgroundColor=\'#ffffff\'">'+a+","+b+'</td>')}document.writeln('</tr>')}}
</script>
</head>
<body>
<table border="1">
<script type="text/javascript">maak_tabel()</script>
</table>
</body>
</html>
A

Anoniem22

Legacy Member
Merci, kzal me eens bezig houden met da scriptje aan gezien ik nog nix van CSS ken ;)
o

orez

Legacy Member
... het zou juist omgekeerd moeten zijn je eerst bezig houden met CSS en dan pas met javascript...

en x4xk3... dahz tbh echt wel de VUILSTE en meest onnodige manier dagge kan plaatsen hoor :s, de manier van dJeez is veel gemakkelijker in gebruik, en CSS is nog makkelijker in gebruik...
A

Anoniem22

Legacy Member
Ik krijg dat javascript ook niet deftig verwerkt in mijn code om te laten gebeuren wat ik echt wil, dus tzal nog effe wachten worden vrees ik :(
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan