Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Кросс-браузерное выделение тескта (https://javascript.ru/forum/jquery/18037-kross-brauzernoe-vydelenie-teskta.html)

Johny 14.06.2011 16:00

Кросс-браузерное выделение тескта
 
Всем доброго времени суток. Есть следующий код:
$("input[name=a]").focusin(function(){
		$(this).attr("style","bla-bla").select();
		$(this).focusout(function(){
			$(this).attr("style","bla-bla");
		});
	});

Подскажите, пожалуйста, как его можно сделать кросс-браузерным? Т.к. выделение работает правильно только в FF. В остальных оно сразу снимается.

melky 14.06.2011 16:23

как вам придумалось делать это через скрипт ? :)

CSS.

input[name="a"] {

 bla lbaaksh;hpo78-h

}
input[name="a"]:focus {

       bla blaaaa


}

Johny 14.06.2011 16:42

melky,
Спасибо за совет, но как с помощью этого кода CSS будет выделяться весь текст в этом инпуте? Т.е. когда фокус попадает в инпут, выделяется весь текст в нем с помощью select().

melky 14.06.2011 16:51

аа. я про стили написал

$(this).focusout(function(){
			$(this).attr("style","bla-bla");
		});


про это

насчет выделения :

живой пример.

<input id=a value=Select-ME-please>
<script>
// Jquery ->>
//$("#a").focusin(function(){this.select()}) 

document.getElementById('a').onclick=function(){this.select()}
</script>

Johny 14.06.2011 17:22

Всё. Получилось. Спасибо.


Часовой пояс GMT +3, время: 22:59.