عرب ويب  

العودة   عرب ويب > تصميم المواقع > 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
رد مع اقتباس
  #10 (permalink)  
قديم 12-28-2008, 09:44 PM
Junior Member
 
تاريخ التسجيل: Dec 2008
المشاركات: 17
افتراضي

a;;;;;;;;;;;;;;;;;;vh
رد مع اقتباس
رد


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

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

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


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


Powered by vBulletin®
Copyright ©2000 - 2010.

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 28 29