Avatar billede planetdb Nybegynder
14. november 2001 - 16:11 Der er 25 kommentarer og
1 løsning

JAVA 2

>> nute.

Som sagt kan du score 150 points ved dette. Du skal lave et skrift nøjagtig som før, man skal denne gang, bare kunne vælge skrifttype og om teksten skal være <b>, <i> eller <u>...Altså teksten skal kunne være således i et <texarea>:

f.eks.

Hejsa(verdana)

Kører det?(Times New R.)

altså jeg skal selv kunne vælge som i word...Håber du kan hjælpe igen..
Avatar billede planetdb Nybegynder
14. november 2001 - 16:12 #1
skrift=script, sorry...! :)
Avatar billede nute Nybegynder
14. november 2001 - 16:17 #2
150 er vel litt i overkant....det er jo forsåvidt nøyaktig det samme script du er ute etter...

<html>
<script>
function doBold(){   
    if (document.selection.createRange().text != \"\" && document.selection.createRange().text.indexOf(\"<b>\") == -1) {
        sT = document.selection.createRange(); 
        sTxt = \"<b>\" + sT.text + \"</b>\";
        sT.text = sTxt
    } else {
    return false;
    }
}
function doItalic()
{   
    if (document.selection.createRange().text != \"\" && document.selection.createRange().text.indexOf(\"<i>\") == -1) {
        sT = document.selection.createRange(); 
        sTxt = \"<i>\" + sT.text + \"</i>\";
        sT.text = sTxt
    } else {
    return false;
    }
}
function doStrong()
{   
    if (document.selection.createRange().text != \"\" && document.selection.createRange().text.indexOf(\"<strong>\") == -1) {
        sT = document.selection.createRange(); 
        sTxt = \"<strong>\" + sT.text + \"</strong>\";
        sT.text = sTxt
    } else {
    return false;
    }
}

function doFont(){
  var font = prompt(\"Change font\",\"\");
    if (document.selection.createRange().text != \"\" && document.selection.createRange().text.indexOf(\"<i>\") == -1) {
        sT = document.selection.createRange(); 
        sTxt = \"<font face=\'\" + font + \"\'>\" + sT.text + \"</font>\";
        sT.text = sTxt
    } else {
    return false;
    }
}

</script>
<body>
<form>
<input type=\"button\" onClick=\"doStrong();\" value=\"Strong\">&nbsp;
<input type=\"button\" onClick=\"doBold();\" value=\"Bold\">&nbsp;<input type=\"button\" onClick=\"doItalic();\" value=\"Italic\">&nbsp;<input type=\"button\" onClick=\"doFont();\" value=\"Change font\">
<br>
<textarea cols=\"25\" rows=\"25\" name=\"Body\" style=\"font-family: verdana;\"></textarea>
</form>
</html>

/nute
Avatar billede olebole Juniormester
14. november 2001 - 16:19 #3
<ole>
Undskyld, men prøv lige at kikke i det første spm. Dette er en yderst clumpsy metode at gøre det på  ;o)
/mvh
</bole>
Avatar billede nute Nybegynder
14. november 2001 - 16:20 #4
olebole >> jeg leste ikke det andre spm før etter jeg hadde postet dette :-|

*kikker på dine links, men kan ikke slette allerede postede innlegg*

;-)

/nute
Avatar billede olebole Juniormester
14. november 2001 - 16:26 #5
*LooOooL* Næææææhhhhh, du - og: The Whole World\'s Watching...!
Avatar billede planetdb Nybegynder
14. november 2001 - 16:35 #6
Mange, mange tak igen!! De 150 er ganske velfortjent! :o) Jeg har forresten \"added\" dig til min IQC liste hvis jeg fremover havde spørgsmål mht. JAVA, jeg fik nummeret fra dit website, er det iorden, eller..?
Avatar billede olebole Juniormester
14. november 2001 - 16:36 #7
planetdb >> Har du læst, hvad jeg skrev til dig?
/mvh
Avatar billede olebole Juniormester
14. november 2001 - 16:39 #8
<a href=\"java script:document.execCommand(\'BOLD\');void(0)\">Gør tekst bold</a>

...get my drift?  =o))
/mvh
Avatar billede nute Nybegynder
14. november 2001 - 16:39 #9
hmmm....jeg har egentlig ikke lyst til å ha de pointsene.... :-| jeg skrev også at 150 var for mye...jeg har kikket litt på de linksene som olebole postet, og må innrømme at det var en smartere måte å gjøre det på, selv om jeg ikke var særlig imponert over at M$ ikke hadde en feilfri implementasjon (som om dét var noe nytt)

/nute
Avatar billede nute Nybegynder
14. november 2001 - 16:41 #10
Avatar billede olebole Juniormester
14. november 2001 - 16:42 #11
Jeg er ikke helt med på den ikke fejlfri implementation, nute. Hvad præcist mener du?
Avatar billede planetdb Nybegynder
14. november 2001 - 16:43 #12
>>nute.

Det er skam heeelt iorden mht. de points! Du havde da hjulpet mig, og derfor fortjent dem!..meeen hvis du gerne vil hjælpe lidt mere, så må du da gerne det..:o)

Jeg kunne godt tænke mig, at man i mit <textarea> kunne se ændringerne når de skete, dvs. at teksten blev verdana hvis man valgte den font, og at linket blev blåt, som hvis det var lavet i frontpage eller lign. Altså ikke vise selve HTML koden, men blot handlingen...kan det lade sig gøre..?
Avatar billede nute Nybegynder
14. november 2001 - 16:52 #13
olebole >> hvis man kikker litt i sourcen, kan man se

