Wellcome

A note book for me and you

Wellcome

A note book for me and you

ساخت یک پروژه ساده AJAX

در این مثال میخواهیم یک پروژه ساده طراحی کنیم که توش از تکولوژی ای جکس استفاده میشه

در این مثال ما دوتا جعبه متن داریم که وقتی در اولی کلمه yes رو مینویسیم بدون اینکه صفحه refresh بشود و یا کلیدی بزنیم در جعبه متن دوم کلمه ی you typed yed رو نشون میده و در صورت نوشت no کلمه مخصوص no رو نشون میده.اگه بتونیم همچین پروژه ای بسازیم پی میتونیم یک دیکشنری ای جکسی هم درست کنیم.

مواد لازم:

۱-یک صفحه html که داخلش دو تا textbox وجود داره

2-یک فایل جاوا اسکریپت که داخلش کدهای جاوا است

3-یک فایل aspx که ما رو به فایل کدهای aspx.vb وصل کنه

دقت کنید تمام این فایلها رو میتونید داخل Visual Stdio و در یک پروژه asp.net درست کنید

حالا چه کدهایی باید توی این سه صفحه نوشته بشه؟

کدهای صفحه ی html :

<body onload="">
<script type="text/javascript" src="JScript.js"></script>
<form id="Form1" class="form" >
<img id="ban" src="ban.jpg">
<hr></hr>
in word:
<input id="inText" name="inText" type="text"
onkeyup="setTimeout('ajaxFunction()',500);" /><br />
<br />
out word:<br />
<textarea id="transTxt" class="trans" dir="rtl"></textarea>
<hr></hr>
</form>

توی خط زرد کدهای جاوا اسکریپت رو به صفحه مون میاریم.میتونید کدها رو مستقیم داخل همین صفحه هم بنویسیم و لزومی نداره که حتما در یک فایل جداگانه ذخیره شده باشند.

کدهای داخل فایل جاوا اسکریپت:

function ajaxFunction()
{
document.getElementById("transTxt").value="okok";

var xmlHttp;
// Browser detection:
xmlHttp=new XMLHttpRequest()
xmlHttp.onreadystatechange = getData;
var inText = document.getElementById("inText").value;
xmlHttp.open("GET","Default.aspx?inWord="+inText,true);
xmlHttp.send(null);

function getData() {
    if ((xmlHttp.readyState > 0) && (xmlHttp.readyState < 4)) {
        //document.getElementById("loading").style.visibility ='visible';
    }
    if (xmlHttp.readyState == 4) {
        //xmlHttp.responseText
        document.getElementById("transTxt").value = xmlHttp.responseText;
    }
}
}

کدهای زرد رنگ عملیات اصلی AJAX هستند و کد سبز رنگ جواب رو از صفحه ی aspx میگیره

کدهای صفحه ی aspx :

در این صفحه کد خاصی نیاز ندارید و فقط باید یک خاصیت به تگ اول صفحه اضافه کنید:

<%@ Page Language="VB" AutoEventWireup="false"  Inherits="_Default" CodeFile="~/Default.aspx.vb" %>

شما با این مشخصه به برنامه میفهمونید کدهای کدوم صفحه رو باید اجرا کنه

کد های داخل صفحه ی ویژوال بیسیک یعنی  aspx.vb :

در لود فرم این کد رو مینویسیم:

        If Request.QueryString("inword") = "no" Then
            Response.Write("you typed no")
            Response.End()
        End If

        If Request.QueryString("inword") = "yes" Then
            Response.Write("you typed yes")
            Response.End()
        End If

برنامه کامل است، میتونید امتحانش کنید...



پیمان سه‌شنبه 26 مهر‌ماه سال 1390 ساعت 12:51 ب.ظ
0 نظر

یک وبسایت کوچک و ساده مقدماتی در asp.net

این یک سایت بسیاد کوچک و سادست(اگه بشه روش اسم سایت گذاشت) که برای کسانی که هنوز با اس پی دات نت زیاد آشنایی ندارند و خلاصه میخوان از طریق سورس کد یاد بگیرن چجوری با پایگاه داده اس کیو ال ارتباط برقرار میشه و گشت و گذار در صفحات پروژه چجورییه


دانلود با حجم 300 کیلوبایت 

پیمان دوشنبه 18 مهر‌ماه سال 1390 ساعت 05:41 ب.ظ
0 نظر

براقراری ارتباط با فایل SQL و درج یک مقدار در آن در ASP.NET

برای ارتباط با فایل اس کیو ال که با پسوند Database1.mdf و در پوشه App_Data وجود دارد و حاوی سه رکورد nam,famil,tel است از کد زیر استفاده میکنیم:  
    Dim a As String
a = " Data Source=.\SQLEXPRESS;AttachDbFilename=|DataDirectory|\Database1.mdf;Integrated Security=True;Connect Timeout=30;User Instance=True"
Dim bb As New SqlConnection(a)
Dim str As String = "insert into Table1(nam,famil,tel) values(N'alireza',N'rajabi','8533702')"
Dim cc As New SqlCommand(str, bb)
bb.Open()cc.ExecuteNonQuery()
پیمان دوشنبه 18 مهر‌ماه سال 1390 ساعت 05:28 ب.ظ
0 نظر

یک سایت مفید برای دانلود کامپوننت

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

آدرس سایت : http://www.interactivetools.com

پیمان دوشنبه 18 مهر‌ماه سال 1390 ساعت 05:26 ب.ظ
0 نظر