خرت و پرت جاوا اسکریپت برای سایت شما

saalek110

saalek110

Well-Known Member
خرت و پرت جاوا اسکریپت برای سایت شما

سلام، من سایت ساختم ولی چیزهایی نیاز داره سایتم.


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

saalek110

Well-Known Member
تاپیک های مرتبط من:

forum.majidonline.com

علاقه مندان به جاوا اسکریپت

علاقه مندان به جاوا اسکریپت این تاپیک در مورد آلمان بود که ادیت کردم ،مدیریت محترم لطفا این تاپیک را به تالار مربوطه منتقل کنید. در تاپیک زیر راهنمایی هایی برای ساخت سایت گفته شده...
forum.majidonline.com forum.majidonline.com

forum.majidonline.com

آموزش جاوا اسکریپت

آموزش جاوا اسکریپت چه افراد صاحب نظر ، چه مبتدی ، چه متوسط ، مختارن نظر بدن. من دنبال یادگیری ام. و بحث تاپیک را پربارتر می کند. در تاپیک زیر ، کار با هاست و طرز کار با دیتابیس گفته شده...
forum.majidonline.com forum.majidonline.com
 
saalek110

saalek110

Well-Known Member
JavaScript: 
<html>
    <head>
    <script>

function readTextFile(file)
{
    var myFile = new XMLHttpRequest();
    myFile.open("GET", file, false);
    myFile.onreadystatechange = function ()
    {
        if(myFile.readyState === 4)
        {
            if(myFile.status === 200 || myFile.status == 0)
            {
                var allText = myFile.responseText;
                document.getElementById("hsBoard").innerHTML = allText;
            }
        }
    }
    myFile.send(null);
}
    </script>
    </head>
    <body>

    <div id='hsBoard'>
    Click On Read button to Read File
    </div>

    <br />
    <input type="button" value="Read" onClick="readTextFile('hs.txt')" /><br />
    </body>
    </html>

برنامه بالا ، محتوای یک فایل تکست را نمایش می دهد.کد بالا را با پسوند html در کامپیوتر یا گوشی خود ذخیره کنید.یک ادیتور پیدا کنید برای این کار.یک فایل با پسوند txt هم بسازید و چیزهایی در آن بنویسید. اسم فایل txt هم hs باشه . یعنی hs.txt .


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

اول اینکه این برنامه در هد فایل یک تابع جاوا اسکریپت دارد. پس ما هم می توانیم در هد ، تابع جاوا اسکریپت قرار دهیم.
دوم اینکه یک دکمه تعریف کرده با جاوا اسکریپت که در برنامه هایمان نیاز پیدا می کنیم.

داخل تابع اگر نگاه کنید به hsBoard نگاه می کند. و محتوای اون را تغییر می دهد. که همین div موجود در فایل است.

پس با کد میشه محتوای یک div دا تغییر داد.
پس خلاصه برنامه :

خواندن فایل متنی.
دارای دکمه.
تغییر یک div
 
آخرین ویرایش:
saalek110

saalek110

Well-Known Member
یک نرم افزار اندرویدی هست که خروجی کنسول را نشان می دهد:


play.google.com

Javascript Console Editor - Apps on Google Play

Learn javascript and console commands with javascript editor supports.
play.google.com play.google.com



اگر به کارتون می آید ، دانلود کنید.

یکی دو تا ادیتور اندرویدی در تاپیک آموزش جاوا اسکریپت من لینک داده شده ، من خودم ازادیتور اندرویدی ace استفاده می کنم.
 
saalek110

saalek110

Well-Known Member
JavaScript: 
<html>
    <head>
  
  
    <SCRIPT LANGUAGE="JAVASCRIPT">
<!-- hide this script tag's contents from old browsers
function lifetimer(){         

        today = new Date()       

        BirthDay = new Date(document.live.age.value)       

        timeold = (today.getTime() - BirthDay.getTime());       

        sectimeold = timeold / 1000;       

        secondsold = Math.floor(sectimeold);       

        msPerDay = 24 * 60 * 60 * 1000 ;       

        timeold = (today.getTime() - BirthDay.getTime());       

        e_daysold = timeold / msPerDay;       

        daysold = Math.floor(e_daysold);       

        e_hrsold = (e_daysold - daysold)*24;       

        hrsold = Math.floor(e_hrsold);       

        minsold = Math.floor((e_hrsold - hrsold)*60);         

        document.live.time1.value = daysold           

        document.live.time2.value = hrsold             

        document.live.time3.value = minsold           

        window.status = "Well at the moment you are " + secondsold + "............ seconds old.";       

        timerID = setTimeout("lifetimer()",1000) 

}     
// -- done hiding from old browsers -->

