PDA

View Full Version : سوال: درج محتوا به صورت خاص در میان کدهای HTML


E power
شنبه 10 خرداد 1393, 20:26 عصر
سلام
دوستان اگه میشه لطف کنید بگید چجوری میشه کدی بنویسیم که مثلا یه تابع باشه یه رشته رو بگیره و اون رشته رو بصورت زیر ما لابلای کدهای HTML استفاده کنیم :
اگه فرض کنید اسم ورودی تابع ما test باشه ... ما مثلا بگیم :
var test = 'Barnamenevis';
و توی صفحه هم چنین چیزی داشته باشیم :

<!doctype html>
<html>
<head>
</head>
<body>
<p>{{test}}</p>
</body>
</html>
و در نهایت چیزی که نشون کاربر داده میشه همون محتوای متغیر test باشه.
حقیقتش من اینو توی یک موتور قالب که به زبان جاوا اسکریپت نوشته شده بود دیدم...

با تشکر
{mahdi}
یک شنبه 11 خرداد 1393, 15:28 عصر
<!doctype html>
<html>
<head>
<script language="javascript">



var t='mahdi';



</script>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>
<body>
<p id="s"><script language="javascript">document.getElementById('s').innerHTML=t;</script></p>
</body>
</html>

امیدوارم کاربردی بوده باشه
E power
دوشنبه 12 خرداد 1393, 00:42 صبح
نه من منظورم این نبود...
ببینید ، اگه با فریمورک AngularJS کار کرده باشید می دونید که مقادیر رو به یک شکل خاصی بین کدهای HTML در حقیقت Inject میکنه ...
مثلا شما وقتی میخواید یه متغیر که اسمش name هست رو مقدارش رو توی صفحه نشون بدید دو عدد آکولاد باز می کنید و اسم متغیر رو می نویسید مثلا {{name}} که در نهایت مقداری که درون اون متغیر هست رو نشون میده... البته من دقیقا مطمئن نیستم که اون name یک متغیر باشه ... اما به هر حال شما با یک نگاه روی فریمورک AngularJS می تونید متوجه منظور من بشید.
دوستان کسی نمیدونه ؟
hakan648
سه شنبه 13 خرداد 1393, 16:37 عصر
من متاسفانه با فریمورک AngularJS کار نکردم اما فکرمیکنم اگر این توکن ( {{Name}} ) میتونه هرجایی در صفحه باشه و فریمورک اونو جایگزین میکنه، احتمالا باید کل محتوا رو به صورت یک رشته دید و عبارت رو جایگزین کرد.

شاید این کد چیزی باشه که مدنظرتون هست:


<h2>Page Title</h2>
<p>Paragraph content</p>
<div>Other content</div>
<div>Welcome {{Name}}</div>
<hr/>
<div><a href="/Users/{{Name}}/">{{Name}}</a></div>

function tokenReplace(name, value){
var token = '{{' + name + '}}';
var content = $('body').html();

var regexp = new RegExp(token, 'g');
content = content.replace(regexp, value);

$('body').html(content);
}

tokenReplace('Name', 'Hakan');


میتونید اجرای این کد رو در لینک زیر مشاهده بفرمایید:
http://jsfiddle.net/Yw7XP/