کد دکمه که با کلیک بر روش کدی بیفته توی تکست آریا

زمان جاریtime : جمعه 22 تیر 1403 - 8:15 قبل از ظهر

شما در سایت ما ثبت نام نکرده اید و یا وارد اکانت کاربری خود نشده اید. از شما خواهشمند هستیم You are not log in to site. Please وارد شویدlogin یاor ثبت نام کنیدregister .

صفحه اصلیHome page / آموزش html / کد دکمه که با کلیک بر روش کدی بیفته توی تکست آریا

ارسال پاسخ جدید

«1 234 5 »

smaeal

ارسال‌هاAsnwers :	10648
عضویتRegistration date :	18 /11 /1392
حمایت کردهthanks :	18906
حمایت شدهThanked :	5424

پاسخAnswer 21 : کد دکمه که با کلیک بر روش کدی بیفته توی تکست آریا

نه...اون فرق میکنه...

اون پنجره باز میشه...

توی آلرت هم نمیشه...

اونی هم که من گذاشتم promptـیه...

در کل شدنش سخته...

===================================================

☼برای تشکر از دکمه « سپاسگزارم » استفاده نمایید☼

یکشنبه 23 فروردین 1394 - 20:50

وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport

rjrmaku

ارسال‌هاAsnwers :	752
عضویتRegistration date :	4 /12 /1391
حمایت کردهthanks :	203
حمایت شدهThanked :	183

پاسخAnswer 22 : کد دکمه که با کلیک بر روش کدی بیفته توی تکست آریا

خوب پس میتونیم یک کار دیگه بکنیم این قسمت رو به صورت ابزار در بیاریم

مثلا

یه سلکت calass یا id

نام class یا id

رنگ:

رنگ زمینه:

تصویر زمینه:

و غیره

قسمت هایی که پر میشن به تکست آریا اضافه بشن قسمت هایی هم که پر نمیشن اضافه نشن

و یک دکمه add بذاریم که یه فرم جدید مثل فرم قبل ایجاد کنه

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

یکشنبه 23 فروردین 1394 - 21:00

وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport

حمایت شده:

سپاس هاThanks (1) : smaeal -

smaeal

ارسال‌هاAsnwers :	10648
عضویتRegistration date :	18 /11 /1392
حمایت کردهthanks :	18906
حمایت شدهThanked :	5424

پاسخAnswer 23 : کد دکمه که با کلیک بر روش کدی بیفته توی تکست آریا

این به نظرت خوبه...خیلی هم عالیه روشش:

کد:

<script language="JavaScript">
function NOTEXT(){
document.Add.write.value += ("")
}
function prom(a){
if(a=='background' || a=='color'){
cod1=prompt('رنگ خود را وارد نمایید','');
document.Add.write.value +=a+':'+cod1+';';
}
}
function html(){
if(html ==''){
NOTEXT()
}
else{
document.Add.write.value += ("<html>\n<head>\n<meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\" />\n<title> +html5+ </title>\n</head>\n\n<body>\n\n</body>\n</html>")
}
}
</script>
<style>
body {
direction: rtl;
}
</style>
<CENTER>
<form method="post" action="" name="TABLE">
<input title="کدهای پیش نیاز html" type="button" value="کدهای پیش نیاز html" onClick="html()">
<button onclick="prom('background');return false;">پس زمینه</button>
</form>
<form name="Add">
<textarea style="direction: ltr;" name="write" rows=15 cols=80 wrap="phisical"></textarea>
</form>

</center>

===================================================

☼برای تشکر از دکمه « سپاسگزارم » استفاده نمایید☼

یکشنبه 23 فروردین 1394 - 21:07

وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport

rjrmaku

ارسال‌هاAsnwers :	752
عضویتRegistration date :	4 /12 /1391
حمایت کردهthanks :	203
حمایت شدهThanked :	183

پاسخAnswer 24 : کد دکمه که با کلیک بر روش کدی بیفته توی تکست آریا

نه این کارایی که من میخوام نمیده

من یه ابزار درست کنم مثل اونی که گفتم بعد بیام مشکلاتش رو بپرسم

یکشنبه 23 فروردین 1394 - 21:09

وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport

smaeal

ارسال‌هاAsnwers :	10648
عضویتRegistration date :	18 /11 /1392
حمایت کردهthanks :	18906
حمایت شدهThanked :	5424

پاسخAnswer 25 : کد دکمه که با کلیک بر روش کدی بیفته توی تکست آریا

نگاه کن...

