رفتن به مطلب
قوانین ایجاد موضوع جدید در انجمن

درخواست کد برای مشاهده کد ساخته شده

kingblog

توسط kingblog،
در برنامه نویسی استاتیک

دنبال‌کننده 0

پست های پیشنهاد شده

kingblog

kingblog 14

ارسال شده در
ارسال شده در

سلام

من یه ابزار دارم که بعد از پر کردن فیلدهای مورد نظر (متن،رنگ،استایل و...) باید روی گزینه ساخت کد و مشاهده کد کلیک کنیم . کد رو بدرستی به ما میده و میخوام همزمان یک پنجره باز بشه که نتیجه کار رو نشون بده.

این کد قسمت اسکریپتشه:


<script type="text/javascript">
function generateCode(form){
textbody = document.inputForm.textbody.value;
fontfamily = document.inputForm.fontfamily.options[document.inputForm.fontfamily.selectedIndex].value;
fontsize = document.inputForm.fontsize.options[document.inputForm.fontsize.selectedIndex].value;
fontstyle = document.inputForm.fontstyle.checked;
fontweight = document.inputForm.fontweight.checked;
textdecoration = document.inputForm.textdecoration.options[document.inputForm.textdecoration.selectedIndex].value;
texttransform = document.inputForm.texttransform.options[document.inputForm.texttransform.selectedIndex].value;
fontvariant = document.inputForm.fontvariant.checked;
letterspacing = document.inputForm.letterspacing.value;
lineheight = document.inputForm.lineheight.value;
textindent = document.inputForm.textindent.value;
textalign = document.inputForm.textalign.value;
fontcolor = document.inputForm.fontcolor.value;
backgroundcolor = document.inputForm.backgroundcolor.value;
fontcolor = fontcolor.replace(/#/,"");
backgroundcolor = backgroundcolor.replace(/#/,"");
output = '<!-- HTML Codes by kingblog.ir -->\n' +
((textalign) ? '<p style="text-align:'+textalign+';">' : '') +
'<span style="' +
((fontfamily) ? 'font-family:'+fontfamily+';' : '') +
((fontsize) ? 'font-size:'+fontsize+';' : '') +
((fontstyle) ? 'font-style:italic'+';' : 'font-style:normal;') +
((fontweight) ? 'font-weight:bold'+';' : 'font-weight:normal;') +
((textdecoration) ? 'text-decoration:'+textdecoration+';' : '') +
((texttransform) ? 'text-transform:'+texttransform+';' : '') +
((fontvariant) ? 'font-variant:small-caps;' : '') +
((letterspacing) ? 'letter-spacing:'+letterspacing+'px;' : '') +
((lineheight) ? 'line-height:'+lineheight+'px;' : '') +
((textindent) ? 'text-indent:'+textindent+'px;' : '') +
((fontcolor) ? 'color:'+fontcolor+';' : '') +
((backgroundcolor) ? 'background-color:'+backgroundcolor+';' : '') +
'">' +
textbody +
'</span>\n' +
((textalign) ? '</p>' : '') +
'';

document.inputForm.source.value = output;
return output;
}
function preview() {
var htmlCode;
htmlCode = generateCode();
targetURL = "<span style='font-family:'+fontfamily+';font-size:'+fontsize+';font-style:'+font-style+';font-weight:'+font-weight+';text-decoration:'+textdecoration+';text-transform:'+texttransform+';color:'+fontcolor+';background-color:'+backgroundcolor+';'>'+textbody+'</span>";
window.open(targetURL, "newWindow", "width=500,height=400,top=100,left=100,toolbar=no,menubar=no,location=no,scrollbars=yes");
}

</script><div align=right>

لینک به ارسال
kingblog

kingblog 14

ارسال شده در
  • مالک
ارسال شده در

قسمت آخر کد رو اینجوری ویرایش کردم


function preview() {
var htmlCode;
htmlCode = generateCode();
targetURL = "1.php?font-family='+font-family+'&font-size='+font-size+'&font-style='+font-style+'&font-weight='+font-weight+'&text-decoration='+text-decoration+'&text-transform='+text-transform+'&color=' + fontcolor + '&background-color='+background-color+'&textbody='+textbody+'";
window.open(targetURL, "newWindow", "width=500,height=400,top=100,left=100,toolbar=no,menubar=no,location=no,scrollbars=yes");
}

و وقتی کد رو اجرا می کنم توی قسمت آدرس بار اینجوری میاد:


1.php?font-family='+font-family+'&font-size='+font-size+'&font-style='+font-style+'&font-weight='+font-weight+'&text-decoration='+text-decoration+'&text-transform='+text-transform+'&color=' + fontcolor + '&background-color='+background-color+'&textbody='+textbody+'

یعنی بجای متغیر '+font-family+' مقدارش نمیاد و خودش رو مینویسه

لینک به ارسال
kingblog

kingblog 14

ارسال شده در
  • مالک
ارسال شده در

اگه خواسته باشم با پی اچ پی مقدار رو فراخوانی کنم چه کدی بذارم.

مثلا در مورد این کد:


<tr>
<td>رنگ متن:</td>
<td><input type="text" name="fontcolor" size="10" value="#000000">
</td>
</tr>

مقدار fontcolor رو خواسته باشم بگیرم

لینک به ارسال
I..R

I..R 1485

ارسال شده در
ارسال شده در

درود.

به این صورت مقدار را بگیرید از فرم :


<?php
$font=$_POST['fontcolor'];
?>

البته اگر با متد post ارسال کنید.

  • امتیاز 2
لینک به ارسال
kingblog

kingblog 14

ارسال شده در
  • مالک
ارسال شده در (ویرایش شده)

کل کد رو میزارم


<?php if(isset($_GET['font-family'])) {
$_GET['font-family'];
}
else {
'Cursive';
}
if(isset($_GET['font-size'])) {
$_GET['font-size'];
}
else {
'12';
}
if(isset($_GET['font-style'])) {
$_GET['font-style'];
}
else {
'normal';
}
if(isset($_GET['font-weight'])) {
$_GET['font-weight'];
}
else {
'normal';
}
if(isset($_GET['text-decoration'])) {
$_GET['text-decoration'];
}
else {
'none';
}
if(isset($_GET['text-transform'])) {
$_GET['text-transform'];
}
else {
'none';
}
if(isset($_GET['color'])) {
$_GET['color'];
}
else {
'000000';
}
if(isset($_GET['background-color'])) {
$_GET['background-color'];
}
else {
'FFFFFF';
}
if(isset($_GET['textbody'])) {
$_GET['textbody'];
}
else {
'kingblog.ir';
}
?>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!-- Start Syndication -->
<script type="text/Javascript" src="http://kingblog.ir/tools/text/text01/ColorPicker2.js"></script>
<script type="text/Javascript">
var cp = new ColorPicker('window'); // Popup window
var cp2 = new ColorPicker(); // DIV style
</script>
<script type="text/javascript">
function generateCode(form){
textbody = document.inputForm.textbody.value;
fontfamily = document.inputForm.fontfamily.options[document.inputForm.fontfamily.selectedIndex].value;
fontsize = document.inputForm.fontsize.options[document.inputForm.fontsize.selectedIndex].value;
fontstyle = document.inputForm.fontstyle.checked;
fontweight = document.inputForm.fontweight.checked;
textdecoration = document.inputForm.textdecoration.options[document.inputForm.textdecoration.selectedIndex].value;
texttransform = document.inputForm.texttransform.options[document.inputForm.texttransform.selectedIndex].value;
fontvariant = document.inputForm.fontvariant.checked;
letterspacing = document.inputForm.letterspacing.value;
lineheight = document.inputForm.lineheight.value;
textindent = document.inputForm.textindent.value;
textalign = document.inputForm.textalign.value;
fontcolor = document.inputForm.fontcolor.value;
backgroundcolor = document.inputForm.backgroundcolor.value;
fontcolor = fontcolor.replace(/#/,"");
backgroundcolor = backgroundcolor.replace(/#/,"");
output = '<!-- HTML Codes by kingblog.ir -->\n' +
((textalign) ? '<p style="text-align:' + textalign + ';">' : '') +
'<span style="' +
((fontfamily) ? 'font-family:' + fontfamily + ';' : '') +
((fontsize) ? 'font-size:' + fontsize + ';' : '') +
((fontstyle) ? 'font-style:italic' + ';' : 'font-style:normal;') +
((fontweight) ? 'font-weight:bold' + ';' : 'font-weight:normal;') +
((textdecoration) ? 'text-decoration:' + textdecoration + ';' : '') +
((texttransform) ? 'text-transform:' + texttransform + ';' : '') +
((fontvariant) ? 'font-variant:small-caps;' : '') +
((letterspacing) ? 'letter-spacing:' + letterspacing + 'px;' : '') +
((lineheight) ? 'line-height:' + lineheight + 'px;' : '') +
((textindent) ? 'text-indent:' + textindent + 'px;' : '') +
((fontcolor) ? 'color:' + fontcolor + ';' : '') +
((backgroundcolor) ? 'background-color:' + backgroundcolor + ';' : '') +
'">' +
textbody +
'</span>\n' +
((textalign) ? '</p>' : '') +
'';

document.inputForm.source.value = output;
return output;
}
function preview() {
var htmlCode;
htmlCode = generateCode();
targetURL = "1.php?font-family=<?php echo $font-family; ?>&font-size='+font-size+'&font-style='+font-style+'&font-weight='+font-weight+'&text-decoration='+text-decoration+'&text-transform='+text-transform+'&color=' + fontcolor + '&background-color='+background-color+'&textbody='+textbody+'";
window.open(targetURL, "newWindow", "width=500,height=400,top=100,left=100,toolbar=no,menubar=no,location=no,scrollbars=yes");
}

</script><div align=right>
<p>با استفاده از این ابزار براحتی می توانید متن دلخواه خود را بصورت جذاب و زیبا به نمایش بگذارید.و از آن در قالب خود استفاده کنید.:</p>
<ol>
<li>انتخاب تنظیمات از گزینه های زیر</li>
<li>کلیک بر روی دکمه ایجاد کد</li>
<li>کد بدست آمده را کپی کرده و در جای مناسب قرار دهید</li>
</ol>

<form name="inputForm" id="inputForm" metod="post">
<table cellpadding="5" cellspacing="0" border="0" class="example-code">
<tr>
<td><textarea name="textbody" cols="30" rows="5">متن شما ...</textarea><td>:متن مورد نظر خود را وارد نمایید</td></td>
</tr>
<tr>
<td colspan="2">و حالا استایل دهی به متن...</td>
</tr>
<tr>
<th colspan="2">تنظیمات فونت</th>
</tr>
<tr>
<td>فونت مورد نظر را انتخاب نمایید:</td>
<td>
<select id="font-family" name="fontfamily" title="Note: User will only see this font if they have it on their machine">
<option value="Arial" style="font-family:arial"> Arial
<option value="Helvetica" style="font-family:helvetica"> Helvetica
<option value="Verdana" style="font-family:verdana"> Verdana
<option value="Times" style="font-family:times roman"> Times Roman
<option value="Georgia" style="font-family:georgia"> Georgia
<option value="Garamond" style="font-family:garamond"> Garamond
<option value="Comic Sans MS" style="font-family:Comic Sans MS"> Comic Sans MS
<option value="Bart" style="font-family:Bart"> Bart
<option value="Simpson" style="font-family:Simpson"> Simpson
<option value="Cursive" style="font-family:cursive" selected="selected"> Cursive
</select>
</td>
</tr>
<tr>
<td>اندازه فونت یا متن:</td>
<td><select name="fontsize" style="height:20px;">
<option value="8px" style="font-size:8px"> 8px
<option value="9px" style="font-size:9px"> 9px
<option value="10px" style="font-size:10px"> 10px
<option value="12px" style="font-size:12px"> 12px
<option value="14px" style="font-size:14px"> 14px
<option value="16px" style="font-size:16px" selected="selected"> 16px
<option value="18px" style="font-size:18px"> 18px
<option value="22px" style="font-size:22px"> 22px
<option value="48px" style="font-size:48px"> 48px
</select>
</td>
</tr>
<tr>
<td>تغییر کج بودن و ضخامت متن:</td>
<td>
<input id="fontstyle" name="fontstyle" type="checkbox" value="italic"> <i>Italic</i>
<input name="fontweight" type="checkbox" value="bold"> <b>Bold</b>
</td>
</tr>
<tr>
<td>محل قرارگیری متن:</td>
<td>
<select name="textalign">
<option value=""> پیش فرض
<option value="left"> چپ
<option value="center"> مرکز
<option value="right"> راست
<option value="justified"> هم تراز
</select>
</td>
</tr>
<tr>
<td>رنگ متن:</td>
<td><input type="text" name="fontcolor" size="10" value="#000000">
</td>
</tr>
<tr>
<td>رنگ پس زمینه متن:</td>
<td><input type="text" name="backgroundcolor" size="10" value="#ffffff">
</td>
</tr>
<tr>
<th colspan="2">تنظیمات اضافی</th>
</tr>
<tr>
<td>زینت دادن به متن:</td>
<td>
<select name="textdecoration">
<option value="none" checked="checked"> None<br />
<option value="blink" style="text-decoration:blink"> چشکم زن
<option value="overline" style="text-decoration:overline"> خط بالای متن
<option value="underline" style="text-decoration:underline"> خط پایین متن
<option value="line-through" style="text-decoration:line-through"> دو خط
</select>
</td>
</tr>
<tr>
<td>تغییر شکل دادن:</td>
<td>
<select name="texttransform">
<option value="none" checked="checked"> None
<option value="uppercase"> حرف بزرگ
<option value="lowercase"> حرف کوچک
<option value="capitalize"> درشت نوشتن حرف اول هر کلمه
</select>
</td>
</tr>
<tr>
<td>حرف کوچک:</td>
<td>
<input name="fontvariant" type="checkbox" value="small-caps"> <span style="font-variant:small-caps"> تبدیل به حروف کوچک? </span><br />
</td>
</tr>
<tr>
<td>فاصله بین حروف:</td>
<td><input type="text" name="letterspacing" size="3" maxlength="3" /> pixels
</td>
</tr>
<tr>
<td>ارتفاع خطوط:</td>
<td><input type="text" name="lineheight" size="3" maxlength="3" /> pixels
</td>
</tr>
<tr>
<td>دندانه دار کردن:<br />(دندانه دار کردن خط اول)</td>
<td><input type="text" name="textindent" size="3" maxlength="3" /> pixels
</td>
</tr>
<tr><td colspan="2" class="separator"></td></tr>
<tr>
<td colspan=2><center><input type="button" value="Generate Code!" onclick="javascript:generateCode();">  OR  <input type="button" value="Generate Code and Preview!" onclick="javascript:preview();"></center></td>
</tr>
<tr>
<td colspan="2">
<h3>کد ایجاد شده شما!</h3>
<p>کد زیر را کپی کرده و در جای مناسب از وبلاگ خود قرار دهید.</p>
<textarea name="source" id="source" rows="7" cols="40" onclick="this.focus();this.select()"></textarea>
</td>
</tr>
</table>
</form></div>
<!-- End Syndication -->

میخوام وقتی روی ساخت و مشاهده کد کلیک که شد در پنجره باز شده نتیجه کار رو نشون بده. نتونستم درستش کنم. لطف میکنید اگه این کد رو خودتون یه تست کنید

این هم محتویات فایل 1.php:


<?php if(isset($_GET['font-family'])) {
$_GET['font-family'];
}
else {
'Cursive';
}
if(isset($_GET['font-size'])) {
$_GET['font-size'];
}
else {
'12';
}
if(isset($_GET['font-style'])) {
$_GET['font-style'];
}
else {
'normal';
}
if(isset($_GET['font-weight'])) {
$_GET['font-weight'];
}
else {
'normal';
}
if(isset($_GET['text-decoration'])) {
$_GET['text-decoration'];
}
else {
'none';
}
if(isset($_GET['text-transform'])) {
$_GET['text-transform'];
}
else {
'none';
}
if(isset($_GET['color'])) {
$_GET['color'];
}
else {
'000000';
}
if(isset($_GET['background-color'])) {
$_GET['background-color'];
}
else {
'FFFFFF';
}
if(isset($_GET['textbody'])) {
$_GET['textbody'];
}
else {
'kingblog.ir';
}
?>
<span style='font-family:<?php echo $font-family; ?>;font-size:<?php echo $font-size; ?>;font-style:<?php echo $font-style; ?>;font-weight:<?php echo $font-weight; ?>;text-decoration:<?php echo $text-decoration; ?>;text-transform:<?php echo $text-transform; ?>;color:<?php echo $color; ?>;background-color:<?php echo $background-color; ?>;'><?php echo $textbody; ?></span>

ویرایش شده توسط kingblog
لینک به ارسال
I..R

I..R 1485

ارسال شده در
ارسال شده در

کد را تست نکردم

اما از ظاهر کد :

وقتی شما دارید متد پست ارسال می کنید(یعنی برای فرم ارسال با متد post تعیین کردید )پس لازم هست با متد post هم داده ها را بگیرید و کار مورد نظر را انجام دهید شما الان از متد $_GET استفاده کردید که باید تغییر دهید.

مشکل بعد این هست که شما الان چک کردن فلان متغییر ارسال شده دارای مقدار هست یا خیر بعد نوشته شده مثلا:


$_GET['font-family'];

که صحیح نیست باید داخل یک متغییر دیگر بریزید یا به طور مستقیم استفاده نمایید به عنوان مثال :


if(isset($_GET['font-family'])) {
$test=$_GET['font-family'];
}

داده مورد نظر ارسالی را در متغییر test میریزیم بعدا استفاده می کنیم.

همچنین همین مورد در مورد else ها فقط یک متن نوشتن کافی نیست باید داخل یک متغییر بریزید متن های مورد نظر را.

در مورد فایل 1.php کار این فایل الان چیست ؟ کد های موجود در این فایل با کد های موجود در فایل بالا که گذاشتید 80% شبیه هستند ؟ و مورد دیگر اینکه فرم شما برای همان صفحه ای که وجود دارد ارسال شده نه برای فایل 1.php چون خاصیت action در فرم شما تعریف نشده و هنگامی که تعریف نشده باشد همان صفحه را پیش فرض قرار می دهد.

  • امتیاز 2
لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
دنبال‌کننده 0
برو به فهرست موضوع ها
×
×
  • اضافه کردن...