smilieseite mit smilies vom webspace

morgaine · Ungelesener Beitrag von **morgaine** » 17.02.2010, 11:28

der wunsch..
die smilies auf eignem webspace hochladen können
und durch ein script auch von dort aus anklickbar zu machen...
ohne sie im chat selber hochladen zu müssen:)

lg @all

Ungelesener Beitrag von **1. FC Keller** » 18.02.2010, 22:56

hallo,

ich habe ein script gebastelt mit dem das geht. Geht dazu wiefolgt vor:

1. folgendes Script in die Ankündigung:

<script type="text/javascript">var ownSmiliePath="http://www.deineseite.de/smilies/"; function smilieBefehl(text){ while(text!=(text=text.replace(/\;(\w+)/i, "<img src='"+ownSmiliePath+"$1.gif'/>"))){void(0);} document.write(text);}</script>

die rot markierte URL muss durch den Pfad ersetzt werden in dem sich die Smilies auf der eigenen Seite befinden.

2. folgendes als Chatbefehl namens "/smilies":

Code: Alles auswählen

<script type="text/javascript">if(parent.info){smilieBefehl('%user%')}</script>

hir muss nichts angepasst werden.

3. Folgenden Code angepasst als html-Datei speichern und auf webspace hochladen:

<html>
<head>
<title>Replacer - List</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="expires" content="0">
<link rel="stylesheet" type="text/css" href="/wktools/style_main.css?1266445247">

<script language="JavaScript">

function repClick(rep){
with(opener.document.eingabe.message){
if(!value.match(/^\/smilies /))value="/smilies "+value;
value+=' ;'+rep;
focus();
}
}

smilieURL="http://www.deineseite.de/smilies/";
smilieCols=3;
smilies=["aua", "blume", "band", "starwars"];
</script>

</head>

<body>
<div align="center">

<p><font><b><font size="+3">Replacer - List </font></b></font></p>
<script language="JavaScript">
document.open();
document.write('<table width="0" border="0">');
for(i=0;i*smilieCols<smilies.length;i++){
document.write('<tr>');
for(j=0;j<smilieCols && i*smilieCols+j<smilies.length;j++){
document.write('<td><img src="'+smilieURL+smilies[i*smilieCols+j]+'.gif" onclick="repClick(\''+smilies[i*smilieCols+j]+'\')"></td>');
}
document.write('</tr>');
}
document.write('</table>');
document.close();
</script>
</div>
</body>
</html>