الآن این جا من چند تا کاری که توی css میشه انجام داد رو توی دو تا تابع خلاصه کردم...

الآن چک کن...فقط همینطوری میتونی درست کنی...

کد:

<script language="JavaScript">
function NOTEXT(){
document.Add.write.value += ("")
}
function prom(a){
if(a=='background' || a=='color'){
cod1=prompt('رنگ خود را وارد نمایید','');
document.Add.write.value += a+':'+cod1+';';
}
else if(a=='text-shadow' || a=='box-shadow'){
cod1=prompt('عدد اول','');
cod2=prompt('عدد دوم','');
cod3=prompt('عدد سوم','');
cod4=prompt('رنگ','');
document.Add.write.value += a+':'+cod1+cod2+cod3+cod4+';';
}
}
function html(){
if(html ==''){
NOTEXT()
}
else{
document.Add.write.value += ("<html>\n<head>\n<meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\" />\n<title> +html5+ </title>\n</head>\n\n<body>\n\n</body>\n</html>")
}
}
</script>
<style>
body {
direction: rtl;
}
</style>
<CENTER>
<form method="post" action="" name="TABLE">
<input title="کدهای پیش نیاز html" type="button" value="کدهای پیش نیاز html" onClick="html()">
<button onclick="prom('background');return false;">پس زمینه</button>
<button onclick="prom('text-shadow');return false;">سایه</button>
</form>
<form name="Add">
<textarea style="direction: ltr;" name="write" rows=15 cols=80 wrap="phisical"></textarea>
</form>

</center>

===================================================

☼برای تشکر از دکمه « سپاسگزارم » استفاده نمایید☼

یکشنبه 23 فروردین 1394 - 21:13

وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport

rjrmaku

ارسال‌هاAsnwers :	752
عضویتRegistration date :	4 /12 /1391
حمایت کردهthanks :	203
حمایت شدهThanked :	183

پاسخAnswer 27 : کد دکمه که با کلیک بر روش کدی بیفته توی تکست آریا

خوب میدونم ولی من میخوام چیزی بسازم که آماتور هایی مثل خودم هم راحت باهاش کار کنن :دی

مثلا خیلیا کد رنگ ها رو نمیدونن مثل من ابزار باشه راحت همه چیز رو حل میکنه

در کل میخوام این ادیتور رو طوری درست کنم که راحت بشه ازش استفاده کرد یه قسمت توضیحات هم برای ادیتور میسازم که توضیحات کلی با آموزش بذارم

من برم یه فیلم نگاه کنم بیام ابزار رو درست کنم مشکلات رو بپرسم

یکشنبه 23 فروردین 1394 - 21:20

وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport

حمایت شده:

سپاس هاThanks (1) : smaeal -

smaeal

ارسال‌هاAsnwers :	10648
عضویتRegistration date :	18 /11 /1392
حمایت کردهthanks :	18906
حمایت شدهThanked :	5424

پاسخAnswer 28 : کد دکمه که با کلیک بر روش کدی بیفته توی تکست آریا

برو عزیز...

ولی کلی کار باید بشه روش...

یکم فکر کنی میفهمی...

چون باید کد انتخاب رنگ...توابع مربوطه و کلی کد دیگه بنویسی...

در کل چاره ای نیست...

بالاخره باید ساخت...

موفق باشی...

===================================================

☼برای تشکر از دکمه « سپاسگزارم » استفاده نمایید☼

یکشنبه 23 فروردین 1394 - 21:22

وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport

حمایت شده:

سپاس هاThanks (1) : rjrmaku -

rjrmaku

ارسال‌هاAsnwers :	752
عضویتRegistration date :	4 /12 /1391
حمایت کردهthanks :	203
حمایت شدهThanked :	183

پاسخAnswer 29 : کد دکمه که با کلیک بر روش کدی بیفته توی تکست آریا

تا اینجا پیش رفتم دیگه ادامه ندادم تا مشکلات حل بشه زیاد پیش میرفتم شاید رفع مشکل طول میکشید

1- قسمت انتخاب نوع id یا class چند تا هستش

id با # شروع میشه class با . شروع میشه و یکی که با هیچی شروع نمیشه اسمش چی هست؟ مثلا body

2- قسمت class or id name چیکار کنم پر کردن فیلد الزامی باشه

3- قسمت background-color اول درست میاد ولی بعد اینکه add new class رو میزنم توی فرم جدید نمیاد

4- یکی هم اینکه یک فیلد رو پر نمیکنم دیگه توی تکست آریا نشون نده

کد:


