عرب ويب  

العودة   عرب ويب > تصميم المواقع > HTML و الجافا سكريبت
التسجيل التعليمات قائمة الأعضاء التقويم البحث مشاركات اليوم اجعل جميع المنتديات مقروءة

رد
 
أدوات الموضوع طرق مشاهدة الموضوع
  #1 (permalink)  
قديم 06-06-2005, 03:19 AM
Administrator
 
تاريخ التسجيل: Apr 2005
المشاركات: 106
افتراضي موسوعة أكواد الجافا

لعمل تقويم على الصفحة

كود PHP:
<!-- JavaScript immediate script --> 
<
SCRIPT LANGUAGE="JavaScript"
<!-- 
// Copyright 1996 - Tomer and Yehuda Shiran 
// This example will appear in our forthcoming book on JavaScript. 
// Feel free to "steal" this code provided that you leave this notice as is. 
// Additional examples from the book can be found at http://www.geocities.com/SiliconValley/9000/ 
// For more information contact Tomer or Yehuda Shiran <yshiran@iil.intel.com> 
setCal() 
function 
getTime() { 
    
// initialize time-related variables with current time settings 
    
var now = new Date() 
    var 
hour now.getHours() 
    var 
minute now.getMinutes() 
    
now null 
    
var ampm "" 
    
// validate hour values    and set value of ampm 
    
if (hour >= 12) { 
        
hour -= 12 
        ampm 
"PM" 
    
} else 
        
ampm "AM" 
    
hour = (hour == 0) ? 12 hour 
    
// add zero digit to a one digit minute 
    
if (minute 10
        
minute "0" minute // do not parse this number! 
    // return time string 
    
return hour ":" minute " " ampm 

function 
leapYear(year) { 
    if (
year == 0// basic rule 
        
return true // is leap year 
    /* else */ // else not needed when statement is "return" 
        
return false // is not leap year 

function 
getDays(monthyear) { 
    
// create array to hold number of days in each month 
    
var ar = new Array(12
    
ar[0] = 31 // January 
    
ar[1] = (leapYear(year)) ? 29 28 // February 
    
ar[2] = 31 // March 
    
ar[3] = 30 // April 
    
ar[4] = 31 // May 
    
ar[5] = 30 // June 
    
ar[6] = 31 // July 
    
ar[7] = 31 // August 
    
ar[8] = 30 // September 
    
ar[9] = 31 // October 
    
ar[10] = 30 // November 
    
ar[11] = 31 // December 
    // return number of days in the specified month (parameter) 
    
return ar[month

function 
getMonthName(month) { 
    
// create array to hold name of each month 
    
var ar = new Array(12
    
ar[0] = "January" 
    
ar[1] = "February" 
    
ar[2] = "March" 
    
ar[3] = "April" 
    
ar[4] = "May" 
    
ar[5] = "June" 
    
ar[6] = "July" 
    
ar[7] = "August" 
    
ar[8] = "September" 
    
ar[9] = "October" 
    
ar[10] = "November" 
    
ar[11] = "December" 
    
// return name of specified month (parameter) 
    
return ar[month

function 
setCal() { 
    
// standard time attributes 
    
var now = new Date() 
    var 
year now.getYear() 
    var 
month now.getMonth() 
    var 
monthName getMonthName(month
    var 
date now.getDate() 
    
now null 
    
// create instance of first day of month, and extract the day on which it occurs 
    
var firstDayInstance = new Date(yearmonth1
    var 
firstDay firstDayInstance.getDay() 
    
firstDayInstance null 
    
// number of days in current month 
    
var days getDays(monthyear
    
// call function to draw calendar 
    
drawCal(firstDay 1daysdatemonthName1900 year
function 
drawCal(firstDaylastDatedatemonthNameyear) { 
    
// constant table settings 
    
var headerHeight 50 // height of the table's header cell 
    
var border // 3D height of table's border 
    
var cellspacing // width of table's border 
    
var headerColor "midnightblue" // color of table's header 
    
var headerSize "+3" // size of tables header font 
    
var colWidth 60 // width of columns in table 
    
var dayCellHeight 25 // height of cells containing days of the week 
    
var dayColor "darkblue" // color of font representing week days 
    
var cellHeight 40 // height of cells representing dates in the calendar 
    
var todayColor "red" // color specifying today's date in the calendar 
    
var timeColor "purple" // color of font representing current time 
    // create basic table structure 
    
var text "" // initialize accumulative variable to empty string 
    
text += '<CENTER>' 
    
text += '<TABLE BORDER=' border ' CELLSPACING=' cellspacing '>' // table settings 
    
text +=     '<TH COLSPAN=7 HEIGHT=' headerHeight '>' // create table header cell 
    
text +=         '<FONT COLOR="' headerColor '" SIZE=' headerSize '>' // set font for table header 
    
text +=             monthName ' ' year 
    text 
+=         '</FONT>' // close table header's font settings 
    
text +=     '</TH>' // close header cell 
    // variables to hold constant settings 
    
var openCol '<TD WIDTH=' colWidth ' HEIGHT=' dayCellHeight '>' 
    
openCol += '<FONT COLOR="' dayColor '">' 
    
var closeCol '</FONT></TD>' 
    
// create array of abbreviated day names 
    
var weekDay = new Array(7
    
weekDay[0] = "Sun" 
    
weekDay[1] = "Mon" 
    
weekDay[2] = "Tues" 
    
weekDay[3] = "Wed" 
    
weekDay[4] = "Thu" 
    
weekDay[5] = "Fri" 
    
weekDay[6] = "Sat" 
    
// create first row of table to set column width and specify week day 
    
text += '<TR ALIGN="center" VALIGN="center">' 
    
for (var dayNum 0dayNum 7; ++dayNum) { 
        
text += openCol weekDay[dayNum] + closeCol 
    

    
text += '</TR>' 
    
// declaration and initialization of two variables to help with tables 
    
var digit 
    
var curCell 
    
for (var row 1row <= Math.ceil((lastDate firstDay 1) / 7); ++row) { 
        
text += '<TR ALIGN="right" VALIGN="top">' 
        
for (var col 1col <= 7; ++col) { 
            if (
digit lastDate
                break 
            if (
curCell firstDay) { 
                
text += '<TD></TD>'
                
curCell++ 
            } else { 
                if (
digit == date) { // current cell represent today's date 
                    
text += '<TD HEIGHT=' cellHeight '>' 
                    
text += '<FONT COLOR="' todayColor '">' 
                    
text += digit 
                    text 
+= '</FONT><BR>' 
                    
text += '<FONT COLOR="' timeColor '" SIZE=2>' 
                    
text += '<CENTER>' getTime() + '</CENTER>' 
                    
text += '</FONT>' 
                    
text += '</TD>' 
                
} else 
                    
text += '<TD HEIGHT=' cellHeight '>' digit '</TD>' 
                
digit++ 
            } 
        } 
        
text += '</TR>' 
    

    
// close all basic table tags 
    
text += '</TABLE>' 
    
text += '</CENTER>' 
    
// print accumulative HTML string 
    
document.write(text

// --> 
</SCRIPT> 
رد مع اقتباس
  #2 (permalink)  
قديم 06-06-2005, 03:21 AM
Administrator
 
تاريخ التسجيل: Apr 2005
المشاركات: 106
افتراضي

كود يطلب اسم الزائر بمجرد الدخول

كود PHP:
<SCRIPT LANGUAGE="Javascript"
name=window.prompt("انت الآن في كوكـب ArabW..اكتــب اسمك أولا ثم تفضل بالدخول الى عالم ArabWالرائع ","عزيزي الزائر "); 
document.write("<H2 align=center>مرحبا بك "+name+"</H2>"
//--> 
</script> 
رد مع اقتباس
  #3 (permalink)  
قديم 06-06-2005, 03:23 AM
Administrator
 
تاريخ التسجيل: Apr 2005
المشاركات: 106
افتراضي

ورده تتبع الماوس

كود PHP:
  هذا الكود يتكون من خطوتان 
الخطوه الاولى 
عليك بإضافة هذا الكود 
<SCRIPT LANGUAGE="javascript" TYPE="text/javascript"

/* 
Submitted by Mike McGrath  [url]http://website.lineone.net/~mike_mcgrath[/url] 
Featured on Website Abstraction ([url]http://coctail.net[/url]) 
For this and over 400+ free scripts, visit [url]http://wsabstract.com[/url] 
*/ 

var nav = (document.layers); 
var 
tmr null
var 
spd 50
var 
0
var 
x_offset 5
var 
0
var 
y_offset 15

if(
navdocument.captureEvents(Event.MOUSEMOVE); 
document.onmousemove get_mouse

function 
get_mouse(e
{     
  
= (nav) ? e.pageX event.clientX+document.body.scrollLeft
  
= (nav) ? e.pageY event.clientY+document.body.scrollTop
  
+= x_offset
  
+= y_offset
  
beam(1);      


function 
beam(n

  if(
n<5
  { 
    if(
nav
    { 
      eval(
"document.div"+n+".top="+y); 
      eval(
"document.div"+n+".left="+x); 
      eval(
"document.div"+n+".visibility='visible'"); 
    }   
    else 
    { 
      eval(
"div"+n+".style.top="+y); 
      eval(
"div"+n+".style.left="+x); 
      eval(
"div"+n+".style.visibility='visible'"); 
    } 
    
n++; 
    
tmr=setTimeout("beam("+n+")",spd); 
  } 
  else 
  { 
     
clearTimeout(tmr); 
     
fade(4); 
  }    


function 
fade(n

  if(
n>0
  { 
    if(
nav)eval("document.div"+n+".visibility='hidden'"); 
    else eval(
"div"+n+".style.visibility='hidden'"); 
    
n--; 
    
tmr=setTimeout("fade("+n+")",spd); 
  } 
  else 
clearTimeout(tmr); 


// --> 
</SCRIPT> 
<STYLE TYPE="text/css"> 
<!-- 

BODY{ 
overflow:scroll; 
overflow-x:hidden; 


.s1 

  position  : absolute; 
  font-size : 10pt; 
  color     : blue; 
  visibility: hidden; 


.s2 

  position  : absolute; 
  font-size : 18pt; 
  color     : red; 
    visibility : hidden; 


.s3 

  position  : absolute; 
  font-size : 14pt; 
  color     : gold; 
    visibility : hidden; 


.s4 

  position  : absolute; 
  font-size : 12pt; 
  color     : lime; 
    visibility : hidden; 


//--> 
</STYLE> 
في منطقة الرأس أي بين الواصفتين 
<head>- </head> 
والخطوه الثانية إضافة بقية الكود بين الواصفتين 
<body> - </body> 
وهذا كود الخطوه الثانية 
<DIV ID="div1" CLASS="s1">*</DIV> 
<DIV ID="div2" CLASS="s2">*</DIV> 
<DIV ID="div3" CLASS="s3">*</DIV> 
<DIV ID="div4" CLASS="s4">*</DIV> 
<p align="center"><a href="http://www.coctail.net/"><font 
color="#FF00FF" size="4"><strong>coctail.Net</strong></font></a></p> 
رد مع اقتباس
  #4 (permalink)  
قديم 06-06-2005, 03:24 AM
Administrator
 
تاريخ التسجيل: Apr 2005
المشاركات: 106
افتراضي

كود لعمل مينيو بالمواقع الشهيره
كود PHP:
[center][/center]
[
center][/center]
[
center]<!-- Paste this between the HEAD tags of your html document --> 

<
script language="JavaScript"
    var 
isIE4 false
    function 
CheckBrowser() 
    { if (
navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion.charAt(0) >= 4) { isIE4 true; }} 
    function 
mOvr(src,clrOver
    { if (!
src.contains(event.fromElement)) { src.style.cursor 'hand'src.bgColor clrOversrc.children.tags('A')[0].style.color '#ffffff';}} 
    function 
mOut(src,clrIn
    { if (!
src.contains(event.toElement)) { src.style.cursor 'default'src.bgColor clrIn;  src.children.tags('A')[0].style.color '#ffffff';}} 
    function 
mClk(src
    { if(
event.srcElement.tagName=='TD'){src.children.ta  gs('A')[0].click();} } 
    function 
mOvrTop(src,clrOver
    { if (!
src.contains(event.fromElement)) { src.style.cursor 'hand'src.bgColor clrOver;}} 
    function 
mOutTop(src,clrIn
    { if (!
src.contains(event.toElement)) { src.style.cursor 'default'src.bgColor clrIn;}} 
</script>   


<!-- Paste this within the BODY of your document.  Customize the table, colors, fonts, etc --> 

<table cellspacing="3" cellpadding="0" border="0" width="420" align="center" bgcolor="#003366"> 
<tr> 
<td align="center" width="105" onmouseover="mOvr(this,'#9999cc');" onmouseout="mOut(this,'#666699');" onclick="mClk(this);" bgcolor="#666699"> 
<a style="color: #FFFFFF" href="http://www.yahoo.com/"><font face="Verdana" size="-2">YAHOO</font></a> 
</td> 
<td align="center" width="105" onmouseover="mOvr(this,'#9999cc');" onmouseout="mOut(this,'#666699');" onclick="mClk(this);" bgcolor="#666699"> 
<a style="color: #FFFFFF" href="http://hotbot.lycos.com/"><font face="Verdana" size="-2">HOTBOT</font></a> 
</td> 
<td align="center" width="105" onmouseover="mOvr(this,'#9999cc');" onmouseout="mOut(this,'#666699');" onclick="mClk(this);" bgcolor="#666699"> 
<a style="color: #FFFFFF" href="http://WWW.CNN.com/"><font face="Verdana" size="-2">CNN</font></a> 
</td> 
<td align="center" width="105" onmouseover="mOvr(this,'#9999cc');" onmouseout="mOut(this,'#666699');" onclick="mClk(this);" bgcolor="#666699"> 
<a style="color: #FFFFFF" href="http://www.geocities.com"><font face="Verdana" size="1">GEOCITIES</font></a> 
</td> 
</tr> 
</table> [/center] 
رد مع اقتباس
  #5 (permalink)  
قديم 06-06-2005, 03:26 AM
Administrator
 
تاريخ التسجيل: Apr 2005
المشاركات: 106
افتراضي

كود لعمل ساعه في اعلى المتصفح والعنوان

كود PHP:
<SCRIPT Language="JavaScript"
<!-- 
Hide 
/* 
This script was written by coctail.net, 2002 
Featured on Dynamic Drive () 
For full source code, installation instructions 
and many more DHTML scripts 
*/ 
var scroller
var 
ampm
var 
actualtitle=document.title+" " 
function antiMilitaryTime() 

if (
hr == "12"){ 
ampm="P.M." 

else if (
hr == "13"){ 
hr="1" 
ampm="P.M." 

else if (
hr == "14"){ 
hr="2" 
ampm="P.M." 

else if (
hr == "15"){ 
hr ="3" 
ampm="P.M." 

else if (
hr == "16"){ 
hr "4" 
ampm="P.M." 

else if (
hr == "17"){ 
hr "5" 
ampm="P.M." 

else if (
hr == "18"){ 
hr "6" 
ampm="P.M." 

else if (
hr == "19"){ 
hr "7" 
ampm="P.M." 

else if (
hr == "20"){ 
hr "8" 
ampm="P.M." 

else if (
hr == "21"){ 
hr "9" 
ampm="P.M." 

else if (
hr == "22"){ 
hr "10" 
ampm="P.M." 

else if (
hr == "23"){ 
hr "11" 
ampm="P.M." 

else if (
hr == "24"){ 
hr "12" 


function 
addZero(){ 
if (
min <= "9"){ 
min "0"+min 

if (
sec<= "9"){ 
sec "0"+sec 

if (
hr <="9"){ 
hr "0"+hr 


function 
time(){ 
dt=new Date() 
sec=dt.getSeconds() 
hr=dt.getHours() 
ampm="A.M." 
min=dt.getMinutes() 

function 
scroll() { 
time() 
antiMilitaryTime() 
addZero() 
var 
scroller="TIME: "+hr+":"+min+":"+sec+" "+ampm 
var timeout=setTimeout("scroll()"1000
  
document.title=actualtitle+scroller 
  

if (
document.all
scroll() 
//--> 
</SCRIPT> 
رد مع اقتباس
  #6 (permalink)  
قديم 11-14-2005, 04:31 PM
 
تاريخ التسجيل: Jun 2005
المشاركات: 54
افتراضي

شكرا لك علي الموضوع وبأذن الله يكون مرجع
واليك كود
شريط آخر الأخبار من قناة الجزيرة
كود:
<SCRIPT language=JavaScript>
//للمزيد من الجافا سكريبت .. نرجو زيارة موقع إقلاع سوفت http://soft.vip600.com/
<!--
var g=new Date(); g=g.getTime()%1000;
document.writeln('<iframe width=100% height=17 scrolling=no marginwidth=0 marginheight=0 frameborder=0 src=http://www.faisal1.com/News_Grab/jazeera.php>');
// --></SCRIPT>
                        <NOSCRIPT><!--webbot bot="HTMLMarkup" startspan --><IFRAME 
                        marginWidth=0 marginHeight=0 
                        frameBorder=0 width=0 scrolling=no 
                        height=0><!--webbot bot="HTMLMarkup" endspan --><!--webbot bot="HTMLMarkup" startspan --></IFRAME></IFRAME><!--webbot bot="HTMLMarkup" endspan --></NOSCRIPT>
<body bgcolor="#ffffff">
رد مع اقتباس
  #7 (permalink)  
قديم 11-17-2005, 01:02 PM
 
تاريخ التسجيل: Nov 2005
المشاركات: 13
افتراضي

مشكوووووووووووووووووورين اخوتي على هذا الموضوع الرائع
__________________
رددوا معي سبحان الله و الحمد لله و لااله الا الله و الله اكبر و لا حول ولا قوة الا بالله العلي العظيم
رد مع اقتباس
  #8 (permalink)  
قديم 06-18-2006, 02:38 AM
Senior Member
 
تاريخ التسجيل: Jun 2006
المشاركات: 114
افتراضي

مرسي على الموضوع
رد مع اقتباس
  #9 (permalink)  
قديم 08-14-2006, 11:35 PM
Junior Member
 
تاريخ التسجيل: Aug 2006
المشاركات: 1
افتراضي

merci pour les script
رد مع اقتباس
رد


أدوات الموضوع
طرق مشاهدة الموضوع

تعليمات المشاركة
لا تستطيع كتابة مواضيع
لا تستطيع كتابة ردود
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

كود [IMG] متاحة
كود HTML معطلة
Trackbacks are متاحة
Pingbacks are متاحة
Refbacks are معطلة


جميع الأوقات بتوقيت GMT +2. الساعة الآن 10:16 PM.


Powered by vBulletin®
Copyright ©2000 - 2008.

Search Engine Friendly URLs by vBSEO 3.0.1 ©2007, Crawlability, Inc.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27