Die rote URL ist wiederum der Ordner in dem die Smilies die Smilies liegen.
Die grüne Liste ist die Aufzählung aller Smilies aus diesem Ordner, die auf der Seite angezeigt werden sollen.
Der lila Name ist der Chatname (nicht URL mit http://server etc. sondern wirklich nur der Name!). Um automatisch das Design des eigenen Chats zu verwenden entsprechend ersetzen.
Die blaue 3 bestimmt darüber wieviele smilies nebeneinander angezeigt werden sollen.

4. im Admin-Menü einen Link zu dieser Seite anlegen

5. http://wktools.net/ownPages.php benutzen und wiefolgt ausfüllen:
Wo soll das Script gehostet werden? frei nach wunsch
Wie soll das Script erstellt werden? Eigene HTML-Seite umwandeln
URL der eigenen Seite URL der zuvor hochgeladnen Seite
original Smilieseite ersetzen nicht anhaken
breite und höhe frei nach wunsch.

6. abhängig vom ausgewählten hosting das Script entsprechend der Beschreibung im Chat einbinden

--------------
Statt dem im Chat verwendeten Doppelpunkt (z.B. :wave) habe ich absichtlich ein Semikolon (z.B. ;wave) verwendet damit es nicht zu überschneidungen kommt. Die Smilies der eigenen Seite können nur über den Chatbefehl aufgerufen werden. Normale Smilies können in dem Chatbefehl nicht verwendet werden. Das würde zum Abbruch des Scripts führen (es wird kein Text angezeigt sondern nur eine leere Zeile hine Uhrzeit und Nick).

Wenn man auf ein Smilie in der eigenen Smilieseite klickt wird automatisch an den Anfang der Eingabezeile /smilies angehängt, sofern es nicht schon da steht.

Edit: morgaine's Vorschlag mit document.open und document.close eingebaut (für IE-Kompatiblität)

morgaine · Ungelesener Beitrag von **morgaine** » 19.02.2010, 06:59

genial..einfach nur genial

wenn ich nicht so alt wäre *fg...würde ich nun einen knicks machen..
(aber die gefahr das ich nimmer hoch komme ist zu groß...)

aber so sage ich herzlichst
DANKE FC.Keller

hamigra · Ungelesener Beitrag von **hamigra** » 19.02.2010, 07:09

Getestet und klappt tadellos.

Allerdings NICHT mit dem Befehl /smilies, sondern mit /smilie
Ich hatte den Befehl /smilies eingefügt, bei klicken auf einen Smilie steht aber in der Eingabezeile /smilie smiliename und nach 'Enter' erschien die Meldung, daß der Befehl /smilie nicht vorhanden ist.

morgaine · Ungelesener Beitrag von **morgaine** » 19.02.2010, 07:42

hmm
es geht...aaaaber bei mir nur im firefox..im IE nicht????
lg mo

Ungelesener Beitrag von **1. FC Keller** » 19.02.2010, 09:30

hab den HTML-Code gerade nochmal editiert, da einmal smilies und einmal smilie dort stand. es steht jetzt überall, wie beschrieben, /smilies (sonst würde nicht erkannt werden ob der befehl schon am anfang steht wenn man mehrere smilies einfügt).

im IE hab ich nicht getestet... muss ich wohl noch nachholen.

hamigra · Ungelesener Beitrag von **hamigra** » 19.02.2010, 11:45

Klappt jetzt mit dem Befehl /smilies

FF öffnet das Fenster gleich richtig. Der IE öffnet es auch, aber er zeigt beim öffnen die Smilies nicht.
Bild

Deshalb hab ich in der html-Datei den Hinweis auf die F5-Taste geschrieben, denn nach F5 sind die Smilies da.
Bild

Ungelesener Beitrag von **1. FC Keller** » 19.02.2010, 12:43

da ich auf deinem Screenshot gerade das wktools-Design wiedererkannt habe habe ich die beschreibung noch etwas ergänzt. Wenn man bei dem link-Tag den eigenen Chatnamen einträgt wird auch das eigene Chat-Design übernommen

hamigra · Ungelesener Beitrag von **hamigra** » 19.02.2010, 17:02

EINFACH KLASSE - DANKE

morgaine · Ungelesener Beitrag von **morgaine** » 22.02.2010, 09:27

moin FC.Keller:)
wegen meinem problem mit dem IE
ich habe meinem schwiegersohn (er ist progamierer)
mein problem geschildert und ihm das script gezeigt..
was hälst du davon?

er schrieb mir folgendes:

Ich habe die HTML-Seite mal geändert, ich denke, dass das so funktionieren könnte.
Sie muss dann noch in JS mit diesem Tool übersetzt werden.

Was ich geändert habe, ist rot markiert.
Ich denke, dass vor allem das document.open und document.close fehlt, ich habe es aber nicht ausprobiert.

Außerdem kann das </div> entfernt werden. Es fehlt das zugehörige <div>.

Falls es nicht funktioniert, dann schicke ich dir noch mal das was ich gestern gemacht habe. Das funktioniert zwar, ist aber nicht die Ursache des Problems.

<html>
<head>
<title>Replacer - List</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="expires" content="0">
<link rel="stylesheet" type="text/css" href="/wktools/style_main.css?1266445247">

<script language="JavaScript">

function repClick(rep){
with(opener.document.eingabe.message){
if(!value.match(/^\/smilies /))value="/smilie "+value;
value+=' ;'+rep;
focus();
}
}

smilieURL="http://www.meineurl/";
smilieCols=5;
smilies=["erster", "bravo", "cool1", "grins1", "hehe", "hi", "krank1", "paa", "pc1", "pc2", "prost1", "prost2", "sorry1", "spinnst", "dance"];
</script>

</head>

