Merhaba arkadaşlar, basit bir proje yapıyorum. Yapmam gereken seçmiş olduğum text içindeki kelimeleri butona tıkladığımda buton rengine dönüştürmesi.
Örnek linkteki gibi olacak.
http://doccano.herokuapp.com/demo/na...y-recognition/
Örneğin bir text var, üst kısımda da etiketler var, insan, konum vs.
Text'te olan ismi seçerek üstteki isim etiketine tıkladığımızda ismin etiket rengini almasını istiyorum. Bilgisi olan varsa yardımcı olabilir mi?
Yeniyim, ilk defa js kullanıyorum bilginize.
Teşekkürler.
En basitinden şu şekilde yapabilirsini (jquery varlığını kabul ediyorum, pure javascipt ise ona göre yazalım);
<span>Örnek Makalemiz, javascript seçim css</span><br>
<span>Örnek Makalemiz, javascript seçim css</span><br>
<button class="btn style" type="button" />Sitil değiştir</button>
$(function() {
$('.style').on('click', function() {
var selectionText = selection();
$('.changeText1').css({"background":"red"}); // fonksiyon içerisinde oluşturduğumuz elemente css ataması yapıyoruz
});
});
function selection() {
try {
if (window.ActiveXObject) { return document.selection.createRange().htmlText; }
var button = document.createElement("button"); // Seçilen alandan buton oluşturuyoruz. Siz burada span, div vs.. farklı bir dom element oluştrabilirsiniz
button.className = 'changeText1'; // Oluşturuduğunuz elemente uniq bir class atayın ki her birini farklı biçimlendirebilesiniz
getSelection().getRangeAt(0).surroundContents(button);
return button.innerHTML;
} catch (e) {
if (window.ActiveXObject) { return document.selection.createRange(); }
return getSelection();
}
}