التونسية للمحمــول Tn-GsMدخول


descriptionتقنيةأكثر من 25 كود مهم لكل موقع شفرات لغة جافا سكربت (Javascript)

more_horiz
أكثر من 25 كود مهم لكل موقع شفرات لغة جافا سكربت (Javascript)


الموضوع اليوم موضوع مهم بالنسبة لشفرات الجافا سكربت واهميتها بالنسبة للمواقع والمنتديات


  • شفرة رسائل التنبيه

وظيفة الشفرة: إظهار نافذة تنبيهية، عند الدخول إلى صفحة الويب، يمكن استخدامها في وضع رسائل ترحيبية
طريقة الاستخدام: يتم وضع نص الرسالة في الشفرة، وتوضع الشفرة في جسم صفحة الويب.

الكود:

<script language="javascript" type="text/javascript">
alert("الرسالة")
</script>



  • شفرة تعيين صفحة الويب كصفحة بداية

وظيفة الشفرة: تعيين صفحة ويب كصفحة بداية في المتصفح، لتظهر الصفحة مباشرة عند فتح نافذة المتصفح.
طريقة الاستخدام: يُستبدل (URL) بعنوان الموقع، وتوضع الشفرة في المكان المناسب في جسم صفحة الويب.

الكود:

<a class=chlnk 
style="CURSOR: hand; font-decoration: underline" 
onclick="this.style.behavior='url(#default#homepage)';
this.setHomePage('http://www.syrionline.com/vb3');" 
href="\">اجعل الصفحة كصفحة بداية</a>



شفرة زر رسالة تنبيه

وظيفة الشفرة: تكوين زر بالنقر عليه تظهر نافذة تحتوي على رسالة.
طريقة الاستخدام: يتم استبدال كلمة (الرسالة) بنص رسالة التنبيه، وتوضع الشفرة في المكان المناسب في جسم صفحة الويب.

الكود:

<form>
<input type="button" value="message"
 onClick="alert('الرسالة'); return true">
</form>



  • شفرة زر طباعة الصفحة

وظيفة الشفرة: تكوين زر يتيح امكانية طباعة صفحة الويب، مباشرة عبر المتصفح
طريقة الاستخدام: توضع الشفرة في المكان المناسب في جسم صفحة الويب.

الكود:

<SCRIPT LANGUAGE="JavaScript">
if (window.print) {
document.write('<form> '
+ '<input type=button name=print value="اطبع الصفحة" '
+ 'onClick="javascript:window.print()"></form>');
}
</script>




  • شفرة حقل بحث في الصفحة

وظيفة الشفرة: اتاحة محرك بحث مُبسط، للبحث المباشر في نصوص صفحة الويب.
طريقة الاستخدام: توضع الشفرة في المكان المناسب في جسم صفحة الويب.

الكود:

<SCRIPT language=JavaScript>
var NS4 = (document.layers);    
var IE4 = (document.all);
var win = window;    
var n   = 0;
function findInPage(str) {
  var txt, i, found;
  if (str == "")
    return false;
  if (NS4) {
    if (!win.find(str))
      while(win.find(str, false, true))
        n++;
    else
      n++;
    if (n == 0)
      alert("Not found.");
  }
  if (IE4) {
    txt = win.document.body.createTextRange();
    for (i = 0; i <= n && 
        (found = txt.findText(str)) != false; i++) {
      txt.moveStart("character", 1);
      txt.moveEnd("textedit");
    }
    if (found) {
      txt.moveStart("character", -1);
      txt.findText(str);
      txt.select();
      txt.scrollIntoView();
      n++;
    }
    else {
      if (n > 0) {
        n = 0;
        findInPage(str);
      }
      else
        alert("للأسف، لم يرجع بحثك نتيجة، جرب مرة أخرى.");
   }
  }
  return false;
}
</SCRIPT>
 
<form name=search
 onsubmit="return findInPage(this.string.value);">