<body background="http://wwwmeineurl.jpg" text="#0000CC" link="#0000CC" vlink="#0000CC"
alink="#0000CC"><font face="Trebuchet MS, Arial, Helvetica">
<STYLE>BODY {
SCROLLBAR-FACE-COLOR: #0000ff; SCROLLBAR-HIGHLIGHT-COLOR: #000000; SCROLLBAR-SHADOW-COLOR: #ffccff; SCROLLBAR-3DLIGHT-COLOR: #000000; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #000000; SCROLLBAR-DARKSHADOW-COLOR: #000000
}
</STYLE>
<script language="JavaScript">
document.open();
document.write('<center>ACHTUNG- Smilieseite2- Funktioniert bisher nur mit FIREFOX <p> Die 2te Smilieseite Funktioniert bisher nur mit FIREFOX<center> Die 2te Smilieseite Funktioniert etwas anderst als die normale Smilieseite...diese Smilies lassen sich hier anklicken..und werden wie gewohnt dann durch Entertaste drücken abgesendet...einen Text dahinter kann man normal anfügen!');
document.write('<p><font><b><font size="+3">Replacer - List </font></b></font></p>');
document.write('<table width="0" border="0">');
for(i=0;i*smilieCols<smilies.length;i++){
document.write('<tr>');
for(j=0;j<smilieCols && i*smilieCols+j<smilies.length;j++){
document.write('<td><img src="'+smilieURL+smilies[i*smilieCols+j]+'.gif" onclick="repClick(\''+smilies[i*smilieCols+j]+'\')"></td>');
}
document.write('</tr>');
}
document.write('</tabl>');
document.close();
</script>
</div>
</body>
</html>

eingebaut habe ich es aber noch nicht..will erst wissen was du dazu sagst:) bevor ich mir wat kaput mache:)

so..und dann Habe ich auch gleich noch die frage…
Wäre es möglich die smilieseite2
So anzulegen das man die smilies sortieren kann..
Also wie du es machtest jeweils 5 nebeneinander…
Aber dann eine trennlinie..also ein <hr
Und dann weitere smilies….und..unter den smilies deren jeweiliger name??
Also so:
Das das unter dem jeweiligen namen steht? zb
/smilie ;spinnst
liebe grüße mo

hamigra · Ungelesener Beitrag von **hamigra** » 22.02.2010, 10:22

Das Script funktioniert mit IE 8 und FF 3.5 tadellos!
Das einleitende <div> ist sehr wohl vorhanden, so daß es auch beendet werden muß!!!

1. FC Keller hat geschrieben:<html>
<head>
<title>Replacer - List</title>
....
</head>

<body>
<div align="center">
<p><font><b><font size="+3">Replacer - List </font></b></font></p>
...
</div>
</body>
</html>

Du kannst es gerne HIER testen.
Nick und Paßwort = testnick
Das ist auch keine Werbung - es ist nur mein Testchat und es gibt nur 2 User.

morgaine · Ungelesener Beitrag von **morgaine** » 22.02.2010, 10:31

moin hamigra .)
kann sein das mit dem div...
er bekam es auf die schnelle untergejubelt das problem..
ausserdem isses keine fehlersuche..sondern sollte mir helfen..
im ie 7 ..
den nun mal viele meine user noch benutzen...
funktz es halt nicht..deshalb hier die lösungssuche..
und deshalb bitte ich auch fc keller um hilfe:)
denn bisher fand er immer eine lösung:)))
lg
mo

dann gleich noche eine frage...
könnte man rein theoretisch auf dieser smiliseite auch
smilies einbauen..so das sie im chat zb im eingangstext zu sehen sind..
aber in der 2ten smilieseite nicht??
also verstecken...aber zb mit dem befehl
/smilie ;smili1 eingangsmeldung
abgerufen werden könnten?

