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

<!-- کد تبدیل عکس -->

<script>

function pic() {

var str = document.getElementById('editor').innerHTML;

document.getElementById('editor').innerHTML = str.replace('src="', 'id="makuonline1391" src="');

document.getElementById('piccode').value = document.getElementById('makuonline1391').src;

}

</script>

اضافه کردن عکس

<br><br>

<div style="border:1px solid#000;border-radius:5px;height:150px;padding:10px;width:150px;margin: 0 auto;" id="editor" contenteditable="true"></div>

<textarea id="piccode" style="display:none;"></textarea>

<input value="اضافه کردن عکس" onclick="pic();document.getElementById('piccodesaz').value='<p style="text-align:right;float:right;padding-left:20px;margin-top:-10px"><img width="150" height="150" src="\'+document.getElementById(\'piccode\').value+\'">\n';alert('عکس شما با موفقیت اضافه شد')" type="button"><br>

<textarea id="piccodesaz"></textarea>

<!-- کد تبدیل عکس -->

<style>

body{color:#000;direction:rtl;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}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}table{margin:0 auto;text-align:center}select{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}

</style>

<!-- کد جاوای تبدیل عکس -->

<script>

function addInput() {

var address = document.getElementById('address').value;

document.getElementById('namayeshhdfs').innerHTML+='<option>[ '+address+' ]</option>';

document.getElementById('address').value = "";

}

function CreateCode()

{

var text = "";

text = '<img src="' + document.getElementById("img_src").value + '" />\n';

var ul1 = document.getElementById("namayeshhdfs").getElementsByTagName("option");

for (var i = 0;i<document.getElementById("namayeshhdfs").getElementsByTagName("option").length;i++)

{

text += '<p style="text-align:right;">'+ul1.innerHTML+'</p>\n';

}

text += '\n<p style="text-align:right;"> متن ادامه مطلب: ' +document.getElementById("codadd").value + '</p>\n';

document.getElementById("htmlcode").value = text;

}

</script>

<table><tr><td>

اضافه کردن عکس

<br><br>

<input id="img_src" style="width:360px;text-align:left" placeholder="آدرس عکس را وارد کنید">

<hr>

<select name="beta" multiple="multiple" id="namayeshhdfs"></select>

<br><br>

<input id="address" dir="ltr" style="width:360px;text-align:left" type="text" placeholder="اضافه کردن متن"><br><br>

<input value="اضافه کردن" onclick="addInput()" type="button">

<hr>

غیر فعال کردن صفحه در حالت نمایش آفلاین :

<input id="nvo" name="nvo" type="checkbox" value="">

<br><br>

<input id="codadd" style="width:360px;text-align:left" placeholder="اضافه کردن به ادامه مطلب"><br><br>

<input value="ساخت کد نهایی" onclick="CreateCode()" type="button"><br><br>

<textarea id="htmlcode" name="htmlcode" cols="50" readonly="readonly" onfocus="javascript:this.select();" onclick="javascript:this.select();"></textarea>

</td></tr></table>

onclick="pic();document.getElementById('piccodesaz').value='<p style="text-align:right;float:right;padding-left:20px;margin-top:-10px"><img width="150" height="150" src="\'+document.getElementById(\'piccode\').value+\'">\n';alert('عکس شما با موفقیت اضافه شد')"

pic();document.getElementById('piccodesaz').value='<p style="text-align:right;float:right;padding-left:20px;margin-top:-10px"><img width="150" height="150" src="\'+document.getElementById(\'piccode\').value+\'">\n';alert('عکس شما با موفقیت اضافه شد')

<p style="text-align:right;float:right;padding-left:20px;margin-top:-10px"><img width="150" height="150" src="عکس تبدیل شده به Inline image">

<p style="text-align:right;">متن 1</p>

<p style="text-align:right;">متن 2</p>

<p style="text-align:right;">متن3</p>

</p>

<!--more-->

<p> </p>

<p> </p>

<p> </p>

<p> </p>

[member]

کد اینکد شده

[/member]