<INPUT onchange="n = 0;"
 name=string><INPUT type=submit value="ابحث في الصفحة">
</form>



  • شفرة زر العودة إلى الخلف

وظيفة الشفرة: تكوين زر عند النقر عليه يُعيد الزائر إلى الصفحة السابقة.
طريقة الاستخدام: توضع الشفرة في جسم صفحة الويب.

الكود:

<form>
<input type="button" value="العودة إلى الصفحة السابقة"
onClick="javascript: history.go(-1)">
</form>



  • شفرة زر البريد الإلكتروني

وظيفة الشفرة: تكوين زر للاتصال عبر البريد الإلكتروني..
طريقة الاستخدام: يتم استبدال (you@domain.com) ببريد الموقع الإلكتروني، وتوضع الشفرة في جسم صفحة الويب.

الكود:

<form>
<input type="button" value="البريد الإلكتروني"
onClick="location.href='mailto:you@domain.com'">
</form>



  • شفرة عرض رسالة تنبيه عبر رابط

وظيفة الشفرة: إظهار رسالة تنبيه عند وضع مؤشر الفأرة على الرابط.
طريقة الاستخدام: توضع الشفرة في جسم صفحة الويب، ويتم استبدال (URL) بعنوان الرابط.


الكود:

<!-- الحقـــــــــوق محفوظـــــــة لـــ منتديات سوريا اون لاين -->
 <a href="url" onMouseOver="alert('نص الرسالة');return true;">الرابط</a>
 <!-- الحقـــــــــوق محفوظـــــــة لـــ منتديات سوريا اون لاين -->




  • شفرة رابط إغلاق النافذة

وظيفة الشفرة: إغلاق نافذة المتصفح عبر النقر على زر.
طريقة الاستخدام: توضع الشفرة في جسم صفحة الويب.

الكود:

<a href="javascript: self.close()">إغلق النافذة</a>



  • شفرة زر تحديث صفحة الويب

وظيفة الشفرة: تحديث صفحة الويب، بالنقر على زر.
طريقة الاستخدام: توضع الشفرة في جسم صفحة الويب.

الكود:

<form method="post">
<input type="button" value="تحديث الصفحة"
onclick="window.location.reload()">
</form>



  • شفرة رابط تحديث صفحة الويب

وظيفة الشفرة: تحديث صفحة الويب، بالنقر على رابط.
طريقة الاستخدام: توضع الشفرة في جسم صفحة الويب.

الكود:

<a href="javascript: window.location.reload()">تحديث الصفحة</a>




  • شفرة تعطيل زر الإدخال

وظيفة الشفرة: تعطيل زر الإدخال (Enter)، ومنع استخدامه في حقول صفحة الويب.
طريقة الاستخدام: توضع الشفرة في جسم صفحة الويب.

الكود:

<script language=javascript type=text/javascript>
function stopRKey(evt) {
var evt = (evt) ? evt : ((event) ? event : null);
var node = (evt.target) ? evt.target :
((evt.srcElement) ? evt.srcElement : null);
if ((evt.keyCode == 13) && (node.type=="text")) {return false;}
}
document.onkeypress = stopRKey;
</script>




  • شفرة عرض الوقت الممضي

وظيفة الشفرة: حساب الوقت المقضي من قبل زائر صفحة الويب على الصفحة.
طريقة الاستخدام: توضع الشفرة الرئيسية ضمن شفرات الرأسية (Head) وتوضع شفرة صندوق عرض الوقت في جسم الصفحة (Body).


الكود:

<script language="javascript">
startday = new Date();
clockStart = startday.getTime();
function initStopwatch() { 
var myTime = new Date(); 
return((myTime.getTime() - clockStart)/1000); 
}
function getSecs() { 
var tSecs = Math.round(initStopwatch()); 
var iSecs = tSecs % 60;
var iMins = Math.round((tSecs-30)/60);   
var sSecs ="" + ((iSecs > 9) ? iSecs : "0" + iSecs);
var sMins ="" + ((iMins > 9) ? iMins : "0" + iMins);
document.forms[0].timespent.value = sMins+":"+sSecs;
window.setTimeout('getSecs()',1000); 
}
</script>
<body onLoad="window.setTimeout('getSecs()',1)">
<form>
<input name="timespent">
</form>




  • شفرة الإضافة إلى المفضلة

وظيفة الشفرة: تكوين رابط، يمكن النقر عليه لإضافة الموقع إلى مفضلة الزائر.
طريقة الاستخدام: توضع الشفرة الرئيسية ضمن شفرات الرأسية (Head) ويوضع رابط الاضافة في جسم الصفحة (Body)، مع تغيير عنوان الموقع عوضاً عن (URL) في الشفرة الرئيسية.

الكود:

<script language="JavaScript1.2">
var bookmarkurl="http://www.syrionline.com/vb3/"
var bookmarktitle="-=[ Java Web Site ]=-"
function ccaddbookmark() {
        if (document.all)
        window.external.AddFavorite(bookmarkurl,bookmarktitle)
}
</script>
<body>
<a href="javascript:ccaddbookmark()" target="_self">
أضف الموقع إلى المفضلة
</a>



  • شفرة تكوين رابط يعمل بتمرير المؤشر

وظيفة الشفرة:تكوين رابط يعمل بمجرد مرور مؤشر الفأرة عليه، دون الحاجة للنقر.
طريقة الاستخدام: توضع شفرة جسم الصفحة (Body)، ويتم استبدال (orioncities) بنطاق الموقع المراد التوجه إليه.

الكود:

<a href="http://www.syrionline.com/vb3" 
target=main onmouseover="window.open 
('hhttp://www.syrionline.com/vb3/');" 
style="text-decoration: none">http://www.syrionline.com/vb3</a>


شفرة إظهار الشفرة المصدرية

وظيفة الشفرة:تكوين رابط، بالنقر عليه تظهر الشفرة المصدرية لصفحة الويب، الشفرة مفيدة للمواقع التطويرية التعليمية.
طريقة الاستخدام:توضع الشفرة الرئيسية ضمن شفرات الرأسية (Head) ويوضع رابط اظهار الشفرة المصدرية في جسم الصفحة (Body).

الكود:

<script language=JavaScript>
function ViewSource() {
window.location = "view-source:" + window.location.href }
</script>
<body>
<a href=javascript:ViewSource()>اعرض الشفرة المصدرية</a>


شفرة حماية الصفحة من العرض في الإطارات

وظيفة الشفرة:حماية صفحة الويب من عرضها داخل إطار في موقع خارجي.
طريقة الاستخدام:توضع الشفرة ضمن شفرة جسم الصفحة (Body).

الكود:

<body onLoad="if (self != top) top.location = self.location">


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

descriptionتقنيةرد: أكثر من 25 كود مهم لكل موقع شفرات لغة جافا سكربت (Javascript)

more_horiz
شفرة منع استخدام زر الفأرة الأيمن

وظيفة الشفرة:منع استخدام زر الفأرة الأيمن، وإظهار رسالة تنبيه عند قيام الزائر بذلك، الشفرة توفر حماية جزئية لنصوص صفحات الويب من النسخ الغير مأذون به.
طريقة الاستخدام:توضع الشفرة الرئيسية ضمن شفرات الرأسية (Head).

الكود:

<script language="javascript">
var message="نص رسالة المنع";
function click(e) {
if (document.all) {
if (event.button==2||event.button==3) {
alert(message);
return false;
}
}
if (document.layers) {
if (e.which == 3) {
alert(message);
return false;
}
}
}
if (document.layers) {
document.captureEvents(Event.MOUSEDOWN);
}
document.onmousedown=click;
</script>


