Hilfe beim Flüsterfenster

[Manueltiger]

Hallo ihr lieben, hab alles durchsucht aber nichts gefunden. Und zwar bräuchte ich mal eine Ausführliche Anleitung, wie ich im chat ein Popup als anflüstern hin bekomme. Hab da zwar was gefunden, wo gesagt wird, dass ich ein js script erstellen muss, und dass dann auf meinen server packen soll, aber wenn ich dann das script versuche unter ankündigen ein zu bauen, passiert gar nichts...wäre schön, wwenn mir jemand sagen könnte, wie das jetzt genau geht und auf was ich achten muss:(

[hundestaffel]

Die Scripte sind eigentlich alle sehr toll beschrieben. Ich kann leider nicht mehr sagen als genau an die Anleitung halten.

Eventuell kannst du deinen Script mal hier posten das man eventuell da einen Fehler herauslesen kann.

[Linus]

Bitte benutze künftig aussagekräftige Titel für deine Themen und halte dich andenLeitfaden zum richtigen Posten, dafür gibts ihn schließlich

[Mogli]

Ich mache für mein Anliegen jetzt keinen extra Thread auf.
Besteht die Möglichkeit in dem Flüsterfenster die Nicks in unterschiedlicher Farbe darzustellen?
Bsp: Nick A = Blau und Nick B = rot

Schöne Grüße
Mogli

[1. FC Keller]

Dafür ist dieser Teil im Code zuständig:

Code: Alles auswählen

      if(!!a && a[0]==2 && a[2]==nick && docTds[i].innerHTML.match(/ fl.stert<.span>:/i)){
        fWinUser[nick].messages.push(docTds[i].innerHTML.replace(/ fl.stert/, ""));
        fWinUser[nick].lineNr.push(i);
      }
      else if( docTds[i].innerHTML.match("Du flüsterst an "+nick+"</")){
        fWinUser[nick].messages.push(docTds[i].innerHTML.replace("Du flüsterst an "+nick, myNick));
        fWinUser[nick].lineNr.push(i);
      }

Du musst ihn hierdurch ersetzen

Code: Alles auswählen

      if(!!a && a[0]==2 && a[2]==nick && docTds[i].innerHTML.match(/ fl.stert<.span>:/i)){
        fWinUser[nick].messages.push(docTds[i].innerHTML.replace(/ fl.stert/, "").replace(nick, "<font color='#0000ff'>"+nick+"</font>"));
        fWinUser[nick].lineNr.push(i);
      }else if( docTds[i].innerHTML.match("Du flüsterst an "+nick+"</")){
        fWinUser[nick].messages.push(docTds[i].innerHTML.replace("Du flüsterst an "+nick, "<font color='#ff0000'>"+myNick+"</font>"));
        fWinUser[nick].lineNr.push(i);
      }

Dann wird der eigene Nick immer rot (#ff0000) und der andere blau (#0000ff) dargestellt. Die Farbcodes können natürlich geändert werden.
ich kam noch nicht zum testen. Hoffe es klappt so.

[Mogli]

Code: Alles auswählen

var fWinLineNr=0;
var fWinUser={};
var docTds = document.getElementsByTagName("td");
function fWinStream(){
  for(i=fWinLineNr;i<docTds.length;i++){
    a=lineData(docTds[i])
    if(!!a && a[0]==2 && !!(docTds[i].innerHTML.match(/ fl.stert<.span>:/i))){
      /(\w+) fl.stert<.span>/i.exec(docTds[i].innerHTML);
      nick = RegExp.$1;
      //alert(nick+" an dich");
      if(!!fWinUser[nick]){
        fWinUser[nick].messages[fWinUser[nick].messages.length] = docTds[i].innerHTML.replace(/ flüstert/, "");
        fWinUser[nick].lineNr.push(i);
        if(!!fWinUser[nick]["fWin"] && !fWinUser[nick]["fWin"].closed && !!fWinUser[nick]["fWin"].name){
          var newTbl=fWinUser[nick]["fWin"].document.createElement("table");
          var newTbody=fWinUser[nick]["fWin"].document.createElement("tbody");
          var newTr=fWinUser[nick]["fWin"].document.createElement("tr");
          var newTd=fWinUser[nick]["fWin"].document.createElement("td");
          newTd.setAttribute("id", "td"+i);
          newTr.appendChild(newTd);
          newTbody.appendChild(newTr);
          newTbl.appendChild(newTbody);
          fWinUser[nick].fWin.document.getElementById("fluesterStream").appendChild(newTbl);
          fWinUser[nick].fWin.document.getElementById("td"+i).innerHTML=fWinUser[nick].messages[fWinUser[nick].messages.length-1];
          if(!fWinUser[nick].showInStream){
            docTds[i].parentNode.parentNode.parentNode.style.display="none";
          }
        }
      }
    }
    else if(!!(docTds[i].innerHTML.match(/Du fl.sterst an /i))){
      /Du fl.sterst an (\w+)<.span>/i.exec(docTds[i].innerHTML);
      nick = RegExp.$1;
      //alert("du an "+nick);
      if(!!fWinUser[nick]){
        fWinUser[nick].messages[fWinUser[nick].messages.length]=docTds[i].innerHTML.replace("Du flüsterst an "+nick, myNick);
        fWinUser[nick].lineNr.push(i);
        if(!!fWinUser[nick]["fWin"] && !fWinUser[nick]["fWin"].closed && !!fWinUser[nick]["fWin"].name){
          var newTbl=fWinUser[nick]["fWin"].document.createElement("table");
          var newTbody=fWinUser[nick]["fWin"].document.createElement("tbody");
          var newTr=fWinUser[nick]["fWin"].document.createElement("tr");
          var newTd=fWinUser[nick]["fWin"].document.createElement("td");
          newTd.setAttribute("id", "td"+i);
          newTr.appendChild(newTd);
          newTbody.appendChild(newTr);
          newTbl.appendChild(newTbody);
          fWinUser[nick].fWin.document.getElementById("fluesterStream").appendChild(newTbl);
          fWinUser[nick].fWin.document.getElementById("td"+i).innerHTML=fWinUser[nick].messages[fWinUser[nick].messages.length-1];
          if(!fWinUser[nick].showInStream){
            docTds[i].parentNode.parentNode.parentNode.style.display="none";
          }
        }
      }
    }
  }
  fWinLineNr=i;
}
window.setInterval("fWinStream()", 500);
function fWinShowHide(show, nick){
  fWinUser[nick].showInStream = show;
  for(i=0; i<fWinUser[nick].lineNr.length; i++){
    docTds[fWinUser[nick].lineNr[i]].parentNode.parentNode.parentNode.style.display=show?(document.all?"block":"table-cell"):"none";
  }
}
function starteFWin(nick){
  if(!fWinUser[nick]){
    fWinUser[nick]={"messages":[], "fWin":{}, "lineNr":[], "showInStream":false};
    var a;
    for(i=0;i<docTds.length;i++){
      a=lineData(docTds[i]);
      if(!!a && a[0]==2 && a[2]==nick && docTds[i].innerHTML.match(/ fl.stert<.span>:/i)){
        fWinUser[nick].messages.push(docTds[i].innerHTML.replace(/ fl.stert/, "").replace(nick, "<font color='#0000ff'>"+nick+"</font>"));
        fWinUser[nick].lineNr.push(i);
      }else if( docTds[i].innerHTML.match("Du flüsterst an "+nick+"</")){
        fWinUser[nick].messages.push(docTds[i].innerHTML.replace("Du flüsterst an "+nick, "<font color='#ff0000'>"+myNick+"</font>"));
        fWinUser[nick].lineNr.push(i);
      }
    }
  }
  if(!!fWinUser[nick]["fWin"] && !fWinUser[nick]["fWin"].closed && !!fWinUser[nick]["fWin"].name){
    fWinUser[nick]["fWin"].close();
  }
  fWinUser[nick]["fWin"] = window.open("about:blank", "fWin"+nick, "width=300,height=300,scrollbars=yes,resizable=yes");
  fWinUser[nick]["fWin"].document.write("<html><head><title>Fl&uuml;sterfenster mit "+nick+"</title>"+
    "<link rel='stylesheet' type='text/css' href='http://server"+chatData[0]+".webkicks.de/"+chatData[1]+"/style_stream.css'><script language='javascript'>window.setInterval('window.scrollBy(0,50)',100)</"+''+"script></head><body><table style='width:100%;height:100%'><tbody>"+
      "<tr style='height:100%'><td style='overflow:scroll; vertical-align:top;' id='fluesterStream'>"+
      "<table><tbody><tr><td>"+fWinUser[nick].messages.join("</td></tr></tbody></table><table><tbody><tr><td>")+"</td></tr></tbody></table>"+
      "</td></tr><tr><td>"+
      "<form name='fForm' onsubmit='opener.sendeText(\"/f "+nick+" \"+this.fMessage.value); this.fMessage.value=\"\"; return false;'>"+
      "im Stream anzeigen?<input type='checkbox' name='showHide' onclick='opener.fWinShowHide(this.checked, \""+nick+"\")'><br><input name='fMessage' class='input' style='width:400px'><input type='submit' class='submit' value='senden'></form></td></tr>"+
    "</tbody></table></body></html>");
}

Bei mir funktionerts leider nicht. Was hab ich falsch gemacht?