</script>
  

    </head>
    <body>




<FORM name="live">

Please enter your age::<INPUT TYPE="text" NAME="age" VALUE="" SIZE=20>
Example: (november 1,1966) <BR><BR><BR>
<INPUT TYPE="button" NAME="start" VALUE="Start Timer" ONCLICK="lifetimer(this.form)">

<INPUT TYPE="reset" NAME="resetb" VALUE="Reset Age">

<BR><BR>

<TABLE border=0>
<TR><TD>You are days old:</TD>

<TD>

<INPUT TYPE="text" NAME="time1" VALUE="" size=8>

</TD>

</TR>

<TR><TD>Plus hours old:</TD>

<TD>

<INPUT TYPE="text" NAME="time2" VALUE="" size=8>

</TD>

</TR>

<TR><TD>Plus minutes old:</TD>

<TD><INPUT TYPE="text" NAME="time3" VALUE="" size=8></TD>

</TR>
</TABLE>
</FORM>



    <br />

    </body>
    </html>

برنامه از:

Cut and Paste JavaScript-Age Counter

Click here to get free JavaScripts, hassle free!
www.javascriptkit.com

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

مشخصات برنامه :
کار با تکست ها ، خواندن تکست و نوشتن در تکست.
کار با تاریخ.
یک تابع در هد انداختیم و یک فرم در بادی داریم.
در تکست بالا وارد می کنیم ، بعد محاسباتی در تکست های پایینی نتیجه را می دهد.
من کاری ندارم محاسباتش چیه. قالب برنامه و کدهایش مورد نظر من است.

برای خوندن یا نوشتن در تکست ها ، اول کلمه داکیومنت را آورده بعد اسم فرم را آورده و بعد اسم تکست را و بعد کلمه value را.
JavaScript: 
        document.live.time3.value = minsold

و تاریخ:
JavaScript: 
today = new Date()
 
آخرین ویرایش:
saalek110

saalek110

Well-Known Member
JavaScript: 
<html>
    <head>

    </head>
    <body>

 

<form method="POST">

<table border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td width="100%">
<textarea rows="12" name="charcount" cols="60" wrap="virtual"></textarea>
      </td>
    </tr>
    <tr>
      <td width="100%"><div align="right"><p><input type="button" value="Calculate Characters"
      onClick="countit(this)"> <input type="text" name="displaycount" size="20"></p>
      <div align="center"><center><p>This free script provided by
      <a href="http://javascriptkit.com">JavaScript
      Kit</a></p>
      </center></div></div></td>
    </tr>
  </table>

</form>

<script language="JavaScript">

function countit(what){

//Character count script- by javascriptkit.com
//Visit JavaScript Kit (http://javascriptkit.com) for script
//Credit must stay intact for use

formcontent=what.form.charcount.value
what.form.displaycount.value=formcontent.length
}
</script>

    <br />

    </body>
    </html>

برنامه شمردن تعداد کاراکترهای textarea

Cut & Paste Character count

Click here to get free JavaScripts, hassle free!
www.javascriptkit.com

در هد هیچی نداریم. همه در بادی است.
یک فرم داریم و یک تابع.
دکمه ای از فرم تابع را صدا می زند.

به تابع this ارسال شده و در تابع this را what گرفته و بعد کلمه what کلمه فرم و اسم textarea را نوشته و بعد کلمه value را نوشته.

کاربرد: برای بررسی خالی بودن یک عنصر فرم، مثلا کاربر ، پسورد یا یوزر یا چیز دیگر را وارد نکرده باشه.
کاربرد دوم ، مثلا برای اینکه طول پسورد کاربر درست باشد.


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

شاید حتما لازم نباشه textarea باشه، شاید تکست هم بشود.
 
آخرین ویرایش:
برای ارسال پاسخ شما باید وارد سیستم شوید.

آخرین مطالب مجیدآنلاین

جدیدترین ارسال ها

بالا