شفرة منع تكرار إرسال النماذج

وظيفة الشفرة:منع إرسال النماذج في صفحة الويب أكثر من مرة واحدة، بتعطيل إزرار النموذج.
طريقة الاستخدام:توضع الشفرة الرئيسية ضمن شفرات الرأسية (Head)، وتوضع الشفرة المتعلقة بالنموذج في بداية شفرته، ضمن شفرات جسم الصفحة.

الكود:

<script>
function submitonce(theform){
//if IE 4+ or NS 6+
if (document.all||document.getElementById){
for (i=0;i<theform.length;i++){
var tempobj=theform.elements[i]
if(tempobj.type.toLowerCase()=="submit"||tempobj.type.toLowerCase()=="reset")
//disable em
tempobj.disabled=true
}
}
}
</script>
<body>
<form method="POST" onSubmit="submitonce(this)">


شفرة عرض التوقيت

وظيفة الشفرة:عرض ساعة في صفحة الويب، تعتمد على توقيت الزائر.
طريقة الاستخدام:توضع الشفرة الرئيسية ضمن شفرات الرأسية (Head)، مع اضافة الشفرة إلى بداية جسم الصفحة، ويمكن التحكم بموضع ظهور الساعة عبر تغيير قيم (Span).

الكود:

<span id="liveclock" style="position:absolute;left:0;top:0;">
</span>
<script language="JavaScript">
function show5(){
 if (!document.layers&&!document.all&&!document.getElementById)
 return
 var Digital=new Date()
 var hours=Digital.getHours()
 var minutes=Digital.getMinutes()
 var seconds=Digital.getSeconds()
 var dn="AM" 
 if (hours>12){
 dn="PM"
 hours=hours-12
 }
 if (hours==0)
 hours=12
 if (minutes<=9)
 minutes="0"+minutes
 if (seconds<=9)
 seconds="0"+seconds
myclock=""+hours+":"+minutes+":"
 +seconds+""+dn+""
if (document.layers){
document.layers.liveclock.document.write(myclock)
document.layers.liveclock.document.close()
}
else if (document.all)
liveclock.innerHTML=myclock
else if (document.getElementById)
document.getElementById("liveclock").innerHTML=myclock
setTimeout("show5()",1000)
 }
</script>
<body onLoad="show5()">


شفرة التحديث الآلي

وظيفة الشفرة: تحديث الصفحة بشكل آلي، ودوري، عند مرور فترة زمنية محددة.
طريقة الاستخدام: توضع الشفرة الرئيسية ضمن شفرات الرأسية (Head)، ويتم تعيين وقت التحديث الآلي عبر تغيير قيمة (var limit).

الكود:

<script>
var limit="0:30"
if (document.images){
var parselimit=limit.split(":")
parselimit=parselimit[0]*60+parselimit[1]*1
}
function beginrefresh(){
if (!document.images)
return
if (parselimit==1)
window.location.reload()
else{ 
parselimit-=1
curmin=Math.floor(parselimit/60)
cursec=parselimit%60
if (curmin!=0)
curtime=curmin+" minutes and "+cursec+" seconds left until page refresh!"
else
curtime=cursec+" seconds left until page refresh!"
window.status=curtime
setTimeout("beginrefresh()",1000)
}
}
window.onload=beginrefresh
</script>


شفرة حماية صفحات الويب بكلمة سر

وظيفة الشفرة:حماية صفحات الويب بكلمة سر، تمنع غير المصرح لهم من الوصول إليها
طريقة الاستخدام:توضع الشفرة الرئيسية ضمن شفرات جسم الصفحة (Body)، ويتم تحديد كلمة السر المخصصة للصفحة عبر تغيير كلمة (سوريااون لاين) في الشفرة، ويتم استبدال (index.html) برابط الصفحة المحمية.

الكود:

