PDA

View Full Version : نمایش کد در پنجره مخصوص



p30rex
چهارشنبه 18 خرداد 1390, 15:32 عصر
سلام
من میخوام یه سری کد به کاربر نشون بدم که تو یه کادر مخصوص مثل همین که تو سایت هست نشون داده بشه

میشه بگید کدش رو از کجا گیر بیارم؟
ممنون


mesle in!!!

r0ot$harp
چهارشنبه 18 خرداد 1390, 16:02 عصر
دوست عزیز این یه ماژول هست به نام SyntaxHighlighter

اینم سایت :

http://alexgorbatchev.com/SyntaxHighlighter

باتشکر احسان

p30rex
چهارشنبه 18 خرداد 1390, 18:42 عصر
دوست عزیز این یه ماژول هست به نام SyntaxHighlighter

اینم سایت :

http://alexgorbatchev.com/SyntaxHighlighter

باتشکر احسان

متشکرم
اما من از آجاکس استفاده می کنم و کدم تو یه صفحه ی دیگه قرار داره وقتی با آجاکس اون صفحه رو میارم همون کد معمولی رو بهم نشون میده
میشه راهنماییم کنید

p30rex
پنج شنبه 19 خرداد 1390, 10:45 صبح
چرا تا صحبت از آجاکس میشه همه پا پس میکشن؟!!!
این چندمین باره که کسی به سوال من درباره ی آجاکس جواب نمیده

خواهش میکنم راهنمایی کنید:گریه:

alismith
پنج شنبه 19 خرداد 1390, 13:34 عصر
سلام دوست عزیز
من هم یه همچین مشکلی با ajax داشتم ، البته تو لود کردن editor
می خواین کد رو بذارید شاید بشه مشکل رو حل کرد


موفق باشید

p30rex
پنج شنبه 19 خرداد 1390, 13:48 عصر
کد همون ماژولی هست که تو سایت تاپیک بالا اومده

منم قبلا این مشکلرو داشتم اما آجاکس رو طوری تنظیم کردم که پس از لود کامل صفحه مورد نظر تابع مورد نظر هم دوباره فراخوانی شه

اما این روش برای کد بالا کارساز نیست

درضمن از ادیتور صحبت کردین:
چند وقته دنبال یه ادیتور خوب میگردم اما پیدا نمیکنم
میخوام زبان فارسی رو پشتیبانی کنه و ساده هم باشه
برای یه فرم ارسال ایمیل میخوام،یه چیزی مث همین که تو سایت هست
شما از چه ادیتوری استفاده کردین؟

alismith
پنج شنبه 19 خرداد 1390, 14:23 عصر
سلام
من از tinymce استفاده کردم فارسی هم support می کنه

در رابطه با ajax هم باید بگم که من این editor رو که مثلا در صفحه newPost.php بود رو به صورت ajax در صفحه اصلی فراخوانی می کردم اما دستوراتی که مربوط به اجرای این ادیتور بود (منظورم همون فایل های js هستش) که تو syntaxhighlighter هم وجود داره مثلا
<script type="text/javascript" src="scripts/shBrushJScript.js"></script>
این دستورات رو به صورت یک script element جدید درست می کردم و بعد اون رو در header صفحه اصلی (البته با ajax وقتی داشت صفحه newpost خونده می شد) قرار می دادم
شما هم این روش رو امتحان کنید شاید مشکل حل شد

موفق باشید

p30rex
پنج شنبه 19 خرداد 1390, 15:32 عصر
من هم یه همچین کاری کردم
اما برای این نمیشه!!!!

امتحان کنید!

alismith
پنج شنبه 19 خرداد 1390, 19:43 عصر
سلام
آره من هم امتحان کردم ولی تا الان به جواب نرسیدم
اگه میشه کدهایی که نوشتید رو بذارید شاید متوجه شدیم راه حل چیه
یه چیز خیلی مهم تر اگه توجه کرده باشید تو همین انجمن هم وقتی از `پاسخ فوری` استفاده می کنیم و کد می فرستیم تا صفحه Refresh نشه syntaxhighlighter اجرا نمیشه
ولی من پیگیر این قضیه هستم

