Autocomplete nicków

Question

Proponuję dopisać, o ile ktoś ma czas i chęci, aby po np użyciu @ w edytorze tekstowym, podpowiadało nicki użykowników.

Przykład;

@B - Boshi, bugi, bartek, bert itd

 

Takie rozwiązanie jest na wielu forach. Ponadto z tym wiązało by się dodanie innego rodzaju powiadomień, coś jak na 4Programmers + oczywiście np taki nick byłby linkiem, pogrubiony etc, aby było widać, że to kierowane jest do konkretnego użytkownika.

Comments

Tu raczej należałoby zacząć od tego ze samo wywołanie kogoś @Boshi tu nie działa.. ;)

---

Przecież to zawiera się w tym co napisałem. To zbyt oczywiste abym pisał o takich rzeczach wprost.

---

To było proponowane już naprawdę dużą ilość razy i to bardzo dawno. Niestety nikt się nie podjął napisania czegoś takiego :)

Answer 1

Dobry pomysł, już ktoś zgłaszał i jest to w planach.

Lecz mało kto pomaga przy pisaniu, skrypt forum jest jaki jest, a więc niestety nie jestem w stanie określić kiedy coś takiego mogłoby się pojawić. Ale pomysł popieram.

Answer 2

Już trochę napisałem. Niedokończone, ale wrzucam. Jak ktoś chce, to niech dokończy. Trzeba to trochę też poprawić. Bym zapomniał dodać, że część skryptów skopiowałem ze StackOverflow, ponieważ nie chciałem pisać wszystkiego od zera.

var nickname = document.getElementsByClassName('nickname');

document.getElementsByClassName('show-online-user-count-total')[0].innerHTML = nickname[0].innerHTML.split('/');


nickname[0].style.background = 'red';

Array.prototype.contains = function(v) {
    for(var i = 0; i < this.length; i++) {
        if(this[i] === v) return true;
    }
    return false;
};

Array.prototype.unique = function() {
    var arr = [];
    for(var i = 0; i < this.length; i++) {
        if(!arr.includes(this[i])) {
            arr.push(this[i]);
        }
    }
    return arr; 
}
 


var tab = [];




function ispressed(){ 
  
		  
	for(var i=0;i<nickname.length;i++){ 
		var wrzuc_z_powrotem = (nickname[i].innerHTML.split('/')[0]);
		tab[i] = wrzuc_z_powrotem;
			 
		if(i==nickname.length-1) { 
					 
			var frame = document.getElementsByTagName("iframe")[2];
			var frameDoc = frame.contentDocument ? frame.contentDocument : frame.contentWindow.document;
			var unikat = tab.unique();
          
			frameDoc.onkeydown = function(mm) {

			   // document.getElementById('cke_1_bottom').innerHTML = null;

				var myvar = 'nic';
				
				frameDoc.body.style.backgroundColor = "yellow";
				  
				document.getElementById('cke_1_bottom').style.color = 'white';
				document.getElementById('cke_1_bottom').innerHTML = unikat;
				  
				} 
    	}

    
  }
}
setInterval(ispressed,100);