1) <P unselectable=\"on\">... merkelig attributt som ikke fungerer i min IE5 (man kan velge tekst fra en \'unselectable\' paragraf), kanskje fordi den ikke er standard ?!?! ;)
2) Jeg kan ikke like at man ikke kan velge tekst til linken. Linken blir av dette format (noe jeg mener er mangelfullt):

<a href=\"http://www.nute.com\">http://www.nute.com</a>

kanskje det er min browser som er for gammel, men hvis det er tilfelle, så må jeg nesten si at jeg liker min metode \"bedre\" (*uten* at vil inn i en diskusjon om bruksmåte og lignende) ;-)

planetdb >> det er ingen mulighet for formattering av tekst i et textarea. hvis du ønsker dette, så skal du leke litt med olebole sitt forslag. Med hensyn til icq....den bruker jeg kun sammen med noen \"spesielt utvalgte\" (i arbeidssammenheng). jeg bruker den \"desverre\" ikke til å hjelpe folk fra eksperten (eller and´re fora)

/nute
Avatar billede olebole Juniormester
14. november 2001 - 17:47 #14
onclick=\"document.execCommand(\'CreateLink\', false, \'http://www.jubii.dk\')\"
Giver dig et link til Jubii.

onclick=\"document.execCommand(\'CreateLink\', true)\"
Giver dig et userinterface, hvor du bestemmer typen af link, samt destinationen.
Vi skal ikke diskutere - du skal bare læse dokumentationen!  *LooL*

\'unselectable\' fungerer fint efter IE5.5, hvor den blev implementeret.
/mvh
Avatar billede nute Nybegynder
14. november 2001 - 18:31 #15
olebole >> joda, men du forstår meg ikke helt...la oss anta at jeg har følgende tekst:

Klikk her for å lese mer

Med execCommand, kan jeg ikke markere \'her\', velge å lage en link og på samme tid beholde den visuelle representasjonen (nemlig ordet \'her\'). Det eneste jeg kan klare å lage er:

Klikk http://www.domene.com/dithvorjeglinkertil for å lese mer

u c ?

unselectable vs w3c ??? ;-)

:-)
Avatar billede olebole Juniormester
14. november 2001 - 18:38 #16
Du må gøre noget galt:

<div contenteditable=\"true\" style=\"width:500px;height:150px;border:1px inset #dedede\"></div>
<button onclick=\"document.execCommand(\'CreateLink\', false, \'http://www.jubii.dk\')\">Link #1</button>&nbsp;
<button onclick=\"document.execCommand(\'CreateLink\', true)\">Link #2</button><br><br>

<button onclick=\"alert(document.body.innerHTML);\">Vis HTML;</button>

/mvh
Avatar billede olebole Juniormester
14. november 2001 - 18:39 #17
Hvad mener du med:

\'unselectable vs w3c ???\' ...? Alt det her er ren IE  ;o)
Avatar billede planetdb Nybegynder
14. november 2001 - 19:10 #18
>> Olebole.

Faktisk ret fedt eksempel...Har du et tilsvarende scipt, som kan lade en bruger bestemme evt. font?...
Avatar billede planetdb Nybegynder
14. november 2001 - 19:10 #19
scipt=script sorry...;)
Avatar billede planetdb Nybegynder
14. november 2001 - 20:06 #21
Skulle koden så ikke bare se sådan ud:

<div contenteditable=\"true\" style=\"width:500px;height:150px;border:1px inset #dedede\"></div>
<button onclick=\"document.execCommand(\'FontName\', true)\">Font #1</button>

eller hvad..? (kender ikke rigtig til dette...sorry.)
Avatar billede olebole Juniormester
14. november 2001 - 20:22 #22
Prøv at kikke på denne forklaring af execCommand():
http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/methods/execCommand.asp

Se derefter på det link, jeg gav ovenfor. Prøv så, om du kan se det logiske i denne kode:

<div contenteditable=\"true\" style=\"width:500px;height:150px;border:1px inset #dedede\"></div>
<button onclick=\"document.execCommand(\'FontName\', false, \'Arial\')\">Font #1</button>

/mvh
Avatar billede planetdb Nybegynder
14. november 2001 - 20:56 #23
okkkkaaayy....I\'ve got it! :o)...men jeg kan så forstå, at hvis jeg ønsker at \"add\" flere values til , strengen gøres det således:

document.execCommand(\'FontName\', false, \'Arial, Verdana, san-sherif\')

..men det skulle gerne være sådan, at brugeren SELV vælger imellem de 3 font typer...Hvordan skal jeg så skrive det op...??
Avatar billede olebole Juniormester
14. november 2001 - 21:18 #24
Nu skal jeg jo ikke bygge et helt content management system til dig, men i stedet for fonten, kan du jo skrive en variabel:
  var minFont = \"Verdana\";
  document.execCommand(\'FontName\', false, minFont);
Så må du selv finde ud af at ændre variablens værdi med en selectbox eller noget.
Held og lykke med udviklingen  ;o)
/mvh
Avatar billede planetdb Nybegynder
14. november 2001 - 21:23 #25
Takker for hjælpen, det var sku heller ikke min mening at lade dig bygge nogle systemer for mig, jeg ville bare gerne fatte dette her...!
Avatar billede olebole Juniormester
15. november 2001 - 02:49 #26
Det var nu også mere en joke  ;o)
/mvh
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