[Javascript] selectie van tekst uitlezen - Softwareontwikkeling

vrijdag 16 november 2007 14:53

Acties:

Topicstarter

ik ben hier al een tijdje mee bezig:

onder firefox gebruik ik het volgende:

JavaScript:

1 2	var selectedText = document.getElementById('wysiwyg_textarea').contentWindow.document.getSelection();

Dit werkt perfect, in IE werkt dit niet omwille van het feit dat getSelection niet wordt ondersteund.
wat echter wel ondersteund wordt is "createRange" echt lukt het me maar niet om dit zo te gebruiken dat ik ook effectief de waarde van mijn selectie terug krijg.

Heb verschillende topics doorgespit:
[Javascript] Selectie in textarea
[JS - HTML] WYSIWYG - editor

en verwijzingen naar sites:
http://developer.mozilla....egory:Gecko_DOM_Reference
http://developer.mozilla.org/en/docs/Midas

Echter kom ik er dus nog niet uit om een stukje code te creeeren waarmee ik de inhoud van men selectie terug krijg. Zou iemand kunnen helpen met wat zoekwoorden desnoods

de editors die ik al heb bekeken die dit wel goed gebruiken blijken erg ingewikkeld opgebouwd en zijn lastig te ontleden

Modelbouw - Alles over modelbouw, van RC tot diorama

vrijdag 16 november 2007 15:23

Acties:

BtM909

Watch out Guys...

FF geen tijd, maar zit er hier geen crossbrowser stuk hier: http://www.quirksmode.org/dom/range_intro.html?

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 16 november 2007 15:48

Acties:

Bozozo

Your ad here?

JavaScript:

1	document.selection.createRange().text

Volgens mij ben je daarnaar op zoek

TabCinema : NiftySplit

vrijdag 16 november 2007 16:27

Acties:

Sjoerd

Topicstarter

Bozozo schreef op vrijdag 16 november 2007 @ 15:48:
JavaScript:
1
document.selection.createRange().text
Volgens mij ben je daarnaar op zoek

Het zag er ook te mooi (simpel) uit om waar te zijn

krijg een lege alert terug (had hem binnen een alert gezet) jammer

@BtM909

eventjes afprinten en er naast leggen om door te nemen
edit: zojuist even de 2 voorbeeld codes geprobeerd:

JavaScript:

var userSelection;
if (window.getSelection) {
    userSelection = window.getSelection();
}
else if (document.selection) { // should come last; Opera!
    userSelection = document.selection.createRange();
}
alert(selectedText)

en het volgende wat de inhoud zou moeten weergeven

JavaScript:

 
var selectedText = userSelection;
if (userSelection.text)
    selectedText = userSelection.text;

Echter krijg ik in beide gevallen in IE een een alert met de boodschap [object]
terug en in Firefox een alert die leeg is

even verder zoeken nog

[ Voor 43% gewijzigd door Sjoerd op 16-11-2007 16:33 ]

Modelbouw - Alles over modelbouw, van RC tot diorama

vrijdag 16 november 2007 17:58

Acties:

Bozozo

Your ad here?

Het zou echt moeten werken. Post even een volledige voorbeeldcode, misschien zit de fout in iets anders dan het bemachtigen van de selection text.

TabCinema : NiftySplit

vrijdag 16 november 2007 18:27

Acties:

Sjoerd

Topicstarter

Bozozo schreef op vrijdag 16 november 2007 @ 17:58:
Het zou echt moeten werken. Post even een volledige voorbeeldcode, misschien zit de fout in iets anders dan het bemachtigen van de selection text.

oke

relevante code
Het eigenlijke 'element' dat ik gebruik

HTML:

1	<iframe id="wysiwyg_textarea" src="{filename_random}"></iframe>

Even extra toevoegingen

JavaScript:

function maak_frame(){
document.getElementById('wysiwyg_textarea').contentWindow.document.designMode = "on";
document.designMode('styleWithCSS', false, false); //verkrijg mooie css opmaak
}

En dan uiteindelijk proberen een selectie te verkrijgen

JavaScript:

