Емотиконките да се показват когато натиснеш бутон

racer

Registered
Как да направя така че когато натиснат бутона тогава да им показва емотиконките и също така като ги натиснат да им добавя във чата там кода на емотиконката...
 
Искаш като се натисне бутона "Емотикони" да ти се показват всичките, така ли? За другото разгледай малко в таздела. Последната седмица за това се пуснаха поне 2-3 теми! :)
 
Ето ми кода

Код:
<div class="menu1">
  <div style="padding-top: 4px;"> <strong>Онлайн Чат</strong> </div>
</div> 
<div class="menu11">


<html>
<head>

        <script language="JavaScript">
function areatext(myValue) {
var myField = document.4ataa.textt;
//IE support
if (document.selection) {
myField.focus();
sel = document.selection.createRange();
sel.text = myValue;
}
//MOZILLA/NETSCAPE support
else if (myField.selectionStart || myField.selectionStart == '0') {
var startPos = myField.selectionStart;
var endPos = myField.selectionEnd;
myField.value = myField.value.substring(0, startPos)
+ myValue
+ myField.value.substring(endPos, myField.value.length);
} else {
myField.value += myValue;
}
}
</script>

</head>
<body>
<?php
include("config.php");
if ($user->data['user_id'] == ANONYMOUS)
{
echo "<center>Трябва да сте логнат, за да пишете!</center>";
}
else
{
echo "<center>
<form method='post' name='4ataa'>
Автор: <input tyle='text' readonly='readonly' name='avtor' value='".$user->data['username']."' class='input' style='width:124px;' /><br />
<textarea name='textt' rows='5' class='input'></textarea><br />
<input type='submit' name='submit' value='Пусни' class='button' />
 
<input type='reset' class='button' name='reset' value=' Изтрий '/>
</center>


<a href=\"javascript:areatext(' :) ');\"><img src=\"nbbc-1.4.5/smileys/smile.gif\" border=\"0\"/></a>

</form>
<br />";
if ($_POST['submit']) {
$avtor = $_POST['avtor'];
$date = date('d/m/Y');
$text = $_POST['textt'];
if ((empty($avtor)) or (empty($text))){
echo "<b>Моля, полълни всички полета!<META HTTP-EQUIV='Refresh' Content='1;URL=' /></b>";
exit;
}
$sql = "INSERT INTO chatbox (avtor, date, text) VALUES ('$avtor', '$date', '$text')";
mysql_query($sql) or die (mysql_error());
echo "Съобщението е пуснато успешно <META HTTP-EQUIV='Refresh' Content='1;URL=' />";
}
}
$result = mysql_query("SELECT * FROM chatbox ORDER BY id DESC  LIMIT 5") or die (mysql_error());
while($data = mysql_fetch_assoc($result)) {
$text = $data[text];
$newtext = wordwrap($text, 20, "\n", true);
$data[text] = $newtext;
echo "<table align='center' style='border: 1px solid #333; background: #333;' width='180px' height='50px'>
<tr style='border: 1px solid #000; background: #222;'>
<td align='left' style='border: 1px solid #000; background: #222; font-size:10px;'>
 <img src='images/chatbox.gif' align='left' /><b>$data[avtor]</b><br />
<b style='color:#ccc;'>$data[date]</b><br />";

require_once("nbbc-1.4.5/nbbc.php");// тука ти си нагласи пътя до папката където nbbs.php
	
$bbcode = new BBCode;
$bbcode->SetEnableSmileys(true);
$bbcode->SetDetectURLs(true);
echo " ".$bbcode->Parse($newtext);

echo "</td></tr></table>
";
}
?>
 
Вчера ти дадох аз този код за чата... За показването на емотиконите има поне 10 теми пуснати в последните 10 дни! :)

Ще ти покажа само как ще стане показване/скриване.
Трябва да добавиш това js. При другото.
[js]$(function(){
$(".show").hide();
});
function slide(){
$(".show").slideToggle("slow");
}
[/js]
Емотиконите трябва да ги извеждаш така:
HTML:
<a href="#" 
<div class="show">
Тук слагаш всичките ти емотикони
</div>
Това е! :)

