Det samme billede ind flere gange (innerHTML)

Ku du lægge din test side ud på nettet så man kan se?  Efter beskrivelsen burde det virke.

mvh JakobA

Hej Jacob
Tak for din interesse!
Jeg kan ikke lægge noget op -jeg er ikke ´på´ men dét er næsten hele koden som jeg har vist i første omgang. Her er resten:

<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0//EN\">
<HTML>
<STYLE TYPE=\"text/css\"></STYLE>

<HEAD>
<SCRIPT TYPE=\"text/javascript\">
var htmlStreng=\"\";
function klask()
{
htmlStreng= \"<IMG SRC=\'../Billeder/goldDisk2.gif\' BORDER=\'0\' WIDTH=\'100\' HEIGHT=\'100\'>\"

plads.innerHTML =htmlStreng;

plads.style.left=window.event.x + document.body.scrollLeft-60;
plads.style.top=window.event.y + document.body.scrollTop-10;     

}
</SCRIPT>
</HEAD>

<BODY onclick=\"klask()\">
<p ID=\"plads\" STYLE=\"position: absolute; \" ></p>
</BODY>
</HTML>

Det er det hele -Burde virke som du siger, men....

Hvis du sakser den her kode over og kører den i browseren så _hopper_ billedet fra plads til plads, istedet for at der kommer et \"stabilt\" billede for hvert musetryk (som var formålet *s*)..

er spændt om du har en genial idé..
mvh a.

Det er ikke det store mysterie. du har lavet een paragraf der hedder \"plask\" og hvergang du fylder noget i den overskriver du det der stod i forvejen.
Det kan der aldrig komme mere end eet billede udaf.

prøv med:

<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0//EN\">
<HTML>
<STYLE TYPE=\"text/css\"></STYLE>

<HEAD>
<SCRIPT TYPE=\"text/javascript\">
var htmlStreng=\"\";
var teller = 0;
function klask() {
  htmlStreng= \"<IMG SRC=\'../Billeder/goldDisk2.gif\' BORDER=\'0\' WIDTH=\'100\' HEIGHT=\'100\'>\"
  var plads = eval( \"plads\"+teller++ );
plads.innerHTML =htmlStreng;

plads.style.left=window.event.x + document.body.scrollLeft-60;
plads.style.top=window.event.y + document.body.scrollTop-10;   

}
</SCRIPT>
</HEAD>

<BODY onclick=\"klask()\">
<p ID=\"plads0\" STYLE=\"position: absolute; \" ></p>
<p ID=\"plads1\" STYLE=\"position: absolute; \" ></p>
<p ID=\"plads2\" STYLE=\"position: absolute; \" ></p>
<p ID=\"plads3\" STYLE=\"position: absolute; \" ></p>
<p ID=\"plads4\" STYLE=\"position: absolute; \" ></p>
<p ID=\"plads5\" STYLE=\"position: absolute; \" ></p>
</BODY>
</HTML>

det skulle virke indtil du har lavet 6 billeder.

mvh JakobA

Hej Jacob
Tak for hjælpen!!
Det er ikke liiige sådan jeg helst ville have det for der er jo et fast antal billeder men bare for linien med eval og den måde man kan anvende denne funktion skal du have fuld kredit! *s*
Tak for det!
mvh.

en simpel ændring der måske er det du ønsker ville være at forlænge den innerhtml med et extra billede hver gang:

  plads.innerHTML = htmlStreng;
bliver så til:
  plads.innerHTML += htmlStreng;

(i din oprindelige funktion)

mvh

Hej Jacob.
Det er den 1. metode der giver det bedste resultat. med 20 ID i html koden kan jeg opnå et udmærket resultat. Jeg har så sat en kontrollinie ind i funktionen som forhindrer at der tælles op over de 20 mulige ID mao:
[if (teller>20) teller=0; ]
Hvis man smækker mere end 20 billeder ind så hopper den første og det er ok.
Tak for hjælpen!