ansaurus

Question

Answer 1

A:

If you can live with using JQuery, then cloning can be done this way:

$("#input1").keyup(function() { 
  $("#input2").val( $("#input1").val() );
}

Zed 2009-08-25 20:38:00

Answer 2

A:

You can do the first part you ask about (like my answer here), but not the 2nd part - it's just not possible to have more than one active selected range at a time.

Peter Bailey 2009-08-25 20:38:49

Answer 3

+1 A:

It's very easy in Firefox and Opera as far as I see. Google Chrome and IE not so much. Here's the code that works in FF:

<!DOCTYPE html>

<html>
<head>
<meta charset="UTF-8">
</head>
<body>

<input type="text" size="40" id="sel-1" value="Some long text">
<input type="text" size="40" id="sel-2" value="Some long text">

<script type="text/javascript">
var sel_1 = document.getElementById("sel-1");
var sel_2 = document.getElementById("sel-2");

document.onmousemove = function () {
    sel_2.selectionStart = sel_1.selectionStart;
    sel_2.selectionEnd   = sel_1.selectionEnd;
}
</script>
</body>
</html>

Ionuț G. Stan 2009-08-25 21:04:11

I'm not even sure if those browsers support selection of multiple parts on the page at the same time.

Litso 2009-08-25 21:08:29

Works nicely in Firefox. I had no idea multiple selections were possible.

artlung 2009-08-25 21:10:14

I should clarify: tested in FF 3.5.2 and works great.

artlung 2009-08-25 21:11:19

I guess @timhessel is almost right. Opera, IE and Chrome don't support multiple selection when I manually select using CTRL. Nevertheless the above solution works in Opera, is just that the second selection is of a different color. I wonder what's the support of multiple selection using Range objects...

Ionuț G. Stan 2009-08-25 21:14:23

Unfortunately, I don't seem to come up with a cross-browser solution.

Ionuț G. Stan 2009-08-25 21:56:07

Very nice! Unfortunately, I need IE to work too. Even more than FF.

ntownsend 2009-08-25 22:03:03

ansaurus

tags:

views:

answers:

How can I mirror text selection?

related questions