ЕДИТ: Кода ще ти стане така:
PHP:
<html>
<head>

        <script language="JavaScript">
$(function(){ 
    $(".show").hide(); 
});
function slide(){ 
    $(".show").slideToggle("slow"); 
}

function areatext(myValue) {
var myField = document.4ataa.textt;
//IE support
if (document.selection) {
myField.focus();
sel = document.selection.createRange();
sel.text = myValue;
}
//MOZILLA/NETSCAPE support
else if (myField.selectionStart || myField.selectionStart == '0') {
var startPos = myField.selectionStart;
var endPos = myField.selectionEnd;
myField.value = myField.value.substring(0, startPos)
+ myValue
+ myField.value.substring(endPos, myField.value.length);
} else {
myField.value += myValue;
}
}
</script>

</head>
<body>
<div class="menu1">
  <div style="padding-top: 4px;"> <strong>Онлайн Чат</strong> </div>
</div>
<?php
include("config.php");
if ($user->data['user_id'] == ANONYMOUS)
{
echo "<center>Трябва да сте логнат, за да пишете!</center>";
}
else
{
echo "<center>
<form method='post' name='4ataa'>
Автор: <input tyle='text' readonly='readonly' name='avtor' value='".$user->data['username']."' class='input' style='width:124px;' /><br />
<textarea name='textt' rows='5' class='input'></textarea><br />
<input type='submit' name='submit' value='Пусни' class='button' />
 
<input type='reset' class='button' name='reset' value=' Изтрий '/>
</center>

<a href=\"#\" onClick=\"slide()\">Емотикони</a>
<div class=\"show\">
<a href=\"javascript:areatext(' :) ');\"><img src=\"nbbc-1.4.5/smileys/smile.gif\" border=\"0\"/></a>
</div>


</form>
<br />";
if ($_POST['submit']) {
$avtor = $_POST['avtor'];
$date = date('d/m/Y');
$text = $_POST['textt'];
if ((empty($avtor)) or (empty($text))){
echo "<b>Моля, полълни всички полета!<META HTTP-EQUIV='Refresh' Content='1;URL=' /></b>";
exit;
}
$sql = "INSERT INTO chatbox (avtor, date, text) VALUES ('$avtor', '$date', '$text')";
mysql_query($sql) or die (mysql_error());
echo "Съобщението е пуснато успешно <META HTTP-EQUIV='Refresh' Content='1;URL=' />";
}
}
$result = mysql_query("SELECT * FROM chatbox ORDER BY id DESC  LIMIT 5") or die (mysql_error());
while($data = mysql_fetch_assoc($result)) {
$text = $data[text];
$newtext = wordwrap($text, 20, "\n", true);
$data[text] = $newtext;
echo "<table align='center' style='border: 1px solid #333; background: #333;' width='180px' height='50px'>
<tr style='border: 1px solid #000; background: #222;'>
<td align='left' style='border: 1px solid #000; background: #222; font-size:10px;'>
 <img src='images/chatbox.gif' align='left' /><b>$data[avtor]</b><br />
<b style='color:#ccc;'>$data[date]</b><br />";

require_once("nbbc-1.4.5/nbbc.php");// тука ти си нагласи пътя до папката където nbbs.php
   
$bbcode = new BBCode;
$bbcode->SetEnableSmileys(true);
$bbcode->SetDetectURLs(true);
echo " ".$bbcode->Parse($newtext);

echo "</td></tr></table>
";
}
?>
</body>
</html>
 
Ще ти дава, защото кода ти е написан зле... Защо имаш html елементи преди да отвориш <html>? Аз друга грешка не виждам! :)

EDIT: Пробвай сега! :)
 
Аз не съм добавил това ...
$(function(){
$(".show").hide();
});
function slide(){
$(".show").slideToggle("slow");
}


Каде трябва да го добавя?
 
