Dynamisk oprettelse af knapper

1. Når du har created dit element, så tilføjer du det ikke til noget eksisterende element.
2. fopretKnap= new opretKnap: Din funktion returnerer ikke noget, og det er ikke et objekt.
3. Din funktion tager to parametre og du giver tre med...

Lad os sige du vil tilføje et billede til en div, det gøres sådan her (hæng mig ikke op på detaljerne, det er ren frihånd ;)):

<div id="div"></div>

<script>
function addImage(imageSrc) {
  var img = document.createElement('img');
  img.src = imageSrc;
  document.getElementById('div').appendChild(img);
}
</script>

Vi opretter først et img-element, sætter sourcen til parameteren vi har medsendt, og så tilføjer vi billedet til et eksisterende element, nemlig div'en.

Kan du uddybe?

Glem min sidste kommentar, havde ikke set, at du have gjort det. :-)

Glemte at skrive, hvordan du så kørte funktionen:
<a href="#" onclick="addImage('billede1.png')">Tilføj billede1.png</a>

Jeg har tilrettet min kode som du siger og det virker næsten perfekt. Det sidste problem er det du skriver om i pkt. 3.
Det er meningen at aKnap skal være et 2D array - 1. del med src. og 2. del med handling.

Ved ikke helt, hvad du mener, men tror du mener noget i retning af sådan et array her:

arr = new Array(['src1', 'handling1'], ['src2', 'handling2']);

Du skriver i pkt. 3, at min funktion tager to parametre, men at jeg sender tre. Den tredje parameter er 2. del af mit Array.

Jeg ser om jeg kan få det til at virke med det du skriver

Jeg manglede en kantetparentes omkring hele arrayet.

fopretKnap= new opretKnap("Menu", [["Knap1.png", "Handling1"], ["Knap2.png", "Handling2"]])

Hvad er Handling1 og Handling2 ?-)

Handling1 = Bold & Handling2 = Italic

Jeg har fået til at virke dog på en lidt anden måde.

I stedet for at smide en 2D array over i funktionen, kalder jeg knapperne det samme som handlingen, hvorfor jeg kan trække handlingen ud af knappens navn.

Dog har jeg fortsat et lille problem med funktionen.

De tre første knapper er, Bold, Italic og Underline. Herefter kommer der tre nye knapper. Jeg ønsker et mellemtum mellem de to sæt knapper ala &nbsp.

Med følgende kode opretter jeg mine knapper:
function addKnap(sMenu,sEditor,aKnapper) {           
  for (var i = 0; i < aKnapper.length; i++) {
    var knap = document.createElement('img');
    knap.src = "knapper/" + aKnapper[i] + ".png";
    knap.action = aKnapper[i];
    document.getElementById(sMenu).appendChild(knap);
    // Tilføj events
    knap.attachEvent('onclick', function(){apply(sEditor,knap.action);});
  }   
}

Med ovenstående får jeg samme action på alle mine knapper.

For god ordens skyld kan jeg lige nævne at jeg kalder funktionen som følgende:
addKnap('menu','wysiwyg',['Bold','Italic','Underline']);

Håber der er nogen der kan hjælpe.

På adressen www.thorup-oergaard.dk/pl/wysiwyg.asp kan I se et eks. hvor jeg opretter knapperne en efter en.

www.thorup-oergaard.dk/pl/wysiwyg2.asp kan I se et eks. hvor jeg opretter knapperne i blokke.

Jeg ønsker at oprette mine knapper i blokke eller evt på en gang.

Jeg kan fortsat ikke få det til at virke. :-(

0vgaard og roenving smid et svar hver, så kan i dele pointene :-)

ok :)

Oki '-)

Tak for deltagelsen :-)

-- og tak for point ;~}