function test(){
//HIER ZORGEN DAT IK EINDELIJK EEN SELECTIE KAN KRIJGEN VAN ZOWEL IE ALS FF
var userSelection;
if (window.getSelection) {
    userSelection = window.getSelection();
}
else if (document.selection) { // should come last; Opera!
    userSelection = document.selection.createRange();
}

var selectedText = userSelection;
if (userSelection.text)
   selectedText = userSelection.text;
    
alert(selectedText)
}

Alles bij elkaar

(helemaal uitgekleed maar het zou zo moeten werken denk ik

HTML:

<html>
<head>
<script language="javascript" type="text/javascript">
function maak_frame(){
document.getElementById('wysiwyg_textarea').contentWindow.document.designMode = "on";
document.designMode('styleWithCSS', false, false); //verkrijg mooie css opmaak
}
function test(){
//HIER ZORGEN DAT IK EINDELIJK EEN SELECTIE KAN KRIJGEN VAN ZOWEL IE ALS FF
var userSelection;
if (window.getSelection) {
    userSelection = window.getSelection();
}
else if (document.selection) { // should come last; Opera!
    userSelection = document.selection.createRange();
}
var selectedText = userSelection;
if (userSelection.text)
   selectedText = userSelection.text;
alert(selectedText)
}
</script>
</head>
<body onload="maak_frame()">
<iframe id="wysiwyg_textarea" src="{filename_random}"></iframe>
<a href="#" onclick='test()'>test</a>
</body>
</html>

[ Voor 29% gewijzigd door Sjoerd op 16-11-2007 18:32 ]

Modelbouw - Alles over modelbouw, van RC tot diorama

vrijdag 16 november 2007 18:42

Acties:

Bozozo

Your ad here?

Ik heb even een werkend voorbeeldje neergezet op http://arno.fiberhosting.nl/selection.html
Ik heb niet uitgebreid getest wat nou het verschil maakt tussen jouw code en de mijne, maar hier werkt mijn scriptje in IE en FF.

TabCinema : NiftySplit

vrijdag 16 november 2007 18:55

Acties:

Sjoerd

Topicstarter

Bozozo schreef op vrijdag 16 november 2007 @ 18:42:
Ik heb even een werkend voorbeeldje neergezet op http://arno.fiberhosting.nl/selection.html
Ik heb niet uitgebreid getest wat nou het verschil maakt tussen jouw code en de mijne, maar hier werkt mijn scriptje in IE en FF.

Die werkt hier inderdaad super

bedankt!
ik ga even wat vergelijken en laat het weten, hm vanaf het moment dat ik jou code kopieer
in mijn projectje krijg ik weer een lege alert in ff en object in IE voorgeschoteld

ben nu dus zeker dat het ligt aan het iframe want buiten het iframe kan ik wel uitlezen wat er geselecteerd is...

[ Voor 22% gewijzigd door Sjoerd op 16-11-2007 19:03 ]

Modelbouw - Alles over modelbouw, van RC tot diorama

zaterdag 17 november 2007 10:44

Acties:

Sjoerd

Topicstarter

Ondertussen heb ik uitgevogeld dat wanneer ik volgend stukje code gebruik:

JavaScript:

    function sayselection() {
        if (document.selection) {
        var sel = document.selection.createRange().text;
      }
      else {
        var sel = document.getElementById('wysiwyg_textarea').contentWindow.getSelection();
      }
      alert(sel);
    }

Ik onder firefox in ieder geval mijn iframe kan uitlezen, nu IE nog

Modelbouw - Alles over modelbouw, van RC tot diorama

zondag 18 november 2007 11:41

Acties:

Sjoerd

Topicstarter

Kleine kick nogmaals

ben er ondertussen nog altijd niet uit hoe ik dit onder IE werkend kan krijgen met mijn Iframe

Modelbouw - Alles over modelbouw, van RC tot diorama

maandag 19 november 2007 16:41

Acties:

killercow

eth0

Sjoerd schreef op zondag 18 november 2007 @ 11:41:
Kleine kick nogmaals ben er ondertussen nog altijd niet uit hoe ik dit onder IE werkend kan krijgen met mijn Iframe

Heb me er verder niet echt in verdiept, maar ben je in je IE code niet gewoon het huidige document an het querien in plaats van je iframe?

Je vraagt namenlijk niet eerst je iframe op zoals je voor FF wel doet.

openkat.nl al gezien?