Как така? Няма начин да не ти се показва линка за показване/скриване на емотиконите. Добави още нещо там където ти е емотиконата... Примерно някакъв текст и пробвай дали той се показва. Няма как емотиконите да се добавят, защото ти все още нямаш код за това. От сега ще ти кажа, че нямам намерение да ти пиша цялата система! Можеш да спреш да ми пишеш ЛС постоянно.
За точно тези емотикони има написани и изписани много теми. Разрови се и ще намериш отговори! :)
 
Както виждаш имам всичко емотиконките се показват във чата но това което аз исках да се показват със бутон при клик не стана!!!И също така като я натиснат не я адд във чата



6d9f660d7afe6609.jpg
 
С най-елементарни думи те попитах дали след като натиснеш бутона "Емотикони" ти се отваря надолу полето.... Това ме интересува!
 
PHP:
<html>
<head>

        <script language="JavaScript">
$(function(){ 
    $(".show").hide(); 
});
function slide(){ 
    $(".show").slideToggle("slow"); 
}

function areatext(myValue) {
var myField = document.4ataa.textt;
//IE support
if (document.selection) {
myField.focus();
sel = document.selection.createRange();
sel.text = myValue;
}
//MOZILLA/NETSCAPE support
else if (myField.selectionStart || myField.selectionStart == '0') {
var startPos = myField.selectionStart;
var endPos = myField.selectionEnd;
myField.value = myField.value.substring(0, startPos)
+ myValue
+ myField.value.substring(endPos, myField.value.length);
} else {
myField.value += myValue;
}
}
</script>

</head>
<body>
<div class="menu1">
  <div style="padding-top: 4px;"> <strong>Онлайн Чат</strong> </div>
</div>
<?php
include("config.php");
if ($user->data['user_id'] == ANONYMOUS)
{
echo "<center>Трябва да сте логнат, за да пишете!</center>";
}
else
{
echo "<center>
<form method='post' name='4ataa'>
Автор: <input tyle='text' readonly='readonly' name='avtor' value='".$user->data['username']."' class='input' style='width:124px;' /><br />
<textarea name='textt' rows='5' class='input'></textarea><br />
<input type='submit' name='submit' value='Пусни' class='button' />
 
<input type='reset' class='button' name='reset' value=' Изтрий '/>
</center>

<a href=\"#emotikoni\" onClick=\"slide()\">Емотикони</a>
<div class=\"show\">
<a href=\"javascript:areatext(' Smile ');\"><img src=\"nbbc-1.4.5/smileys/smile.gif\" border=\"0\"/></a>
</div>


</form>
<br />";
if ($_POST['submit']) {
$avtor = $_POST['avtor'];
$date = date('d/m/Y');
$text = $_POST['textt'];
if ((empty($avtor)) or (empty($text))){
echo "<b>Моля, полълни всички полета!<META HTTP-EQUIV='Refresh' Content='1;URL=' /></b>";
exit;
}
$sql = "INSERT INTO chatbox (avtor, date, text) VALUES ('$avtor', '$date', '$text')";
mysql_query($sql) or die (mysql_error());
echo "Съобщението е пуснато успешно <META HTTP-EQUIV='Refresh' Content='1;URL=' />";
}
}
$result = mysql_query("SELECT * FROM chatbox ORDER BY id DESC  LIMIT 5") or die (mysql_error());
while($data = mysql_fetch_assoc($result)) {
$text = $data[text];
$newtext = wordwrap($text, 20, "\n", true);
$data[text] = $newtext;
echo "<table align='center' style='border: 1px solid #333; background: #333;' width='180px' height='50px'>
<tr style='border: 1px solid #000; background: #222;'>
<td align='left' style='border: 1px solid #000; background: #222; font-size:10px;'>
 <img src='images/chatbox.gif' align='left' /><b>$data[avtor]</b><br />
<b style='color:#ccc;'>$data[date]</b><br />";

require_once("nbbc-1.4.5/nbbc.php");// тука ти си нагласи пътя до папката където nbbs.php
   
$bbcode = new BBCode;
$bbcode->SetEnableSmileys(true);
$bbcode->SetDetectURLs(true);
echo " ".$bbcode->Parse($newtext);

echo "</td></tr></table>
";
}
?>
</body>
</html>
 

Back
Горе