<script>
function passWord() {
var testV = 1;
var pass1 = prompt('فضلاً ادخل كلمة السر',' ');
while (testV < 3) {
if (!pass1)
history.go(-1);
if (pass1.toLowerCase() == "سوريا اون لاين") {
alert('كلمة السر صحيحة!');
window.open('index.html');
break;
}
testV+=1;
var pass1 =
prompt('الوصول ممنوع، هذه الصفحة محمية بكلمة سر.','كلمة السر');
}
if (pass1.toLowerCase()!="password" & testV ==3)
history.go(-1);
return " ";
}
</script>
<form>
<input type="button" value="Enter Protected Area" onClick="passWord()">
</form>


شفرة تحريك محتوى صفحة الويب عامودياً

وظيفة الشفرة:تحريك صفحة الويب إلى الأعلى، الشفرة نافعة لتحريك النصوص في الصفحات الطويلة المرغوب عرضها للقراءة الآلية.
طريقة الاستخدام:توضع الشفرة في جسم الصفحة (Body)، ويمكن التحكم بسرعة حركة المحتوى بتغيير مُعطى (var speed=)، حيث كلما كان الرقم أكبر كلما كانت الحركة أسرع.

الكود:

<script language="JavaScript1.2">               
var speed=1               
var currentpos=0,alt=1,curpos1=0,curpos2=-1               
function initialize(){               
startit()               
}               
function scrollwindow(){               
if (document.all)               
temp=document.body.scrollTop               
else               
temp=window.pageYOffset               
if (alt==0)               
alt=1               
else               
alt=0               
if (alt==0)               
curpos1=temp               
else               
curpos2=temp               
if (curpos1!=curpos2){               
if (document.all)               
currentpos=document.body.scrollTop+speed               
else               
currentpos=window.pageYOffset+speed               
window.scroll(0,currentpos)               
}               
else{               
currentpos=30               
window.scroll(0,currentpos)               
}               
}               
function startit(){               
setInterval("scrollwindow()",30)               
}               
window.onload=initialize               
</script>


شفرة منع وضع مؤشر الشفرة على النصوص

وظيفة الشفرة:حماية نصوص صفحة الويب من النسخ، بمنع وضع مؤشر الشفرة عليه لفترة محددة.
طريقة الاستخدام:توضع الشفرة في رأسية الصفحة (Head)، ويتم حصر النص المحمي بين شفرات (Span)، ويمكن التحكم بسرعة ظهور رسالة المنع عبر تغيير معطيات (WAIT_IN_MSECS)، حيث 1000 تعادل ثانية واحدة

الكود:

<script>
var WAIT_IN_MSECS=1000;
var timer=null;
function doIt(_v)
{
if(_v)
{
timer=setTimeout('doAction()',WAIT_IN_MSECS);
}
else
{
if(timer)
{
clearTimeout(timer);
timer=null;
}
}
}
function doAction()
{
   alert("النص محمي!");
}
</script>
<body>
<span onmouseover="doIt(true)" onmouseout="doIt(false)">
النص
</span>


شفرة تكوين زر بنص متحرك

وظيفة الشفرة:تكوين نص متحرك داخل الأزرار.
طريقة الاستخدام:توضع الشفرة في جسم الصفحة (Body)، في مكان ظهور الزر، ويتم التحكم بسرعة تحرك النص داخل الزر بتغيير مُعطى (var speed).

الكود:

<script language="Javascript">
var speed = 100
var message = "نص"
var s = 0
var l = message.length
document.write("<form name='btn'><input type='button' "+" name='sc' value='"+ message +"'></form>")
function btnsc() {
document.btn.sc.value = message.substring(s,l) + message.substring(0,s)
s++
if (s >= l) {
s = 0
}
setTimeout("btnsc()",speed)
}
btnsc();
</script>


yyy456
هناك روابط بالاكواد يجب تغيرها الى رابط موقعكم

012c
privacy_tip صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
power_settings_newقم بتسجيل الدخول للرد