[JS] ContentEditable: PasteHTML op de juiste plek - Softwareontwikkeling

vrijdag 21 mei 2004 14:15

Acties:

Topicstarter

Ik ben al de hele dag aan het stoeien om onderstaand probleem op te lossen. Ik vermoed dat de oplossing erg simpel is, maar helaas heb ik die (ondanks veel zoeken) niet kunnen vinden. Nadeel is ook dat mijn JS-kennis net iets te beperkt is. Hopelijk kan hier iemand me helpen.

Ik heb de volgende code:

code:

<html><head>
<script>
function plaatstekst() {
    var selectedText = document.selection.createRange();
        selectedText.pasteHTML ("HALLO")
}
</script></head>
<body bgcolor=#EBEBEB>
<A HREF="javascript:plaatstekst();">Plaats tekst</A><HR>
<div id="edit" contentEditable="true" style="width:400px;height:300px;background-color:white;">&nbsp;<P>Dit gedeelte is te bewerken<P></div>
</body>
</html>

Als ik tekst selecteer in het bewerk-venster, gaat het plaatsen van tekst helemaal goed. Zet ik de cursor echter op een willekeurige plek (zonder een tekstselectie dus), dan verschijnt mijn toegevoegde tekst (d.m.v. PasteHTML) niet in het bewerk-venster, maar daarboven. Iemand een idee wat hier aan te doen is?

vrijdag 21 mei 2004 14:23

Acties:

Verwijderd

mischien zo: edit.selectedText.pasteHTML ("HALLO")

vrijdag 21 mei 2004 14:30

Acties:

SnoW

Topicstarter

Helaas....Krijg dan de volgende foutmelding:

"edit.selectedText" is leeg of geen object"

vrijdag 21 mei 2004 14:44

Acties:

Verwijderd

var selectedText = document.getElementById('edit').selection.createRange();

vrijdag 21 mei 2004 14:57

Acties:

SnoW

Topicstarter

Ook hier helaas een foutmelding:

'document.getElementById(...).selection' is leeg of geen object

vrijdag 21 mei 2004 15:13

Acties:

BtM909

Watch out Guys...

Waarschijnlijk zou ik het anders oplossen, maar zo snel kijkend:

Je code werkt wel, maar zet de nieuwe HTML tekst op de positie van je cursor in 't element dat de focus heeft.

code:

1
2
3

document.getElementById('edit').focus();
var selectedText = document.selection.createRange();
selectedText.pasteHTML ("HALLO");

Should do the trick

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.

vrijdag 21 mei 2004 15:18

Acties:

SnoW

Topicstarter

Je bent een held! Het werkt!
Thnx!

vrijdag 21 mei 2004 15:20

Acties:

BtM909

Watch out Guys...

SnoW schreef op 21 mei 2004 @ 15:18:
Je bent een held! Het werkt!
Thnx!

Snap je ook waarom het mis gaat?

_{Dat is natuurlijk de bedoeling van het stukje code wat ik heb gegeven}

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.

vrijdag 21 mei 2004 15:26

Acties:

SnoW

Topicstarter

Ja, ik hem hem door! Je zet eerst de focus op het element (de DIV 'edit' in mijn geval), zodat vervolgens de te plaatsen tekst op de goede plek terechtkomt.

Ooit krijg ik JS nog wel eens echt goed onder de knie....

vrijdag 21 mei 2004 15:27

Acties:

SnoW

Topicstarter

[knip] (sorry)

[ Voor 97% gewijzigd door SnoW op 09-02-2005 12:54 ]

vrijdag 21 mei 2004 15:28

Acties:

BtM909

Watch out Guys...

SnoW schreef op 21 mei 2004 @ 15:26:
Ja, ik hem hem door! Je zet eerst de focus op het element (de DIV 'edit' in mijn geval), zodat vervolgens de te plaatsen tekst op de goede plek terechtkomt.

Ooit krijg ik JS nog wel eens echt goed onder de knie....

Hmmm... Ik doelde eigenlijk meer op:

Doordat je op die link klikt, gaat de focus naar die link tekst. Vandaar dat Hallo standaard voor je link terecht kwam

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.

vrijdag 21 mei 2004 15:28

Acties:

SnoW

Topicstarter

Ah, dat had ik dus nog niet bedacht.

Bedankt voor de uitleg!!

(en sorry voor die dubbele post hierboven.....ben een beetje overwerkt)

[ Voor 67% gewijzigd door SnoW op 21-05-2004 15:29 ]

Pagina: 1

Reageer