thomas lemmens
Gebruiker
- Lid geworden
- 8 mei 2009
- Berichten
- 36
hey
ik heb een script geschreven dat naargelang de keuzen van de gebruiker bepaalde zaken laat zien in een uurrooster.
in IE werkt het maar in FF doet hij rare dingen.
kan iemand zeggen hoe dit komt?
[JS]
var tags=new Array();
var td=new Array();
function gettags(){
tags=document.body.getElementsByTagName('tr');
}
function toonRooster(){
var groep=document.getElementById('groep').selectedIndex;
for(k=1;k<tags.length;k++){
if(k==1 || k==4 || k==7 || k==10 || k==13 || k==16 || k==19){
td =tags[k].getElementsByTagName('td');
for (j = 1; j < td.length; j++) {
td[j].style.display = 'none';
}
}
else{
td =tags[k].getElementsByTagName('td');
for (j = 0; j < td.length; j++) {
td[j].style.display = 'none';
}
}
}
switch(groep){
case 0:
alert("u hebt geen keuze gemaakt!");
toonAlles();
break
case 1:
for(i=1;i<20;i+=3){
td =tags.getElementsByTagName('td');
for (j = 1; j < td.length; j++) {
td[j].style.display = 'block';
}
}
break
case 2:
for(i=2;i<21;i+=3){
td =tags.getElementsByTagName('td');
for (j = 1; j < td.length; j++) {
td[j].style.display = 'block';
}
}
break
case 3:
for(i=3;i<22;i+=3){
td =tags.getElementsByTagName('td');
for (j = 1; j < td.length; j++) {
td[j].style.display = 'block';
}
}
break
}
function toonAlles(){
td =document.body.getElementsByTagName('td');
for(i=0;i<td.length;i++){
td.style.display = 'block';
}
}
}
[/JS]
een voorbeeld vind je op de volgende site: http://users.telenet.be/projectwebtech/html/uurrooster.html
(deze website is fictief)
eenvoudigere oplossingen zijn ook altijd welkom
ik heb een script geschreven dat naargelang de keuzen van de gebruiker bepaalde zaken laat zien in een uurrooster.
in IE werkt het maar in FF doet hij rare dingen.
kan iemand zeggen hoe dit komt?
[JS]
var tags=new Array();
var td=new Array();
function gettags(){
tags=document.body.getElementsByTagName('tr');
}
function toonRooster(){
var groep=document.getElementById('groep').selectedIndex;
for(k=1;k<tags.length;k++){
if(k==1 || k==4 || k==7 || k==10 || k==13 || k==16 || k==19){
td =tags[k].getElementsByTagName('td');
for (j = 1; j < td.length; j++) {
td[j].style.display = 'none';
}
}
else{
td =tags[k].getElementsByTagName('td');
for (j = 0; j < td.length; j++) {
td[j].style.display = 'none';
}
}
}
switch(groep){
case 0:
alert("u hebt geen keuze gemaakt!");
toonAlles();
break
case 1:
for(i=1;i<20;i+=3){
td =tags.getElementsByTagName('td');
for (j = 1; j < td.length; j++) {
td[j].style.display = 'block';
}
}
break
case 2:
for(i=2;i<21;i+=3){
td =tags.getElementsByTagName('td');
for (j = 1; j < td.length; j++) {
td[j].style.display = 'block';
}
}
break
case 3:
for(i=3;i<22;i+=3){
td =tags.getElementsByTagName('td');
for (j = 1; j < td.length; j++) {
td[j].style.display = 'block';
}
}
break
}
function toonAlles(){
td =document.body.getElementsByTagName('td');
for(i=0;i<td.length;i++){
td.style.display = 'block';
}
}
}
[/JS]
een voorbeeld vind je op de volgende site: http://users.telenet.be/projectwebtech/html/uurrooster.html
(deze website is fictief)
eenvoudigere oplossingen zijn ook altijd welkom