Smilies in eine Kiste packen

thehasso

Erfahrenes Mitglied
Moin zusammen,


auf meiner Website hab ich mehrere Smilies den Usern zuverfügung gestellt welche man anklicken kann und dann im Textbereich erscheinen.

Die smilies machen die seite nicht mehr so schön weil die alle auf einen Fleck zu sehen sind. Deswegen hab ich gedacht man packt die alle in soner kiste und wenn man auf ein bbestimmten knop drückt siet man alle. Also so wir hier im Forum da wird ja auch ein Pfeil nach unten angezeigt und man sieht dann alle Smilies.

Handelt es sich hierbei um Javaskript?

Wie würde man das Umsetzen können?


lg thehasso
 
Moin,

hierbei handelt es sich in der Tat um Javascript.

Diese "Kiste" ist ein "Popup-Layer", der zunächst versteckt wird (display:none), und beim Klick auf den Pfeil eingeblendet wird (display:block).

Bei uns wird dies beispielsweise so umgesetzt:
HTML:
<script type="text/javascript">
<!--
var fontoptions = new Array("Arial", "Arial Black", "Arial Narrow", "Book Antiqua", "Century Gothic", "Comic Sans MS", "Courier New", "Fixedsys", "Franklin Gothic Medium", "Garamond", "Georgia", "Impact", "Lucida Console", "Lucida Sans Unicode", "Microsoft Sans Serif", "Palatino Linotype", "System", "Tahoma", "Times New Roman", "Trebuchet MS", "Verdana");
var sizeoptions = new Array(1, 2, 3, 4, 5, 6, 7);
var smilieoptions = { 
	'Allgemeine Smileys' : {
		'1' : new Array('http://www.tutorials.de/forum/images/smilies/smile.gif', ':)', 'Lächeln'),
		'2' : new Array('http://www.tutorials.de/forum/images/smilies/frown.gif', ':(', 'Enttäuscht'),
		'49' : new Array('http://www.tutorials.de/forum/images/smilies/biggrin.gif', ':D', 'Breites Grinsen'),
		'19' : new Array('http://www.tutorials.de/forum/images/smilies/achtung.gif', '(!)', 'Achtung'),
		'11' : new Array('http://www.tutorials.de/forum/images/smilies/confused.gif', ':confused:', 'Verwirrt'),
		'5' : new Array('http://www.tutorials.de/forum/images/smilies/wink.gif', ';)', 'Blinzeln'),
		'4' : new Array('http://www.tutorials.de/forum/images/smilies/biggrin.gif', ':-)', 'Breites Grinsen'),
		'3' : new Array('http://www.tutorials.de/forum/images/smilies/redface.gif', ':-(', 'Peinlich'),
		'10' : new Array('http://www.tutorials.de/forum/images/smilies/eek.gif', ':eek:', 'Huch!'),
		'6' : new Array('http://www.tutorials.de/forum/images/smilies/tongue.gif', ':p', 'Zunge rausstrecken'),
		'7' : new Array('http://www.tutorials.de/forum/images/smilies/cool.gif', ';-)', 'Cool'),
		'8' : new Array('http://www.tutorials.de/forum/images/smilies/rolleyes.gif', ':rolleyes:', 'Augenrollen (sarkastisch)'),
		'9' : new Array('http://www.tutorials.de/forum/images/smilies/mad.gif', ':mad:', 'Wütend'),
		'41' : new Array('http://www.tutorials.de/forum/images/smilies/google.gif', ':google:', 'Google'),
		'46' : new Array('http://www.tutorials.de/forum/images/smilies/suspekt.gif', ':suspekt:', 'Suspekt'),
		'more' : 'Alle Smileys zeigen'
} };