موفق باشید

alismith
جمعه 20 خرداد 1390, 00:53 صبح
سلام
خلاصه تونستم یه راه حل پیدا کنم
البته اینجا از یه سیستم دیگه برای نمایش کدها استفاده میشه که خیلی هم جالب تر هستش و فقط از یک فایل جاوا اسکریت استفاده می کنه
من اینجا یه مثال عملی از استفاده این syntaxhighlighter با ajax براتون زدم

70965

البته برای مدیریت استایل ها و آموزش استفاده از این plugin می تونید به سایت سازنده مراجعه کنید

http://www.steamdev.com/snippet/


موفق باشید

alismith
جمعه 20 خرداد 1390, 00:56 صبح
البته در فایل index نیازی به این دستور نیست


onComplete : function() {

SyntaxHighlighter.highlight();

}

هر چی هم که comment شده بود پاک کنید
:چشمک:

p30rex
جمعه 20 خرداد 1390, 12:49 عصر
سلام
خلاصه تونستم یه راه حل پیدا کنم
البته اینجا از یه سیستم دیگه برای نمایش کدها استفاده میشه که خیلی هم جالب تر هستش و فقط از یک فایل جاوا اسکریت استفاده می کنه
من اینجا یه مثال عملی از استفاده این syntaxhighlighter با ajax براتون زدم

70965



البته برای مدیریت استایل ها و آموزش استفاده از این plugin می تونید به سایت سازنده مراجعه کنید

http://www.steamdev.com/snippet/


موفق باشید

ممنون از پیگیریتون
اما کد کار نکرد!!!
اصلا به صفحه مورد نظر نمیره!
........................................

alismith
جمعه 20 خرداد 1390, 14:51 عصر
سلام

اصلا به صفحه مورد نظر نمیره!
دوست عزیز این چیزی که من نوشتم فقط یه مثال بودش که شما می تونید خودتون customize کنید، البته اینجا کد از قبل وجود داره و فقط از صفحه b به index فراخوانی میشه:

index.php



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>show code</title>
<script src="jquery.js"></script>
<script type="text/javascript">

$(document).ready(function(){

$("#btn").click(function(){

$.ajax({

type: "POST",
url: "b.php",

success: function(data){



$("#code").html(data);



},

error: function(){

$("#code").html("<b>503 : Service unavailable, Please

Try Again.</b>");

}

});
return false;


});

});

</script>

</head>

<body>
<button id="btn">Load</button>
<div id="code"></div>

</body>
</html>


b.php



<script>
var head = document.getElementsByTagName('head')[0];


var jsA = document.createElement('script');
jsA.setAttribute('src','jquery.snippet.js');

head.appendChild(jsA);


var jsB = document.createElement('script');
jsB.setAttribute('src','style.js');

head.appendChild(jsB);


var css = document.createElement('link');
css.setAttribute('href','jquery.snippet.css');
css.setAttribute('type','text/css');
css.setAttribute('rel','stylesheet');

head.appendChild(css);

</script>

<pre id="dynamic">
<span>
function(x){

alert(x);

}
</span>
</pre>



style.js:

// JavaScript Document

$(document).ready(function(){

$("pre#dynamic").snippet("javascript",{style:"navy",clipboard:"ZeroClipboard.swf",showNum:true});
// Highlights a snippet of PHP code with the "navy" style
// Hides line numbers

$("pre#dynamic").click(function(){
$(this).snippet({style:"vampire",transparent:true,showNum:true});
// Changes existing snippet's style to "vampire"
// Changes the background to transparent
// Shows line numbers
});

});

آدرس فایلهایی که از صفحه b به index ارسال می کنید را مطابق آدرس فایلهای موجود در zip که رو بر روی سیستم copy کردید وارد کنید


موفق باشید