tegne en streg

Kun hvis de er lodrette/vandrette ...

(Nå, jah, tjah, man kunne vel generere dem som en masse punkter !-)

ja, hvis det var lodret/vandret, kunne det laves meget enkelt med nogle tabeller og css.
men da det er et kort, er der mange forskellige vinkler.
I databasen bliver der fastdefineret placeringer på x antal punkter, og det er via 2 af disse punkter, jeg vil kunne tengne en streg, som en markering af at området er optaget.

F.eks.

<script type="text/javascript">
function tegnStreg(startX,startY,slutX,slutY){
  var par = document.getElementById("minDiv");
  var rangeX = slutX - startX;
  var rangeY = slutY - startY;
  for(i=startX;slutX>i;i++){
    actY = i*rangeY/rangeX + startY;
    var nyPrik = document.createElement("div");
    par.appendChild(nyPrik);
    nyPrik.className = "prik";
    nyPrik.style.left = startX + i + "px";
    nyPrik.style.top = actY + "px";
  }
}
</script>
<div id="minDiv" style="position:relative;"><img src="http://www.eksperten.dk/img/elogo.png" style="height:300px;"></div>
<span id="minSpan" onclick="tegnStreg(10,10,200,100);" style="curcor:pointer;">Tegn streg fra 10,10 til 200,100</span>

Klassen prik har så disse egenskaber:

.prik{background-color:black;line-height:0;font-size:0px;width:1px;height:1px;position:absolute;}

-- men bemærk, at det er en meget rå måde at gøre det på, f.eks. vil en næsten lodret streg næsten ikke blive vist (men det kan der da kompenseres for !-)

Sådan bliver stregerne rimelige under alle omstændigheder:

<script type="text/javascript">
function tegnStreg(startX,startY,slutX,slutY){
  var par = document.getElementById("minDiv"), nyPrik;
  var rangeX = slutX - startX;
  var rangeY = slutY - startY;
  if(rangeX>rangeY){
    for(i=startX;slutX>i;i++){
      actY = i*rangeY/rangeX + startY;
      nyPrik = document.createElement("div");
      par.appendChild(nyPrik);
      nyPrik.className = "prik";
      nyPrik.style.left = startX + i + "px";
      nyPrik.style.top = actY + "px";
    }
  }else{
    for(i=startY;slutY>i;i++){
      actX = i*rangeX/rangeY + startX;
      nyPrik = document.createElement("div");
      par.appendChild(nyPrik);
      nyPrik.className = "prik";
      nyPrik.style.top = startY + i + "px";
      nyPrik.style.left = actX + "px";
    }
  }
}
</script>

jeg kan godt følge ideen, men det giver jo voldsomt mange div'er, hvordan sletter jeg så en streg igen ?

Sidder i øjeblikket og kigger på en løsning, jeg skal se om jeg kan få pillet lidt fra hinanden

http://www.walterzorn.com/jsgraphics/jsgraphics_e.htm

jeg kan dog se, at den gør lidt det samme som du har beskrevet

Tjah, han gør jo det samme, men bare ikke med DOM-behandling af elementerne . . .

Hvis du vil slette en streg, kan du give den et unikt klassenavn også:

Allerførst lige efter script-tagget:

var num = 0;

-- og i funktionen:

      nyPrik.className = "prik num" + num;
      num++

-- så kan du finde dem ved at teste for om className indeholder num0, num1 osv. ud fra et array fra document.getElementsByTagName("div");

ok... mangler bare 1 ting, så er din løsning perfekt...

Skal have mulighed for at definere tykkelsen på stregen

Hvis du f.eks. vil have den 2px tyk ændrer du bare størrelsen i klassen, skal den være 3 eller tykkere, skal du også fratrække den ekstra størrelse i placeringen !-)

selvfølgelig ;)

Det er simpelthen lige i skabet...  Mange tak
smider du et svar ?

Velbekomme '-)

-- og tak for point ;~}