Avatar billede Slettet bruger
10. april 2007 - 20:12 Der er 5 kommentarer og
1 løsning

Udskiftning af billede ved execCommand

Hej eksperter.

Jeg er ved at lave en editor.
Her har jeg nogle valgmuligheder til tekstformatering i form af billeder, fx. et billede hvorpå man trykker og teksten bliver fed.
Stortset hele min editor ER lavet, men nu vil jeg gerne gøre den lidt mere brugervenlig. Ved at man kan se hvilke funktioner som er slået til og fra.
Derfor har jeg lavet 2 forskellige billeder til hver funktion.
Hvordan får jeg den til at skifte billedet fed.gif til fed-ned.gif når jeg sætter bold funktionen til, og omvendt?

Ved ikke om det skal laves i image tagget eller i javascript funktionen, men ville da helst gerne have det i javascriptet, som forøvrigt ligger i en editor.js

For eksempel er min FED funktion:
function fed() {
  editor.document.execCommand('bold', false, null);
}
og image tagget er:
<img class='imgnoborder' src='../img/editor/fed.gif' onclick='fed()' alt='Fed' />

Håber det er forståeligt :)
Avatar billede jhe-ting Nybegynder
10. april 2007 - 23:27 #1
Brug

    document.onselectionchange

event'et til at aktivere et script der ved hjælp af
funktionerne (i document-objektet)

    queryCommandSupported(cmd);

    queryCommandEnabled(cmd);

    queryCommandIndeterm(cmd);

    queryCommandValue(cmd);

kan afgøre hvilke kommandoer der er aktiveret og
hvilken grafik knapperne skal vise.
Avatar billede jhe-ting Nybegynder
10. april 2007 - 23:33 #2
Se evt microsoft's

    "How to Create an HTML Editor Application"

på adressen:

    http://msdn.microsoft.com/library/default.asp?url=/workshop/author/hta/hta_node_entry.asp
Avatar billede Slettet bruger
11. april 2007 - 16:50 #3
kan godt være at jeg lyder helt åndssvag nu, men det der forstod jeg ikke. har simpelthen ingen idé om hvor jeg skal sætte det forskellige ind henne?
Avatar billede jhe-ting Nybegynder
11. april 2007 - 18:48 #4
Det er også en relativ kompliceret ting at lave en editor. Jeg har lavet en, men det er for omfattende at referere hele koden.

1.Hver gang markøren flyttes skal den valgte teksts egenskaber reflekteres i kommandoknapperne.
Hændelsen 'onselectionchange' opstår hver gang markøren flyttes og kan derfor benyttes til at aktivere scriptet.

2. De aktive kommandoer aflæses med 'queryCommandValue', efter man har forvisset sig om at:
  2a. Det fokuserede element er editortekst-elementet
  2b. Kommandoen er understøttet (queryCommandSupported)
  2c.    -"-        slået til    (queryCommandEnabled)
  2d.    -"-    har en værdi    (queryCommandIndeterm)
Avatar billede jhe-ting Nybegynder
11. april 2007 - 18:54 #5
Hvis du ikke selv kan programmere det kan du prøve at stille spørgsmålet i kategorien:

    Opgaver -> Programmeringsopgaver.

Hvis du giver maksimum point kan det tænkes...
Avatar billede Slettet bruger
12. april 2007 - 21:04 #6
tja, nu er det eneste jeg mangler sådan set også lige den der detalje i min editor :)
og det er ikke fordi jeg er nærrig med pointsne, men troede bare ikke at det ville være en større opgave at lave en sådan kommando, men det er det åbenbart.
men vil prøve mig frem, tak for forklaringen.
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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.

Du kan også logge ind via nedenstående tjenester