ehh insæt billede hver gang man trykker med musen

<HTML>
<HEAD>
<SCRIPT>
    function doit(){
        document.getElementById(\'siden\').innerHTML = document.getElementById(\'siden\').innerHTML + \'<IMG src=\"skud.gif\" style=\"position: absolute; left: \' + event.clientX + \'; top: \' + event.clientY + \' ;\">\';
    }
</SCRIPT>
</HEAD>
<BODY id=\"siden\" onClick=\"doit();\">
</BODY>
</HTML>

så skal du bare lægge et billede af et skudhul i filen skud.gif

/SpEeDy

Speedy hvis ikke du vælger at tjekke for hvilken browser bør du nok bruge document.all og ikke getElementById som her. GetElementById virker kun i IE 5.5 og Netscape 6.0, men da Netscape ikke forstår innerHTML - Kan den ikke bruges her. Ved at bruge document.all sikrer du at IE 4.0/5.0/5.5 kan bruge scriptet.

Dette betyder ikke at det er dumt at bruge document.getElementById - Så bør du bare have et alternativ klar til de browserversioner der ikke forstår det.

/Nikolaj

nikolajdu>>
Vil det sige at denne virker også i 4.0/5.0/5.5 og 6.0 ??


/SpEeDy

<HTML>
<HEAD>
<SCRIPT>
    function doit(){
        document.getElementById(\'siden\').innerHTML = document.all(\'siden\').innerHTML + \'<IMG src=\"skud.gif\" style=\"position: absolute; left: \' + event.clientX + \'; top: \' + event.clientY + \' ;\">\';
    }
</SCRIPT>
</HEAD>
<BODY id=\"siden\" onClick=\"doit();\">

</BODY>
</HTML>

Du mangler lige at skifte en enkelt - document.getElementById - Ja så burde det virke. Ved ikke med 6.0 har ikke kigget på  den endnu. Anyway ville det nok stadigt være en bedre løsning at tjekke for versionen.

Mon ikke den her virker.

<HTML>
<HEAD>
<SCRIPT>

var IE4 = (document.all)?true:false;
var IE55 = (document.getElementById && document.all)?true:false;
var ns4 = (document.layers)?true:false;
var ns6 = (document.getElementById && !document.all)?true:false;

    function doit(){

if (IE4){
        document.all(\'siden\').innerHTML = document.all(\'siden\').innerHTML + \'<IMG src=\"skud.gif\" style=\"position: absolute; left: \' + event.clientX + \'; top: \' + event.clientY + \' ;\">\';
    }else if (IE55){
document.getElementById(\'siden\').innerHTML = document.getElementById(\'siden\').innerHTML + \'<IMG src=\"skud.gif\" style=\"position: absolute; left: \' + event.clientX + \'; top: \' + event.clientY + \' ;\">\';


}else if(ns4||ns6){

alert(\'Virker ikk her!\');
    }
}
</SCRIPT>
</HEAD>
<BODY id=\"siden\" onClick=\"doit();\">

</BODY>
</HTML>

<ole>
IE5.5 forstår da vist også \'document.all\' - under alle omstændigheder forstår IE5.0 og op \'document.getElementById\'  ;o)
...og så kunne man vel passende trække halvdelen af billedets højde fra \'top\' og halvdelen af dets bredde fra \'left\' - så rammer man, hvor man sigter.
/mvh
</bole>

olebole>>Ja, men hvordan ? Du kender da ikke billedets bredde og højde ?

Men ok, man kan da godt definere det statisk.

/SpEeDy

oki gytter slow down jeg skal lige prøve at se om jeg kan få det til at virke!!! jeg finder ud af om det virker imorn ;-)

Ehh jo ser i... det virker delvist,  når jeg trykker med musen så kommer der et billede, men det er ikke det billede jeg vil have det skal være (det er bare et tom billede)... kan i svare mig på hvorfor???

Du skal selv ændre navnet på billedet til navnet på din egen fil.

<IMG src=\"skud.gif\" - ændres til

IMG src=\"Navn_paa_mit_billede.gif\"

I ren IE5+ kode kunne det gøres sådan:

<html>
<head>

<script language=\"JavaScript\">
var inx = 0;
function skyd() {
  document.body.innerHTML += \'<div id=\"skud\' + inx + \'\" style=\"position:absolute;visibility:hidden;z-index=\' + (inx+1) + \'\"><img src=\"dit_billede.gif\"></div>\';
  obj = document.getElementById(\"skud\" + inx);
  objW = parseInt(obj.offsetWidth);
  objH = parseInt(obj.offsetHeight);
  obj.style.left = parseInt(event.clientX) - (objW/2);
  obj.style.top = parseInt(event.clientY) - (objH/2);
  obj.style.visibility = \"visible\";
  inx++;
}
</script>

</head>
<body onclick=\"skyd();\">


</body>
</html>

Husk iøvrigt, at \'document.all[\"noget\"]\' er med firkantede brackets - i modsætning til \'document.getElementById(\"noget\")\'.
I første tilfælde er det et kald ned i dokumentets all-array. Der eksisterer ikke et sådant array i W3C\'s DOM, men her kaldes objektet direkte ved dets id...derfor forskellen i notationen.
/mvh

Uuuuuupszzz....der var vist et lighedstegn i stedet for et kolon, da jeg satte z-index:

document.body.innerHTML += \'<div id=\"skud\' + inx + \'\" style=\"position:absolute;visibility:hidden;z-index:\' + (inx+1) + \'\"><img src=\"dit_billede.gif\"></div>\';

...eller prøvede på det  =o)

Hmmmmm....og så er det nok en meget god idé at preloade dit billede. Så går det hurtigere ved første skud:

<html>
<head>

<script language=\"JavaScript\">
var pic = new Image();
pic.src = \"dit_billede.gif\";
var inx = 0;
function skyd() {
...osv ...osv ...resten af det, jeg skrev før...

De steder, hvor der står \'dit_billede.gif\' skal du selvfølgelig skrive navnet på dit eget skud-billede.
/mvh

Oki jeg prøver med dit foreslag olebole...
får svar senere
mvh
Leshrac

ho jeg kom til at acceptere dit svar uden at have testet... hmmm what ever, men nu hvor jeg er så flink må du lige hjælpe mig hvis det ikke gør som det skal....
mvh Leshrac

...selvfølgelig  :)

Yahoooo det virker så det behøves ikke!!!

Mvh
Leshrac

www.jubiiiiiiiiiiii...det var da godt!
Tak for points  =o)

Np

Tak for svar