PDA

View Full Version : مشکل با کنترل textboxwatermarked


انتظاری
چهارشنبه 27 بهمن 1389, 10:01 صبح
من با کنترل watermarkآژاکس کار میکنم ولی جواب نمیگیرم کدهای صفحه را در زیر آورده ام لطفا راهنمایی کنید که چرا در اجرا در Textboxکلمه yourname را نمی آورد برنامه هیچ اروری را نمی دهد ولی your name نمایش داده نمی شود..


<%@ Page Language="C#" %>
<%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="asp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Untitled Page</title>
<style type="text/css" >
.WaterMarked
{
padding: 2px 0 0 2px;
border: 1px solid #bebebe;
color: Gray;
background-color: Blue;
}
.UnWaterMarked
{
width: 148px;
height: 18px;
color: Black;
background-color: Red;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<asp:TextBoxWatermarkExtender ID="TextBox1_TextBoxWatermarkExtender"
runat="server" Enabled="True" TargetControlID="TextBox1"
WatermarkCssClass="WaterMarked" WatermarkText="your name">
</asp:TextBoxWatermarkExtender>
</div>
</form>
</body>
</html>
انتظاری
چهارشنبه 27 بهمن 1389, 10:34 صبح
کسی جواب این سوال را نمی داند؟؟؟؟؟؟؟؟؟؟؟
actros
چهارشنبه 27 بهمن 1389, 11:37 صبح
کسی جواب این سوال را نمی داند؟؟؟؟؟؟؟؟؟؟؟
راستش من کدت رو نگا نکردم ولی من از روش زیر برای WaterMark کردن استفاده میکنم و مثل ساعت کار میکنه :

اول این اسکریپت دان کن:

http://up.iranblog.com/images/9nybjzhf1zs6qqc1t5.rarکد زیر رو آخر صفحه ات اضافه کن.(این پلاگین متن ToolTip رو روی TextBox واترمارک می کنه.خیلی هم کارش درسته :دی )

<script src="jquery.updnWatermark.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$.updnWatermark.attachAll({ cssClass: 'Watermark' });
});
</script>

این CSS رو هم اضاف کن:


.Watermark
{
position: relative;
width: 0;
height: 1.25em;
vertical-align: top;
}
.Watermark label
{
position: absolute;
left: 0;
top: 2px;
white-space: nowrap;
color: #999;
padding-left: 4px;
height: 1.25em;
vertical-align: middle;
}
.InputBox
{
width: 300px;
}حالا هر متنی که میخای Watermark کنی تو خاصیت ToolTip تکست باکس بذار
انتظاری
یک شنبه 01 اسفند 1389, 12:41 عصر
ممنون خوب بود ولی این کار ToolTip را میکنه من می خوام متن داخل تکس باکس باشه موقعی که کاربر روی آن کلیک مکنه متن بره تا کاربر متن خود را وارد کنه
fahime17
دوشنبه 02 اسفند 1389, 12:28 عصر
سلام...
ببخشید من یه مشکلی که دارم اینه که چون textbox رمز عبور از نوع Passsword هست وقتی از textboxwatermarked استفاده می کنم نوشته داخل آن به شکل رمز درمیاد درصورتی که من میخوام کلمه رمز عبور رو نشون بده و وقتی کاربر روی اون کلیک کرد رمز رو وارد کنه(به شکل رمز هم باشه)
actros
دوشنبه 02 اسفند 1389, 13:49 عصر
ممنون خوب بود ولی این کار ToolTip را میکنه من می خوام متن داخل تکس باکس باشه موقعی که کاربر روی آن کلیک مکنه متن بره تا کاربر متن خود را وارد کنه

کار ToolTip رو نمی کنه متن Tooltip رو می ندازه رو Textbox. وقتی روش کلیک بشه متن محو و وقتی Focus ازش برداشته بشه مجددا ظاهر میشه.
مگه هدف WaterMark کردن چیز دیگه ایه؟


سلام...
ببخشید من یه مشکلی که دارم اینه که چون textbox رمز عبور از نوع Passsword هست وقتی از textboxwatermarked استفاده می کنم نوشته داخل آن به شکل رمز درمیاد درصورتی که من میخوام کلمه رمز عبور رو نشون بده و وقتی کاربر روی اون کلیک کرد رمز رو وارد کنه(به شکل رمز هم باشه)

