Du bist nicht angemeldet. [Anmelden]
Optionen
Thema bewerten
Smileys auf der Homepage?? - #2067549 - 19.08.2010, 21:40:16
Unperfect - Perfect

Registriert: 20.12.2009
Beiträge: 1.356
Hey :-)

Ich hab mal eine Frage und zwar kann man auf die Homepage einen Code einbinden, bei dem sich Smileys (wie hier im Forum durch die Eingabe von: :-)) in eine Bilddatei verwandelt also zum Beispiel: :s = [img]http://s10.directupload.net/images/100819/it5l22b2.png[/img]

[zum Seitenanfang]  
Re: Smileys auf der Homepage?? [Re: Unperfect - Perfect] - #2067552 - 19.08.2010, 21:45:23
html

Registriert: 07.12.2008
Beiträge: 4.093

Nein, man kann keine Smileys mittels BB-Code in den KMGL-Editor einsetzen.


Stattdessen musst du einen entsprechenden HTML-Code verwenden:

Html:
<img src="http://forum.knuddels.de/images/graemlins/default/smile.gif" style="vertical-align:bottom;">


[zum Seitenanfang]  
Re: Smileys auf der Homepage?? [Re: html] - #2067556 - 19.08.2010, 21:47:10
Unperfect - Perfect

Registriert: 20.12.2009
Beiträge: 1.356
und durch welchen Code bekomm ich es hin, dass der Smiley sich selbst verwandelt? :-D

[zum Seitenanfang]  
Re: Smileys auf der Homepage?? [Re: Unperfect - Perfect] - #2067560 - 19.08.2010, 21:48:46
DoUgHbOyS
Nicht registriert


Mithilfe PHP waere es Technisch so moeglich, das man durch gewisse "Strings" die URL einer Grafik abliesst, die man mithilfe von z.B. ":-)" ausgeben koennte.

[zum Seitenanfang]  
Re: Smileys auf der Homepage?? [Re: Unperfect - Perfect] - #2067562 - 19.08.2010, 21:49:02
html

Registriert: 07.12.2008
Beiträge: 4.093

Wenn überhaupt ist sowas nur mit PHP möglich. PHP auf einer Knuddels-Homepage einzusetzen erweist sich gar als schwierig oder eher unmöglich.

[zum Seitenanfang]  
Re: Smileys auf der Homepage?? [Re: html] - #2067569 - 19.08.2010, 21:58:30
Unperfect - Perfect

Registriert: 20.12.2009
Beiträge: 1.356
Oh man, das ist doof :((
trotzdem danke für die Antworten.

Kann geschlossen werden.

[zum Seitenanfang]  
Re: Smileys auf der Homepage?? [Re: Unperfect - Perfect] - #2067582 - 19.08.2010, 22:11:25
Mein Nick
Nicht registriert


Mann kann das auch mit Javascirt machen
~> http://de.selfhtml.org/javascript/objekte/string.htm#replace

Man muss halt nur mit window.onload dafuer sorgen, dass die Funktion nach dem Laden der Seite aufgerufen wird - dann durchsucht man einen festgelegten Bereich nach bestimmten Strings, die man dann durch die URL-Ersetzt.
also z.B.

Code:
<script type="text/javascript">
function replaceSmileys() {
  var string = document.getElementById('smileys').innerHTML;
  string = string.replace(/:-\)/g, "Happy");
  string = string.replace(/:-\(/g, "Traurig");
  document.getElementById('smileys').innerHTML = string;
}
window.onload = replaceSmileys;
</script>
<div id="smileys"> Hi. :-)
Ich bin ein Blindtext. :-(</div>


Bearbeitet von Mein Nick (19.08.2010, 22:12:30)

[zum Seitenanfang]  
Re: Smileys auf der Homepage?? [Re: ] - #2067595 - 19.08.2010, 22:25:40
Scnappi
Nicht registriert


Hier nochmal die kürzere jQuery-Lösung:

Html:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript"><!--
$(document).ready(function(){
	var text = $("div#homepage").html();
        /* Hier die Teile, die ersetzt werden sollen: */
	text = text.replace(/:s/g,'<img src="http://s10.directupload.net/images/100819/it5l22b2.png" alt=":s" />');
	text = text.replace(/:S/g,'<img src="http://s10.directupload.net/images/100819/it5l22b2.png" alt=":S" />');
	text = text.replace(/:-s/g,'<img src="http://s10.directupload.net/images/100819/it5l22b2.png" alt=":-s" />');
        /* Ende der Liste */
	$("div#homepage").html(text);
});
//--></script>

<div id="homepage">
Deine HP-Inhalte
</div>

Der zu ersetzende Text steht zwischen den zwei Slashes (/) direkt nach dem replace. Wenn du dort nun Smileys einfügen möchtest, die Klammern enthalten (z.B. :-)), so musst du die Klammern maskieren, weil das JavaScript sonst falsch interpretiert wird. Maskieren bedeutet, dass du statt :-) einfach :-\) hinschreibst, also einen Backslash vor die Klammer.



