السلام عليكم ...
قمت ببرمجة صندوق ذهبي يعتمد على تقنية WYSIWYG ...
المهم أنني واجهت مشكلة في الأمر التالي :
بعد أن انتهيت من برمجة الصندوق أريد أن ارسل البيانات المدخلة إلى صفحة أخرى على شكل بيانات html تقوم بإدخال هذه البيانات إلى قاعدة بيانات المواضيع ...
المشكلة أن سكريبت الإدخال إلى القاعدة هو php و ليس لدي أي فكرة عن كيفية ربط الجافا سكريبت مع php
كما يوجد مشكلة أخرى
لدي الكود التالي :
<html>
<head>
<title> Browser Based HTML Editor </title>
<script language="JavaScript">
var ISHTML = 1;
function FEconvert()
{ HTML = frm.document.body.innerText;
document.post.message.value = (HTML);
}
function FEconvMsg(iframe)
{ iframe.focus();
exe('SelectAll');
setHTML(document.post.message.value);
}
function ViewHTML() {
if(ISHTML == 1) {
iHTML = frm.document.body.innerHTML;
frm.document.body.innerText = iHTML;
document.getElementById("bHTML").src = "img/richtext.gif";
frm.focus();
ISHTML = 2;
}
else
{
iText = frm.document.body.innerText;
frm.document.body.innerHTML = iText;
document.getElementById("bHTML").src = 'img/mode.gif';
frm.focus();
ISHTML = 1;
}
}
function doHTML() {
var iHTML = frm.document.body.innerHTML;
iHTML = iHTML.replace( /</g, '<' );
iHTML = iHTML.replace( />/g, '>' );
frm.document.body.innerText = iHTML;
frm.focus(); }
function Init() {
frm.document.designMode = 'On'; }
function selOn(ctrl) {
ctrl.style.borderColor = '#000000';
ctrl.style.backgroundColor = '#B5BED6';
ctrl.style.cursor = 'hand'; }
function selOff(ctrl) {
ctrl.style.borderColor = '#DBE6F3';
ctrl.style.backgroundColor = '#DBE6F3'; }
function selDown(ctrl) {
ctrl.style.backgroundColor = '#8492B5'; }
function selUp(ctrl) {
ctrl.style.backgroundColor = '#B5BED6'; }
function doBold() {
frm.document.execCommand('bold', 0, null);
if (ISHTML==2)
doHTML(); }
function doItalic() {
frm.document.execCommand('italic', 0, null);
if (ISHTML==2)
doHTML(); }
function doUnderline() {
frm.document.execCommand('underline', 0, null);
if (ISHTML==2)
doHTML();}
function doLeft() {
frm.document.execCommand('justifyleft', 0, null);
if (ISHTML==2)
doHTML();}
function doCenter() {
frm.document.execCommand('justifycenter', 0, null);
if (ISHTML==2)
doHTML();}
function doRight() {
frm.document.execCommand('justifyright', 0, null);
if (ISHTML==2)
doHTML();}
function doOrdList() {
frm.document.execCommand('insertorderedlist', 0, null);
if (ISHTML==2)
doHTML();}
function doBulList() {
frm.document.execCommand('insertunorderedlist', 0, null);
if (ISHTML==2)
doHTML();}
function doLink() {
frm.document.execCommand('createlink',1, null);
if (ISHTML==2)
doHTML();}
function doImage() {
var imgSrc = prompt('Enter image location', '');
if(imgSrc != null)
frm.document.execCommand('insertimage', 0, imgSrc);
if (ISHTML==2)
doHTML();}
function doRule() {
frm.document.execCommand('inserthorizontalrule', 0, null);
if (ISHTML==2)
doHTML();}
</script>
<style type="text/css"> .butClass { border: 1px solid; border-color: #DBE6F3; } .tdClass { padding-left: 3px; padding-top:3px; }
</style>
</head>
<body onLoad="Init()">
<form action="s.php" method="post" name="message" onsubmit="FEconvert();">
<table id="tblCtrls" width="450px" height="30px" border="0" cellspacing="0" cellpadding="0" >
<tr>
<td class="tdClass" align=center width="450px">
<img alt="Bold" class="butClass" src="img/bold.gif" onMouseOver="selOn(this)" onMouseOut="selOff(this)" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onClick="doBold()">
<img alt="Italic" class="butClass" src="img/italic.gif" onMouseOver="selOn(this)" onMouseOut="selOff(this)" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onClick="doItalic()">
<img alt="Underline" class="butClass" src="img/underline.gif" onMouseOver="selOn(this)" onMouseOut="selOff(this)" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onClick="doUnderline()">
<img alt="Left" class="butClass" src="img/left.gif" onMouseOver="selOn(this)" onMouseOut="selOff(this)" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onClick="doLeft()">
<img alt="Center" class="butClass" src="img/center.gif" onMouseOver="selOn(this)" onMouseOut="selOff(this)" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onClick="doCenter()">
<img alt="Right" class="butClass" src="img/right.gif" onMouseOver="selOn(this)" onMouseOut="selOff(this)" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onClick="doRight()">
<img alt="Ordered List" class="butClass" src="img/s2.gif" onMouseOver="selOn(this)" onMouseOut="selOff(this)" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onClick="doOrdList()">
<img alt="Bulleted List" class="butClass" src="img/s.gif" onMouseOver="selOn(this)" onMouseOut="selOff(this)" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onClick="doBulList()">
<img alt="Hyperlink" class="butClass" src="img/link.gif" onMouseOver="selOn(this)" onMouseOut="selOff(this)" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onClick="doLink()">
<img alt="Image" class="butClass" src="img/image.gif" onMouseOver="selOn(this)" onMouseOut="selOff(this)" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onClick="doImage()">
<img alt="Horizontal Rule" class="butClass" src="img/r.gif" onMouseOver="selOn(this)" onMouseOut="selOff(this)" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onClick="doRule()">
<img alt="HTML/frm Mode" id="bHTML" class="butClass" src="img/mode.gif" onMouseOver="selOn(this)" onMouseOut="selOff(this)" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onClick="ViewHTML()">
</td>
</tr>
</table>
<iframe id="frm" src="blank.htm" name="message" height="200" width="450" frameborder="no" scrolling="auto" style="border: 1px solid #000000" onload="FEconvMsg(this);"></iframe>
<br>
<center>
<input type="submit" accesskey="s" tabindex="6" name="post" class="mainoption" >
</form>
</body>
</html>عند استقبال بيانات الفورم في الصفحة s.php تصل ناقصة بيانات iframe الذي اسمه message و لا أدري لماذا ...
أرجو المساعدة لأنه لدي مشروع عمل علي أن أكمله و هاتان المشكلتان أوقفا المشروع بالكامل ...
وشكراً سلفاً