mercie hamgira:)
habe es probiert.bei deiner seite lässt sich alles
machen f5 usw..bei meiner aktualisiert sich diese smiliseite nicht..
habe alles probiert..nix zu machen..ich weis mir nicht mehr zu helfen..weis nicht woran es liegt..
alle seite werden mit f5 aktualisiert..nur die erste und zweite smiliseite eben nicht..
keine ahnung woran es liegt;(

Ungelesener Beitrag von **1. FC Keller** » 22.02.2010, 12:13

das öffnende div hast du wie's aussieht selbst entfernt

das macht aber nix.... es wird nicht gebraucht.
das document.open() und close() kann auf jeden fall nicht schaden, gut möglich dass das problem damit zusammenhängt... hamigra sagte ja bereits dass es bei ihm damit funktioniert.

document.write('</table>');</script>

das "e" solltest du noch ergänzen... war ein tippfehler von mir, den ich dann nachträglich im code editiert hatte.

Wenn du auf der Seite ein Smilie nicht mit auflistest wird es auch nicht angezeigt. Du kannst es aber trotzdem im Chatbefehl benutzen... das ist unabhängig voneinander. Damit sollte dein Wunsch mit dem "Verstecken" ja erledigt sein. Um so ein Smilie in der Ankündigung einzusetzen kannst du ein ganz normales img-tag verwenden...

Code: Alles auswählen

<img src="http://deineSeite/smilies/smilie.gif">

Edit: lese ich da richtig raus, dass du dieses Script 2mal verwendest? das kann so nicht funktionieren da die Funktionsnamen und evtl. einige Variablen sich dann überschneiden würden.

morgaine · Ungelesener Beitrag von **morgaine** » 22.02.2010, 12:40

moin keller:)
den <img src="http://deineSeite/smilies/smilie.gif"> klar..das wesi ich ja..was ich mit dem verstecken vorhabe..ist aber..die persönlichen smilies der chatter nicht in den smilies im chat hochzuladen...
sondern eben über diese extraseite..aber so das man sie nicht sieht..dennoch will ich die persönlichen smilies dann bei den chattern in deren eingangsmeldung einbauen..ich werde es probieren ob es geht..

Edit: lese ich da richtig raus, dass du dieses Script 2mal verwendest? das kann so nicht funktionieren da die Funktionsnamen und evtl. einige Variablen sich dann überschneiden würden.

nein..ich habe in der ankündigung drinne einmal das smiliseite überschreibungsscript also das:

<script language="javascript" src="http://www.1fckeller.de/webmaster/ownPa ... "></script>

und das

<script type="text/javascript" src="http://meineseit/smilieseite.htm"></script><script type="text/javascript">var ownSmiliePath="http://www.meineseitsmilies/"; function smilieBefehl(text){ while(text!=(text=text.replace(/\;(\w+)/i, "<img src='"+ownSmiliePath+"$1.gif'/>"))){void(0);} document.write(text);}</script>

Ungelesener Beitrag von **1. FC Keller** » 22.02.2010, 14:03

morgaine hat geschrieben:Edit: lese ich da richtig raus, dass du dieses Script 2mal verwendest? das kann so nicht funktionieren da die Funktionsnamen und evtl. einige Variablen sich dann überschneiden würden.

nein..ich habe in der ankündigung drinne einmal das smiliseite überschreibungsscript also das:

<script language="javascript" src="http://www.1fckeller.de/webmaster/ownPa ... "></script>

und das

<script type="text/javascript" src="http://meineseit/smilieseite.htm"></script><script type="text/javascript">var ownSmiliePath="http://www.meineseitsmilies/"; function smilieBefehl(text){ while(text!=(text=text.replace(/\;(\w+)/i, "<img src='"+ownSmiliePath+"$1.gif'/>"))){void(0);} document.write(text);}</script>

Jep, das ist praktisch 2mal das selbe Script... einmal aus meinem alten Generator von webmaster.1fckeller.de und einmal der neue Generator auf wktools. Hier kann es genau zu den Problemen kommen dass sich die Scripts gegenseitig beeinflussen da sie die gleichen Funktions- und Variablennamen verwenden.

Du hast gerade den perfekten Zeitpunkt erwischt:

smilieseite mit smilies vom webspace

smilieseite mit smilies vom webspace

Re: smilieseite mit smilies vom webspace

Re: smilieseite mit smilies vom webspace

Re: smilieseite mit smilies vom webspace

Re: smilieseite mit smilies vom webspace

Re: smilieseite mit smilies vom webspace

Re: smilieseite mit smilies vom webspace

Re: smilieseite mit smilies vom webspace

Re: smilieseite mit smilies vom webspace

smilieseite und der IE

Re: smilieseite mit smilies vom webspace

Re: smilieseite mit smilies vom webspace

Re: smilieseite mit smilies vom webspace

Re: smilieseite mit smilies vom webspace

Re: smilieseite mit smilies vom webspace

Wer ist online?