به شما هم توصیه می کنم از روشی که تو پست 3 معرفی کردم استفاده کنید.
fahime17
سه شنبه 03 اسفند 1389, 17:16 عصر
ممنون اما منم به همین مشکل دوستمون برخوردم:ناراحت: حالا میگم دقیق چی کار کردم
اول که اومدم اسکریپت رو تو قسمتbin برنامه اضافه کردم بعد هم کداشو تو قسمت head نوشتم وcss ها هم اضافه کردم.تو tooltip هم متن رو اضافه کردم.کار دیگه ای باید انجام بدم؟ممنون
actros
سه شنبه 03 اسفند 1389, 18:02 عصر
ممنون اما منم به همین مشکل دوستمون برخوردم:ناراحت: حالا میگم دقیق چی کار کردم
اول که اومدم اسکریپت رو تو قسمتbin برنامه اضافه کردم بعد هم کداشو تو قسمت head نوشتم وcss ها هم اضافه کردم.تو tooltip هم متن رو اضافه کردم.کار دیگه ای باید انجام بدم؟ممنون

Oh my gosh مگه dll بندازی تو bin ؟
2- اسکریپت اصلی JQuery (ورژنش مهم نیست ولی بالای 1.3.2 باشه) بعلاوه jquery.updnWatermark.js رو می ذازی پوشه اصلی سایت (اگه میخای اصولی تر کار کنی یه پوشه با نام Scripts بساز بنداز توش) اگه با VS2010 کار میکنی خودش یه پوشه Script حاوی فایل اصلی JQury داره.
2- دو تا اسکریپت رو درگ می کنی می ندازی تو Head
3- این کد JQuery رو می ندازی تو Head (زیر 2 تا اسکریپت)

<script type="text/javascript">
$(function () {
$.updnWatermark.attachAll({ cssClass: 'Watermark' });
});
</script>4 -کل CSS رو کپی می کنی تو CSS اصلی سایت
5-متنی که میخای WaterMark بشه رو به خاصیت tooltip همون TextBox میدی.

همین
Hope This Helps
fahime17
چهارشنبه 04 اسفند 1389, 10:01 صبح
اسکریپت اصلی JQuery (ورژنش مهم نیست ولی بالای 1.3.2 باشه) بعلاوه jquery.updnWatermark.js رو می ذازی پوشه اصلی سایت
سلام منظور شما از اسکریپت اصلی Jquery چیه


2- دو تا اسکریپت رو درگ می کنی می ندازی تو Head
3- این کد JQuery رو می ندازی تو Head (زیر 2 تا اسکریپت)

و مورد 2 که شما می گویید 2 تا اسکربپت را درگ می کنید و دوباره در مورد 3 میگویید این کد Jquery رو می اندازی در head مگر یکی نیست؟؟؟؟؟
انتظاری
شنبه 07 اسفند 1389, 11:10 صبح
اول این اسکریپت دان کن:

کد HTML:
http://up.iranblog.com/images/9nybjzhf1zs6qqc1t5.rar
کد زیر رو آخر صفحه ات اضافه کن.(این پلاگین متن ToolTip رو روی TextBox واترمارک می کنه.خیلی هم کارش درسته :دی )

سلام من همه کارهایی که گفتید را انجام دادم ولی هنوز tooltip .
میشه کدای فایل js را توضیح بدین.
مشکل من هم با پسورده که واترمارک درست کار نمیکند.
من یک تکس باکس روی فرمم دارم که تکس مودش پسورده و واترمارکم را از نوع پسورد میکند.
لطفا یکی کمکم کند.
انتظاری
شنبه 07 اسفند 1389, 15:38 عصر
به خدا یکی بگه اگر بخوایم برای TextBox که TextMod آن Password است چگونه میشه waterMarkگذاشت که متن watermark قابل مشاهده باشد نه اینکه پسورد بشه و به جای هر حرفی یک دایره نمایش دهد.
actros
شنبه 07 اسفند 1389, 17:56 عصر
سلام منظور شما از اسکریپت اصلی Jquery چیه
و مورد 2 که شما می گویید 2 تا اسکربپت را درگ می کنید و دوباره در مورد 3 میگویید این کد Jquery رو می اندازی در head مگر یکی نیست؟؟؟؟؟

منظور از فایل اصلی JQuery کتابخانه اصلی Jquery یه که آخرین ورژنش ازسایت Jquery.com قابل دانلوده.(اگه از VS 2010 استفاده می کنی ورژه 1.4.1 اش موجوده و نیازی به دانلودش نیست)
حالا یه سری کابر (مثل من و شما) از این فایل استفاده می کنن و یه Jquery می سازن که مثلا watermark می کنه.
پروژه ای که ضمیمه پست کرد رو ببین متوجه میشی :دی
چیز پیچیده ای نیست.


به خدا یکی بگه اگر بخوایم برای TextBox که TextMod آن Password است چگونه میشه waterMarkگذاشت که متن watermark قابل مشاهده باشد نه اینکه پسورد بشه و به جای هر حرفی یک دایره نمایش دهد.
پروژه رو دان کن ببین کجا رو اشتباه کردی:دی
دانلود فایل پروژه (http://www.mediafire.com/?vro21ava1mtaaue)


http://up.iranblog.com/images/vsunvkuyzz2fs8g1hr04.png (http://up.iranblog.com/)