Fonex47
Mitglied
Hallo lieber Tutos,
Ich habe hier eine Funktion die automatisch rein schreibt wenn jemand den Raum im Chat betritt.
Ich möchte das nach 5 sekunden diese Nachricht wieder aus der Datenbank gelöscht wird, sprich das es so animiert wieder verschwindet.
Ich habe es jetzt mit css so hinbekommen es sieht zwar toll aus aber beim neu laden der seite logischerweise diese Nachricht noch zu sehen ist.
Das ist die Funktion selber:
Das ist der code mit dem ich es versucht habe:
Würde mich über ratschläge echt freuen.
Mfg Fonex
Ich habe hier eine Funktion die automatisch rein schreibt wenn jemand den Raum im Chat betritt.
PHP:
function joinRoom(){
global $lang, $data, $cody;
if(allowLogs() && isVisible($data) && $cody['join_room'] == 1){
$content = str_replace('%user%', systemNameFilter($data), $lang['system_join_room']);
systemPostChat($data['user_roomid'], $content, array('type'=> 'system__join'));
}
}
Ich möchte das nach 5 sekunden diese Nachricht wieder aus der Datenbank gelöscht wird, sprich das es so animiert wieder verschwindet.
Ich habe es jetzt mit css so hinbekommen es sieht zwar toll aus aber beim neu laden der seite logischerweise diese Nachricht noch zu sehen ist.
Das ist die Funktion selber:
PHP:
function systemPostChat($room, $content, $custom = array()){
global $mysqli, $data;
$def = array(
'type'=> 'system',
'color'=> 'chat_system',
'rank'=> 99,
);
$post = array_merge($def, $custom);
$mysqli->query("INSERT INTO `boom_chat` (post_date, user_id, post_message, post_roomid, type, log_rank, tcolor) VALUES ('" . time() . "', '{$data['system_id']}', '$content', '$room', '{$post['type']}', '{$post['rank']}', '{$post['color']}')");
chatAction($room);
return true;
}
Das ist der code mit dem ich es versucht habe:
CSS:
.system__join {
-webkit-animation: seconds 1.0s forwards;
-webkit-animation-iteration-count: 1;
-webkit-animation-delay: 3s;
animation: seconds 1.0s forwards;
animation-iteration-count: 1;
animation-delay: 3s;
position: relative;
}
@-webkit-keyframes seconds {
0% {
opacity: 1;
}
100% {
opacity: 0;
left: -9999px;
position: absolute;
}
}
@keyframes seconds {
0% {
opacity: 1;
}
100% {
opacity: 0;
left: -9999px;
position: absolute;
}
}
Würde mich über ratschläge echt freuen.
Mfg Fonex