mmnoody2006
شنبه 24 مهر 1389, 20:51 عصر
ببخشین اگه اسمی که برای تاپیک انتخاب کردم زیاد گویا نیست .
من می خوام همچین چیزی بسازم :
http://www.nood24.com/uploads/posts/2010-10/1287251084_dfdsf.jpg
این سیستمی هست که میهن بلاگ برای دریافت ابر متن ها از کاربر استفاده می کنه منم به همچین چیزی نیاز دارم ولی اصلا نمی تونم درستش کنم نمی دونم چرا کد ها کار نمی کنه .
اینم کدش :
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %>
<!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 runat="server">
<title>Untitled Page</title>
<style type="text/css">
.clearfix {display:inline-block;}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<script>
var tags = new Array();
var tagIndex = 0;
var duplicateTagContorl = new Array();
mytrim = function(str) {
return str.replace(/^\s+|\s+$/g,"");
}
addTag = function(){
var newTag = c_$('tag').value;
if(!mytrim(newTag)){
alert('فیلد مربوط به برچسب تکمیل نشده است.');
} else {
var newTagArr = newTag.split(",");
for (var i = 0; i < newTagArr.length; i++){
var newTagArr2 = newTagArr[i].split("،");
for (var j = 0; j < newTagArr2.length; j++){
newTag = mytrim(newTagArr2[j]);
if(newTag){
if(duplicateTagContorl[newTag]){
alert(newTag+' تکراری است. ');
} else {
tagIndex++;
c_$('tag').value = '';
c_$('tagBank').innerHTML += "<div id='tag_"+tagIndex+"' onclick='delTag("+tagIndex+")'>"+newTag+"</div>";
tags[tagIndex] = newTag;
c_$('data[tags]').value = tags;
duplicateTagContorl[newTag]=true;
}
}
}
}
}
}
delTag = function(tagIndex){
duplicateTagContorl[tags[tagIndex]] = false;
tags[tagIndex] = '-';
c_$('data[tags]').value = tags;
c_$('tag_'+tagIndex).style.display="none";
}
handleKeyPress = function(e){
var key=e.keyCode || e.which;
if (key==13){
addTag();
return true;
} else {
return false;
}
}
</script>
<style>
#tagBank div{
float:right;
padding-right:13px;
margin-right:10px;
height:15px;
line-heght:10px;
background:url(http://static.mihanblog.com//public/images/icon/tagdel.gif) right 2px no-repeat;
font-size:10px;
cursor:pointer;
}
#tagBank div:hover{
background:url(http://static.mihanblog.com//public/images/icon/tagdel.gif) right -18px no-repeat;
}
</style>
<div class="clearfix">
<div style="float: right; width: 50px; line-height: 25px; text-align: left;">
عنوان: </div>
<div style="float: right; width: 135px;">
<input name="tag" id="tag" value="" onkeypress="if(handleKeyPress(event)) {return false;} else return true;" type="text"> </div>
<div onclick="addTag();" style="border: 1px solid rgb(128, 181, 208); padding: 0px 5px; background: rgb(229, 229, 229) none repeat scroll 0% 0%; float: right; width: 50px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; line-height: 21px; margin-right: 3px;">اضافه کن</div>
<div style="float: right; width: 230px; line-height: 21px; color: rgb(153, 153, 153); padding-right: 10px;">
</div>
<div id="tagBank" class="clearfix"></div>
<div style="display: none;">
<input name="data[tags]" value="" id="data[tags]" type="hidden"> </div>
<script>
c_$('tag').value="";
if(c_$('data[tags]').value){
c_$('tag').value = c_$('data[tags]').value;
}
if(c_$('tag').value){
addTag();
}
</script>
</div>
</form>
</body>
</html>
من می خوام همچین چیزی بسازم :
http://www.nood24.com/uploads/posts/2010-10/1287251084_dfdsf.jpg
این سیستمی هست که میهن بلاگ برای دریافت ابر متن ها از کاربر استفاده می کنه منم به همچین چیزی نیاز دارم ولی اصلا نمی تونم درستش کنم نمی دونم چرا کد ها کار نمی کنه .
اینم کدش :
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %>
<!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 runat="server">
<title>Untitled Page</title>
<style type="text/css">
.clearfix {display:inline-block;}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<script>
var tags = new Array();
var tagIndex = 0;
var duplicateTagContorl = new Array();
mytrim = function(str) {
return str.replace(/^\s+|\s+$/g,"");
}
addTag = function(){
var newTag = c_$('tag').value;
if(!mytrim(newTag)){
alert('فیلد مربوط به برچسب تکمیل نشده است.');
} else {
var newTagArr = newTag.split(",");
for (var i = 0; i < newTagArr.length; i++){
var newTagArr2 = newTagArr[i].split("،");
for (var j = 0; j < newTagArr2.length; j++){
newTag = mytrim(newTagArr2[j]);
if(newTag){
if(duplicateTagContorl[newTag]){
alert(newTag+' تکراری است. ');
} else {
tagIndex++;
c_$('tag').value = '';
c_$('tagBank').innerHTML += "<div id='tag_"+tagIndex+"' onclick='delTag("+tagIndex+")'>"+newTag+"</div>";
tags[tagIndex] = newTag;
c_$('data[tags]').value = tags;
duplicateTagContorl[newTag]=true;
}
}
}
}
}
}
delTag = function(tagIndex){
duplicateTagContorl[tags[tagIndex]] = false;
tags[tagIndex] = '-';
c_$('data[tags]').value = tags;
c_$('tag_'+tagIndex).style.display="none";
}
handleKeyPress = function(e){
var key=e.keyCode || e.which;
if (key==13){
addTag();
return true;
} else {
return false;
}
}
</script>
<style>
#tagBank div{
float:right;
padding-right:13px;
margin-right:10px;
height:15px;
line-heght:10px;
background:url(http://static.mihanblog.com//public/images/icon/tagdel.gif) right 2px no-repeat;
font-size:10px;
cursor:pointer;
}
#tagBank div:hover{
background:url(http://static.mihanblog.com//public/images/icon/tagdel.gif) right -18px no-repeat;
}
</style>
<div class="clearfix">
<div style="float: right; width: 50px; line-height: 25px; text-align: left;">
عنوان: </div>
<div style="float: right; width: 135px;">
<input name="tag" id="tag" value="" onkeypress="if(handleKeyPress(event)) {return false;} else return true;" type="text"> </div>
<div onclick="addTag();" style="border: 1px solid rgb(128, 181, 208); padding: 0px 5px; background: rgb(229, 229, 229) none repeat scroll 0% 0%; float: right; width: 50px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; line-height: 21px; margin-right: 3px;">اضافه کن</div>
<div style="float: right; width: 230px; line-height: 21px; color: rgb(153, 153, 153); padding-right: 10px;">
</div>
<div id="tagBank" class="clearfix"></div>
<div style="display: none;">
<input name="data[tags]" value="" id="data[tags]" type="hidden"> </div>
<script>
c_$('tag').value="";
if(c_$('data[tags]').value){
c_$('tag').value = c_$('data[tags]').value;
}
if(c_$('tag').value){
addTag();
}
</script>
</div>
</form>
</body>
</html>