Søg
Avatar billede royal12 Nybegynder
16. oktober 2003 - 20:56 Der er 5 kommentarer

undgå filmmer

Hejsa

Jeg er ved at lave en slags table wishard. som den i FrontPage til min online editor.

Mit problem er at den flimmer når man er mellem to celler i tabellen. hvordan ungår jeg det?

i kan evt. se den på:
http://s3.mindworking.dk/tablemaker.html

/Royal
Avatar billede roenving Novice
17. oktober 2003 - 15:38 #1
Så virker den vist, som du vil have det:

<html>
<script>
chck = 0;

function setw(){
if(chck == 0)return;
document.getElementById('11').style.background = '#fff';
document.getElementById('12').style.background = '#fff';
document.getElementById('13').style.background = '#fff';
document.getElementById('14').style.background = '#fff';
document.getElementById('15').style.background = '#fff';
document.getElementById('16').style.background = '#fff';
document.getElementById('21').style.background = '#fff';
document.getElementById('22').style.background = '#fff';
document.getElementById('23').style.background = '#fff';
document.getElementById('24').style.background = '#fff';
document.getElementById('25').style.background = '#fff';
document.getElementById('26').style.background = '#fff';
document.getElementById('31').style.background = '#fff';
document.getElementById('32').style.background = '#fff';
document.getElementById('33').style.background = '#fff';
document.getElementById('34').style.background = '#fff';
document.getElementById('35').style.background = '#fff';
document.getElementById('36').style.background = '#fff';
document.getElementById('41').style.background = '#fff';
document.getElementById('42').style.background = '#fff';
document.getElementById('43').style.background = '#fff';
document.getElementById('44').style.background = '#fff';
document.getElementById('45').style.background = '#fff';
document.getElementById('46').style.background = '#fff';
document.getElementById('51').style.background = '#fff';
document.getElementById('52').style.background = '#fff';
document.getElementById('53').style.background = '#fff';
document.getElementById('54').style.background = '#fff';
document.getElementById('55').style.background = '#fff';
document.getElementById('56').style.background = '#fff';
document.getElementById('61').style.background = '#fff';
document.getElementById('62').style.background = '#fff';
document.getElementById('63').style.background = '#fff';
document.getElementById('64').style.background = '#fff';
document.getElementById('65').style.background = '#fff';
document.getElementById('66').style.background = '#fff';


}

function setbg(obj){
chck = 0;
var nr = obj.id;
x = nr.substr(0,1)
y = nr.substr(1,1)
x++;
y++;
for (var i=0; i<=6; i++){
for (var a=0; a<=6; a++){

    try{
    objekt = document.getElementById(i + '' + a);
    if(i<x&&a<y)
        objekt.style.background = '#00f';
    else
        objekt.style.background = '#fff';
    }
    catch(ex){
   
    }
}
}
}
</script>
<head>

<title>Ny side 1</title>
</head>

<body>