Bearbeitet von Scnappi (19.08.2010, 23:10:19)
Bearbeitungsgrund: Korrektur, siehe unten.

[zum Seitenanfang]  
Re: Smileys auf der Homepage?? [Re: html] - #2067600 - 19.08.2010, 22:29:30
huendchen

Registriert: 29.03.2007
Beiträge: 2.385
Meine Vorposter haben zwar unrecht aber ich will mal behaupten, dass es deine Moeglichkeiten uebersteigt.
Fuer die anderen Zwei:

Vllt. versteht ihr die Moeglichkeiten und habt die Zeit experimentelle Projekte auf die Beine zu stellen.

[zum Seitenanfang]  
Re: Smileys auf der Homepage?? [Re: huendchen] - #2067620 - 19.08.2010, 23:00:56
Unperfect - Perfect

Registriert: 20.12.2009
Beiträge: 1.356
Scnappi hast du den Code selber ausprobiert?
Bei mir leitet er auf eine Weiße Seite weiter und die Werbung (die immer oben erscheint) ist gleich vierfach vorhanden.

[zum Seitenanfang]  
Re: Smileys auf der Homepage?? [Re: Unperfect - Perfect] - #2067627 - 19.08.2010, 23:09:32
Scnappi
Nicht registriert


Ah, hatte nicht bedacht, dass das Scritp selbst ja auch in den Body eingefügt wird...

Korrektur:
Html:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript"><!--
$(document).ready(function(){
	var text = $("div#homepage").html();
        /* Hier die Teile, die ersetzt werden sollen: */
	text = text.replace(/:s/g,'<img src="http://s10.directupload.net/images/100819/it5l22b2.png" alt=":s" />');
	text = text.replace(/:S/g,'<img src="http://s10.directupload.net/images/100819/it5l22b2.png" alt=":S" />');
	text = text.replace(/:-s/g,'<img src="http://s10.directupload.net/images/100819/it5l22b2.png" alt=":-s" />');
        /* Ende der Liste */
	$("div#homepage").html(text);
});
//--></script>


Dafür musst du nun aber vor und nach deinen HP-Inhalten einen Tag einfügen, siehe Beispiel:
Html:
<div id="homepage">Deine ganze HP mit ihrem Text....</div>

[zum Seitenanfang]  
Re: Smileys auf der Homepage?? [Re: ] - #2067634 - 19.08.2010, 23:11:18
Unperfect - Perfect

Registriert: 20.12.2009
Beiträge: 1.356
Gehören die Codes für den Linkstyle auch zu den HP-Inhalten oder kann ich ihn wie immer in dem 2. Kasten lassen ohne den Code? (Sorry für die vielen Fragen!) :-D

[zum Seitenanfang]  
Re: Smileys auf der Homepage?? [Re: Unperfect - Perfect] - #2067644 - 19.08.2010, 23:14:50
Scnappi
Nicht registriert


Stylesheets müssen nicht rein. Es ist aber so, dass nur der Text durchsucht und ersetzt wird, der innerhalb dieses divs liegt.

[zum Seitenanfang]  
Re: Smileys auf der Homepage?? [Re: ] - #2067648 - 19.08.2010, 23:20:19
Unperfect - Perfect

Registriert: 20.12.2009
Beiträge: 1.356
Ok.

Der Code funktioniert nur werden die Smileys verkleinert angezeigt :(

[zum Seitenanfang]  
Re: Smileys auf der Homepage?? [Re: Unperfect - Perfect] - #2067726 - 20.08.2010, 00:38:12
Scnappi
Nicht registriert


Hast du ein Beispiel, wo das auftritt?

[zum Seitenanfang]  
Re: Smileys auf der Homepage?? [Re: ] - #2067823 - 20.08.2010, 07:02:09
Mein Nick
Nicht registriert


Antwort auf: Scnappi
Hier nochmal die kürzere jQuery-Lösung:

Wuerde mich jetzt nur mal interessieren, wo das mit jQuery kuerzer ist? ^^
Die 'Funktion' an sich bleibt fast gleich - dazu muss man noch bedenken, dass man eine 70 KB 'schwere' Javascript-Bibliothek mit einbezieht, was das ganze um einiges groesser macht - wenn man von der Ladezeit ausgeht. Vorteile, hier mit jQuery zu arbeiten sehe ich auch nicht - wenn man das Ding aber sowieso in der Seite brauch .. ok. Aber wenn nicht, wuerde ich davon abraten, jQuery zu benutzen.

[zum Seitenanfang]