var istyles = { "pi_button_down" : [ "#c1c1c1", "#000000", "0px", "1px inset #F1F6F8" ], "pi_button_hover" : [ "#d8d8d8", "#000000", "0px", "1px solid #F1F6F8" ], "pi_button_normal" : [ "#E1E1E2", "#000000", "0px", "1px outset #F1F6F8" ], "pi_button_selected" : [ "#F1F6F8", "#000000 !important", "0px", "1px solid #316AC5" ], "pi_menu_down" : [ "#fff", "#000 !important", "0px", "1px solid #316AC5" ], "pi_menu_hover" : [ "#d8d8d8 !important", "#000 !important", "0px", "" ], "pi_menu_normal" : [ "#fff !important", "#000000 !important", "0px", "1px outset #F1F6F8" ], "pi_popup_down" : [ "#98B5E2", "#000000", "0px", "1px solid #316AC5" ] };
if(document.all && !window.opera){for(var k in istyles){for(i=0;i<istyles[k].length;++i)istyles[k][i]=istyles[k][i].replace(/ !important/,'');}}

var smiliewindow_x = 240;
var smiliewindow_y = 280;

var ignorequotechars = 1;
var allowbasicbbcode = true;

// vB Phrases
vbphrase["wysiwyg_please_wait"]          = "Bitte warte, bis der WYSIWYG-Editor geladen wurde...";
vbphrase["wysiwyg_initialized"]          = "WYSIWYG-Editor in %2$s Sekunden für %1$s initialisiert.";
vbphrase["wysiwyg_command_invalid"]      = "Dieser Befehl ist ungültig oder nicht implementiert.";
vbphrase["moz_must_select_text"]         = "Mozilla erfordert, dass du Text markiert haben musst, damit diese Funktion verwendet werden kann.";
vbphrase["moz_edit_config_file"]         = "Du musst deine Mozilla-Konfiguration bearbeiten, um diese Aktion ausführen zu können.";
vbphrase["enter_tag_option"]             = "Bitte gib den Parameter für das %1$s Tag ein:";
vbphrase["must_select_text_to_use"]      = "Um diese Funktion zu verwenden, musst du einen Text markieren.";
vbphrase["browser_is_safari_no_wysiwyg"] = "Der Safari-Browser unterstützt den WYSIWYG-Editor nicht.";
vbphrase["enter_option_x_tag"]           = "Gib den Parameter für das [%1$s] Tag ein:";
vbphrase["enter_text_to_be_formatted"]   = "Gib den zu formatierenden Text ein:";
vbphrase["enter_link_text"]              = "Gib einen Beschreibungstext für die URL ein (optional):";
vbphrase["enter_list_type"]              = "Listenart wählen: Gib eine '1' für eine nummerierte Liste ein, ein 'a' für eine alphabetische Liste oder lasse das Feld leer für eine unsortierte Liste:";
vbphrase["enter_list_item"]              = "Gib einen Listeneintrag ein.\r\nLasse das Feld leer oder klicke auf 'Abbrechen', um die Liste zu beenden:";
vbphrase["must_enter_subject"]           = "Du musst einen Titel / Betreff eingeben!";
vbphrase["message_too_short"]            = "Der von dir eingegebene Text ist zu kurz. Bitte erweitere den Text auf die minimale Länge von %1$s Zeichen.";
vbphrase["enter_link_url"]               = "Bitte gib die URL ein:";
vbphrase["enter_image_url"]              = "Bitte gib die URL zu deiner Grafik ein:";
vbphrase["enter_email_link"]             = "Bitte gib die E-Mail-Adresse ein:";
vbphrase["complete_image_verification"]  = "Du hast nicht alle Zeichen der grafischen Sicherheitsüberprüfung eingegeben.";
vbphrase["iespell_not_installed"]        = "ieSpell ist eine Erweiterung für den Internet Explorer, mit der die Rechtschreibung überprüft werden kann.\r\n\r\nWenn du ieSpell herunterladen möchtest, klicke bitte auf \"OK\"; ansonsten klicke bitte auf \"Abbrechen\".\r\n\r\nieSpell kann von dieser URL heruntergeladen werden:\r\nhttp://www.iespell.com";
vbphrase["click_quick_reply_icon"]       = "";
vbphrase["insert_all"]                   = "Alle einfügen";

//-->
</script>

mfg Maik
 
hallo Maik,

danke für den code, hab den mal bei mir eingefügt(den im code fenster) aber da passiert nichts..Hab leider in google nichts deart mit de Begriff

Popup Layer smiley box. gefunden..

würd mich freuen wenn jemand ein skript das klein vom umfang ist mir zu verfügen stellen könnte.

Lg
 

Neue Beiträge

Zurück