<table border="1" cellpadding="0" cellspacing="2" bordercolor="#111111" width="100" onmouseout="chck=1;setTimeout('setw()',200)" height="100">
  <tr>
    <td id="11" width="16%" height="11" style="border-style: solid; border-width: 1;" onmouseover="setbg(this);"><img src="non" height="1" width="1"></td>
    <td id="12" width="16%" height="11" style="border-style: solid; border-width: 1;" onmouseover="setbg(this);"><img src="non" height="1" width="1"></td>
    <td id="13" width="16%" height="11" style="border-style: solid; border-width: 1;" onmouseover="setbg(this);"><img src="non" height="1" width="1"></td>
    <td id="14" width="16%" height="11" style="border-style: solid; border-width: 1;" onmouseover="setbg(this);"><img src="non" height="1" width="1"></td>
    <td id="15" width="16%" height="11" style="border-style: solid; border-width: 1;" onmouseover="setbg(this);"><img src="non" height="1" width="1"></td>
    <td id="16" width="16%" height="11" style="border-style: solid; border-width: 1;" onmouseover="setbg(this);"><img src="non" height="1" width="1"></td>
  </tr>                           
  <tr>                             
    <td id="21" width="16%" height="11" style="border-style: solid; border-width: 1;" onmouseover="setbg(this);"><img src="non" height="1" width="1"></td>
    <td id="22" width="16%" height="11" style="border-style: solid; border-width: 1;" onmouseover="setbg(this);"><img src="non" height="1" width="1"></td>
    <td id="23" width="16%" height="11" style="border-style: solid; border-width: 1;" onmouseover="setbg(this);"><img src="non" height="1" width="1"></td>
    <td id="24" width="16%" height="11" style="border-style: solid; border-width: 1;" onmouseover="setbg(this);"><img src="non" height="1" width="1"></td>
    <td id="25" width="16%" height="11" style="border-style: solid; border-width: 1;" onmouseover="setbg(this);"><img src="non" height="1" width="1"></td>
    <td id="26" width="16%" height="11" style="border-style: solid; border-width: 1;" onmouseover="setbg(this);"><img src="non" height="1" width="1"></td>
  </tr>                           
  <tr>                             
    <td id="31" width="16%" height="11" style="border-style: solid; border-width: 1;" onmouseover="setbg(this);"><img src="non" height="1" width="1"></td>
    <td id="32" width="16%" height="11" style="border-style: solid; border-width: 1;" onmouseover="setbg(this);"><img src="non" height="1" width="1"></td>
    <td id="33" width="16%" height="11" style="border-style: solid; border-width: 1;" onmouseover="setbg(this);"><img src="non" height="1" width="1"></td>
    <td id="34" width="16%" height="11" style="border-style: solid; border-width: 1;" onmouseover="setbg(this);"><img src="non" height="1" width="1"></td>
    <td id="35" width="16%" height="11" style="border-style: solid; border-width: 1;" onmouseover="setbg(this);"><img src="non" height="1" width="1"></td>
    <td id="36" width="16%" height="11" style="border-style: solid; border-width: 1;" onmouseover="setbg(this);"><img src="non" height="1" width="1"></td>
  </tr>                           
  <tr>                             
    <td id="41" width="16%" height="11" style="border-style: solid; border-width: 1;" onmouseover="setbg(this);"><img src="non" height="1" width="1"></td>
    <td id="42" width="16%" height="11" style="border-style: solid; border-width: 1;" onmouseover="setbg(this);"><img src="non" height="1" width="1"></td>
    <td id="43" width="16%" height="11" style="border-style: solid; border-width: 1;" onmouseover="setbg(this);"><img src="non" height="1" width="1"></td>
    <td id="44" width="16%" height="11" style="border-style: solid; border-width: 1;" onmouseover="setbg(this);"><img src="non" height="1" width="1"></td>
    <td id="45" width="16%" height="11" style="border-style: solid; border-width: 1;" onmouseover="setbg(this);"><img src="non" height="1" width="1"></td>
    <td id="46" width="16%" height="11" style="border-style: solid; border-width: 1;" onmouseover="setbg(this);"><img src="non" height="1" width="1"></td>
  </tr>                           
  <tr>                             
    <td id="51" width="16%" height="11" style="border-style: solid; border-width: 1;" onmouseover="setbg(this);"><img src="non" height="1" width="1"></td>
    <td id="52" width="16%" height="11" style="border-style: solid; border-width: 1;" onmouseover="setbg(this);"><img src="non" height="1" width="1"></td>
    <td id="53" width="16%" height="11" style="border-style: solid; border-width: 1;" onmouseover="setbg(this);"><img src="non" height="1" width="1"></td>
    <td id="54" width="16%" height="11" style="border-style: solid; border-width: 1;" onmouseover="setbg(this);"><img src="non" height="1" width="1"></td>
    <td id="55" width="16%" height="11" style="border-style: solid; border-width: 1;" onmouseover="setbg(this);"><img src="non" height="1" width="1"></td>
    <td id="56" width="16%" height="11" style="border-style: solid; border-width: 1;" onmouseover="setbg(this);"><img src="non" height="1" width="1"></td>
  </tr>                           
  <tr>                             
    <td id="61" width="16%" height="11" style="border-style: solid; border-width: 1;" onmouseover="setbg(this);"><img src="non" height="1" width="1"></td>
    <td id="62" width="16%" height="11" style="border-style: solid; border-width: 1;" onmouseover="setbg(this);"><img src="non" height="1" width="1"></td>
    <td id="63" width="16%" height="11" style="border-style: solid; border-width: 1;" onmouseover="setbg(this);"><img src="non" height="1" width="1"></td>
    <td id="64" width="16%" height="11" style="border-style: solid; border-width: 1;" onmouseover="setbg(this);"><img src="non" height="1" width="1"></td>
    <td id="65" width="16%" height="11" style="border-style: solid; border-width: 1;" onmouseover="setbg(this);"><img src="non" height="1" width="1"></td>
    <td id="66" width="16%" height="11" style="border-style: solid; border-width: 1;" onmouseover="setbg(this);"><img src="non" height="1" width="1"></td>
  </tr>

</table>
</body>

</html>


PS. det ville være sikrere, hvis du ikke brugte id'er som alene er numre, da visse funktioner ville kunne give konflikter !-)

Det betyder så heldigvis intet, når du alene skal bruge det i getElementById, men det er en god vane at have, at man _altid_ starter med et bogstav '-)
Avatar billede olebole Juniormester
19. oktober 2003 - 16:22 #2
<ole>

Det er ikke bare 'en god vane' ... det er et _must_. Det er i modstrid med HTML-standarden at bruge et tal. En id _skal_ starte med et bogstav  :)

/mvh
</bole>
Avatar billede roenving Novice
19. oktober 2003 - 23:45 #3
http://www.w3.org/TR/html4/types.html#type-id

-- måtte jo lige finde det, selv om den type editor royal12 arbejder på (IE-baseret !-) jo nok er evig ligeglad ...
Avatar billede olebole Juniormester
20. oktober 2003 - 10:08 #4
roenving >> Det har du sikkert ret i  :o|

Pas i øvrigt lige på: "ID and NAME tokens must begin ...". Her tale om tegn-definitions typer - ikke atributter.
En name-attribut må gerne starte med et tal  :)
/mvh
Avatar billede olebole Juniormester
20. oktober 2003 - 10:09 #5
... sidstnævnte er defineret ved CDATA ... ikke ved ID eller NAME  ;o)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 21/08/202610:41
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 21:38 webui_forge_cu121_torch231 med AMD Grafikkort. Af jonpet i Andet software
I går 20:06 email adresse Af Malm i Forslag til ændringer
I går 19:54 problem med google crome Af Malm i Andet software
I går 09:36 Alternativ holder til to skærme... Af Don G i Skærme
20/0815:01 Samsung smart TV Af postpeter@outlook.dk i Fri debat
White papers
Flere white papers »