 |
السلام عليكم ورحمة الله وبركاته
اخواني لدي Textarea , وكود javascript , يقوم بإضافة اكواد الإبتسامات إلى هذا ال Textarea ...
وهذا الكود يعمل بشكل رائع :nice:
لكن , عند إضافة محرر wyiwyg إلى هذا ال Textarea كود إضافة الإبتسامة لايعمل
صفحة المثال :-
هنا يعمل بنجاح : http://phpx3.com/biz/simple_without.html
هنا لايعمل بسبب المحرر : http://phpx3.com/biz/simple.html
طبعاً أنا لا أقصد الإبتسامات التي في المحرر نفسه , إنما أقصد الإبتسامه التي بالأعلى
بالإنتظار :app:
__________________
- موقع مبرّمج.
- موقع قالبي (معرض قوالب عربية و مُعربة ).
-معارض قالبي (أنشى معرضك على الإنترنت مجاناً!)
هل لنا بالمصدر؟لكي نحلها ان شاء الله
مرحباً اخوي exchangeboss
تفضل المصدر للمثال الأول :-
كود PHP:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>TESTING!!!!</title>
<script type="text/javascript">function add_smill(smaill){ document.myform.elmx.value += smaill+'x'; }</script>
</head>
<body>
<a onclick="javascript:add_smill('<img src=http://phpx3.com/images/smile.gif>')">
<img src="http://phpx3.com/images/smile.gif" alt="{$smiles[x].code}" border="0"></a>
<form name="myform" method="post" action="#top">
<textarea id="elmx" name="elmx" rows="15" cols="80" style="width: 80%">
</textarea>
<br />
<input type="submit" name="save" value="Submit" />
</form>
</body>
</html>
المثال الثاني :
وشكراًكود PHP:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Simple theme example</title>
<!-- TinyMCE -->
<script type="text/javascript" src="jscripts/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript">function add_smill(smaill){ document.myform.elmx.value += smaill+'x'; }</script>
<script type="text/javascript">
tinyMCE.init({
mode : "textareas",
theme : "advanced",
language : 'ar',
plugins : "style,table,advhr,advimage,advlink,emotions,insertdatetime,preview,contextmenu,visualchars,nonbreaking,xhtmlxtras,template,inlinepopups",
// Theme options
theme_advanced_buttons1 : "bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect",
theme_advanced_buttons2 : "cut,copy,paste,pastetext,|,bullist,numlist,|,undo,redo,|,link,unlink,image,cleanup,help,|,insertdate,inserttime,preview,|,forecolor,backcolor",
theme_advanced_buttons3 : "hr,removeformat,visualaid,|,emotions,advhr,ltr,rtl,|,styleprops",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "left",
theme_advanced_resizing : true
});
</script>
<!-- /TinyMCE -->
</head>
<body>
<a onclick="javascript:add_smill('<img src=http://phpx3.com/images/smile.gif>')"><img src="http://phpx3.com/images/smile.gif" alt="{$smiles[x].code}" border="0"></a>
<form name="myform" method="post" action="http://tinymce.moxiecode.com/dump.php?example=true">
<textarea id="elmx" name="elmx" rows="15" cols="80" style="width: 80%">
</textarea>
<br />
<input type="submit" name="save" value="Submit" />
<input type="reset" name="reset" value="Reset" />
</form>
</body>
</html>
__________________
- موقع مبرّمج.
- موقع قالبي (معرض قوالب عربية و مُعربة ).
-معارض قالبي (أنشى معرضك على الإنترنت مجاناً!)
الطريقة الصحيحة هي كالتالي
ابحث عن :
واستبدله بهذا الكود :كود HTML:<a onclick="javascript:add_smill('<img src=http://phpx3.com/images/smile.gif>')"><img src="http://phpx3.com/images/smile.gif" alt="{$smiles[x].code}" border="0"></a>
كود HTML:<a href="#" onclick="tinyMCE.execCommand('mceInsertContent',false,'<img src=http://phpx3.com/images/smile.gif>');return false;"><img border='0' src=http://phpx3.com/images/smile.gif></a>
جزاك الله خير يامشراق
اشتغل زي العسل :nice:
شكراً لك
__________________
- موقع مبرّمج.
- موقع قالبي (معرض قوالب عربية و مُعربة ).
-معارض قالبي (أنشى معرضك على الإنترنت مجاناً!)
ضوابط المشاركة
رد مع اقتباس