<style>
body{color:#000;font-family:Tahoma;font-size:14px}textarea{background:url("http://up.makuonline.ir/textra.png") repeat scroll 0 0 rgba(0,0,0,0);border:1px dashed #000;border-radius:10px;color:#000;direction:ltr;height:150px;margin-top:15px;max-width:100%;overflow-x:hidden;overflow-y:auto;padding:7px;resize:none;width:500px}input{background-color:#fff;border:2px solid#000;border-radius:4px;color:#000;direction:ltr;font-family:Tahoma;font-size:11px;font-style:normal;font-weight:700;margin-bottom:5px;margin-top:5px;max-width:100%;padding:6px;text-shadow:none}select{font-size:16px;max-width:100%}button{background-color:#3abec0;border:1px solid#3abec0;border-radius:3px;color:#000;cursor:pointer;font-family:tahoma;margin-right:5px;margin-top:10px;padding:5px}button:hover{background-color:#f81a3d;border:1px solid#3abec0;border-radius:3px;color:#eee;margin-right:5px;margin-top:10px;padding:5px}textarea:hover{border:1px dashed #3abec0;border-radius:10px;box-shadow:0 0 10px 1px#3abec0;transition:all 0.1s ease 0s}textarea:focus{border:1px dashed #3abec0;border-radius:10px;box-shadow:0 0 10px 1px#3abec0;transition:all 0.1s ease 0s}
</style>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Language" content="fa">
<script type="text/javascript" src="http://makuonline.ir/online-web-tools/bedonbalmouse/jscolor.js"></script>
</head>
<script>
css_cod_maker={
CSS:0,
listcode:'',
add:function(){
this.CSS++;
CSS=this.CSS;
makuonline=document.createElement('makuonline');
makuonline.innerHTML='<hr>انتخاب نوع id یا class : <select id="classid'+CSS+'"><option value=""></option><option value=".">class</option><option value="#">id</option></select><br>@class or id name:<input style="direction:rtl;" type="text" id="calass_id'+CSS+'" placeholder="class or id name"><br>background-color:<input class="color" style="direction:ltr;" type="text" id="color'+CSS+'" placeholder="background-color">';
document.getElementById('add_new_cod').appendChild(makuonline);
},
make:function(){
this.listcode='';
for(i=0;i<=this.CSS;i++){
this.listcode+=''+document.getElementById('classid'+i).value+''+document.getElementById('calass_id'+i).value+' {\nbackground-color: #'+document.getElementById('color'+i).value+'\n}\n\n';
}
document.getElementById('end_cod').value='//*css cod maker by makuonline *//\n'+this.listcode+'//*css cod maker by makuonline *//';
}
}
</script>
<center>
<table id="add_new_cod">
انتخاب نوع id یا class : <select id="classid0">
	<option value=""></option>
	<option value=".">class</option>
	<option value="#">id</option>
</select><br>
class or id name:    <input id="calass_id0" type="text" style="direction:rtl;" placeholder="class or id name"><br>
background-color: <input id="color0" type="text" style="direction:ltr;" placeholder="background-color" class="color"><br>
</table>
<br>
<button onclick="css_cod_maker.add();">add new class</button>
<button onclick="css_cod_maker.make();">create cod css</button>
<br>
<textarea id="end_cod"></textarea>
</center>

دوشنبه 24 فروردین 1394 - 00:22

وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport

smaeal

ارسال‌هاAsnwers :	10648
عضویتRegistration date :	18 /11 /1392
حمایت کردهthanks :	18906
حمایت شدهThanked :	5424

پاسخAnswer 30 : کد دکمه که با کلیک بر روش کدی بیفته توی تکست آریا

خــــــــــــــــب...ایول...

اگه از اول میفهمیدم اینطوری میخوای زودتر کدشو میدادم....

تازه الآن کلی سبکش کردم تا کد دلخواه تو بشه...!!

مثلاً نیازی به استفاده از color.js نبود...با html5 اینکارو کردم...!!

کد:

<style>
body{color:#000;font-family:Tahoma;font-size:14px}
textarea{background:url("http://up.makuonline.ir/textra.png") repeat scroll 0 0 rgba(0,0,0,0);border:1px dashed #000;border-radius:10px;color:#000;direction:ltr;height:150px;margin-top:15px;max-width:100%;overflow-x:hidden;overflow-y:auto;padding:7px;resize:none;width:500px}
input{background-color:#fff;border:2px solid#000;border-radius:4px;color:#000;direction:ltr;font-family:Tahoma;font-size:11px;font-style:normal;font-weight:700;margin-bottom:5px;margin-top:5px;max-width:100%;padding:6px;text-shadow:none}
select{font-size:16px;max-width:100%}
button{background-color:#3abec0;border:1px solid#3abec0;border-radius:3px;color:#000;cursor:pointer;font-family:tahoma;margin-right:5px;margin-top:10px;padding:5px}
button:hover{background-color:#f81a3d;border:1px solid#3abec0;border-radius:3px;color:#eee;margin-right:5px;margin-top:10px;padding:5px}
textarea:hover{border:1px dashed #3abec0;border-radius:10px;box-shadow:0 0 10px 1px#3abec0;transition:all 0.1s ease 0s}
textarea:focus{border:1px dashed #3abec0;border-radius:10px;box-shadow:0 0 10px 1px#3abec0;transition:all 0.1s ease 0s}
</style>
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Language" content="fa">
</head>
<script>
css_cod_maker={
CSS:0,
listcode:'',
add:function(){
this.CSS++;
CSS=this.CSS;
makuonline=document.createElement('makuonline');
makuonline.innerHTML='<hr>انتخاب نوع id یا class : <select id="classid'+CSS+'"><option value=""></option><option value=".">class</option><option value="#">id</option></select><br>@class or id name:<input style="direction:rtl;" type="text" id="calass_id'+CSS+'" placeholder="class or id name"><br>background-color:<input style="direction:ltr;" type="color" id="color'+CSS+'" placeholder="background-color">';
document.getElementById('add_new_cod').appendChild(makuonline);
},
make:function(){
this.listcode='';
for(i=0;i<=this.CSS;i++){
if(document.getElementById('calass_id'+i).value==''){
alert('باکس id یا class را پر نکرده اید');
return;
}
else{
this.listcode+=document.getElementById('classid'+i).value+document.getElementById('calass_id'+i).value+'{\nbackground-color:'+document.getElementById('color'+i).value+'\n}\n\n';
}
}
document.getElementById('end_cod').value='//*css cod maker by makuonline *//\n'+this.listcode+'//*css cod maker by makuonline *//';
}
}
</script>
<center>
<table id="add_new_cod">
انتخاب نوع id یا class : <select id="classid0">
<option value=""></option>
<option value=".">class</option>
<option value="#">id</option>
</select><br>
class or id name: <input id="calass_id0" type="text" style="direction:rtl;" placeholder="class or id name"><br>
background-color: <input id="color0" type="color" style="direction:ltr;" placeholder="background-color"><br>
</table>
<br>
<button onclick="css_cod_maker.add();">add new class</button>
<button onclick="css_cod_maker.make();">create cod css</button>
<br>
<textarea id="end_cod"></textarea>

</center>

===================================================

☼برای تشکر از دکمه « سپاسگزارم » استفاده نمایید☼

دوشنبه 24 فروردین 1394 - 07:12

وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport

rjrmaku

ارسال‌هاAsnwers :	752
عضویتRegistration date :	4 /12 /1391
حمایت کردهthanks :	203
حمایت شدهThanked :	183

پاسخAnswer 31 : کد دکمه که با کلیک بر روش کدی بیفته توی تکست آریا

سلام color html5 رو خودم استفاده نکردم هم خیلی ضایع هستش هم اکسپلور پشتیبانی نمیکنه اون یکی مرورگرها رونمیدونم

هم به صورت اتومات رنگ میفته و نمیشه کد رنگ رو دستی هم داد حالا میشه با همون color.js درستش کنی

دوشنبه 24 فروردین 1394 - 13:40

وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport

«1 234 5 »

برای ارسال پاسخ ابتدا باید لوگین یا ثبت نام کنید.

moisrex

درباره ماAbout us	لینک های ماOur links	کلمات کلیدیKeywords
انجمن تخصصی کدستان ، ساخته شده توسط فردی با نام مستعار Moisrex می باشد.This forum designed by a person who called Moisrex. ایمیلE-mail : Moisrex @ Gmail.com	کدستانMoisrex اینتکIntec تک پیکTak-Pic فتوشاپPhotoshop	کدستان,انجمن کدستان,کدنویسی,انجمن پشتیبانی,فروم,رزبلاگ,آموزش کدنویسی,درخواست کد

انجمن کدستان Moisrex

آموزش های کدنویسیLearn codes

حل مشکلات کدنویسیWe solve them

گرافیکGraphic

انجمن کدستانMoisrex

آموزش های کدنویسیLearn codes

حل مشکلات کدنویسیWe solve them

گرافیکGraphic

انجمن کدستان Moisrex