Oussan
08-01-2002, 03:14 PM
تحيه لكل اعضاء وزوار المنتدى الشيق .. كم اتمنى أن تكون المشاركه السابقه قد نالت اعجابكم , ;)
تكملــــــــــــــــــــــــــــــــــــــــ :confused: ــــــــــــــــــــــــــــــــــه :
لكي تقوم بسؤال الزائر عن إسمه وتظهر له التحية عند إدخال إسمه
هذه ببساطة الفكرة
ضع الكود أدناه في الرأس
<SCRIPT language="**********">
<!--
var yourname= prompt(':مرحبا الرجاء ادخال الاسم', ' ');
if ( (yourname==' ') || (yourname==null) )
{
yourname="Dude";
}
//-->
</SCRIPT>
ضع الكود أدناه في الجسم
لوضع صور تقوم بملاحقة الفأرة
<p align="center">
<script language="**********">
<!-- This script and many more are available free online at -->
<!-- The ********** Source!! http://go.to/Mr.T -->
B=document.all;
C=document.layers;
T1=new Array("trail1.gif",38,35,"trail2.gif",30,31,"trail3.gif",28,26,"trail4.gif",22,21,"trail5.gif",16,16,"trail6.gif",10,10)
nos=parseInt(T1.length/3)
rate=50
ie5fix1=0;
ie5fix2=0;
for (i=0;i<nos;i++){
createContainer("CUR"+i,i*10,i*10,i*3+1,i*3+2,"","<img src='"+T1[i*3]+"' width="+T1[(i*3+1)]+" height="+T1[(i*3+2)]+" border=0>")}
function createContainer(N,Xp,Yp,W,H,At,HT,Op,St){
with (document){
write((!B) ? "<layer id='"+N+"' left="+Xp+" top="+Yp+" width="+W+" height="+H : "<div id='"+N+"'"+" style='position:absolute;left:"+Xp+"; top:"+Yp+"; width:"+W+"; height:"+H+"; ");
if(St){
if (C)
write(" style='");
write(St+";' ")
}
else write((B)?"'":"");
write((At)? At+">" : ">");
write((HT) ? HT : "");
if (!Op)
closeContainer(N)
}
}
function closeContainer(){
document.write((B)?"</div>":"</layer>")
}
function getXpos(N){
return (B) ? parseInt(B[N].style.left) : C[N].left
}
function getYpos(N){
return (B) ? parseInt(B[N].style.top) : C[N].top
}
function moveContainer(N,DX,DY){
c=(B) ? B[N].style :C[N];c.left=DX;c.top=DY
}
function cycle(){
//if (IE5)
if (document.all&&window.print){
ie5fix1=document.body.scrollLeft;
ie5fix2=document.body.scrollTop;
}
for (i=0;i<(nos-1);i++){
moveContainer("CUR"+i,getXpos("CUR"+(i+1)),getYpos("CUR"+(i+1)))
}
}
function newPos(e){
moveContainer("CUR"+(nos-1),(B)?event.clientX+ie5fix1:e.pageX+2,(B)?event.c lientY+ie5fix2:e.pageY+2
)
}
if(document.layers)
document.captureEvents(Event.MOUSEMOVE)
document.onmousemove=newPos
setInterval("cycle()",rate)
// --></script> </p>
لوضع حروف تقوم بملاحقة الفأرة
ضع الكود أدناه في الجسم
<HEAD>
<style>.spanstyle {
COLOR: Red; FONT-FAMILY: Verdana; FONT-SIZE: 8pt; FONT-WEIGHT: bold; POSITION: absolute; TOP: -50px; VISIBILITY: visible
}
</style>
<SCRIPT LANGUAGE="**********">
<!-- Begin
var x, y;
var step = 10;
var flag = 0;
var message = "********** is so cool !! ";
message = message.split("");
var xpos = new Array();
for (i = 0; i <= message.length - 1; i++) {
xpos[i] = -50;
}
var ypos = new Array();
for (i = 0; i <= message.length - 1; i++) {
ypos[i]= -50;
}
function handlerMM(e) {
x = (document.layers) ? e.pageX : document.body.scrollLeft + event.clientX;
y = (document.layers) ? e.pageY : document.body.scrollTop + event.clientY;
flag = 1;
}
function makesnake() {
if (flag == 1 && document.all) {
for (i = message.length - 1; i >= 1; i--) {
xpos[i] = xpos[i - 1] + step;
ypos[i] = ypos[i - 1];
}
xpos[0] = x + step;
ypos[0] = y;
for (i = 0; i < message.length - 1; i++) {
var thisspan = eval("span" + (i) + ".style");
thisspan.posLeft = xpos[i];
thisspan.posTop = ypos[i];
}
}
else if (flag==1 && document.layers) {
for (i = message.length - 1; i >= 1; i--) {
xpos[i] = xpos[i - 1] + step;
ypos[i] = ypos[i - 1];
}
xpos[0] = x + step;
ypos[0] = y;
for (i = 0; i < message.length - 1; i++) {
var thisspan = eval("document.span" + i);
thisspan.left = xpos[i];
thisspan.top = ypos[i];
}
}
var timer = setTimeout("makesnake()", 10);
}
// End -->
</script>
</HEAD>
<body onload="makesnake()" style="OVERFLOW-X: hidden; OVERFLOW-Y: scroll; WIDTH: 100%">
<SCRIPT LANGUAGE="**********">
<!-- Begin
for (i = 0; i <= message.length-1; i++) {
document.write("<span id='span"+i+"' class='spanstyle'>");
document.write(message[i]);
document.write("</span>");
}
if (document.layers) {
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;
// End -->
</script>
</BODY>
لجعل لون الخلفية يتحول بالتدريج إلى اللون الأسود
ضع الكود أدناه في الجسم
<HEAD>
<SCRIPT LANGUAGE="**********1.2">
<!-- Begin
ie4 = ((navigator.appVersion.indexOf("MSIE")>0) && (parseInt(navigator.appVersion) >= 4));
var count = 0, count2 = 0, add1 = 3, add2 = 10, timerID;
function show() {
if (ie4) {
count += add1;
count2 += add2;
delay = 30;
if(count2 > 100) count2 = 100;
if(count > 100) {
count = 100;
add1 = -10;
add2 = -3;
delay = 350;
}
if(count < 0) count = 0;
if(count2 < 0) {
count2 = 0;
add1 = 3;
add2 = 10;
delay = 200;
}
fader.style.filter = "Alpha(Opacity="+count2+",FinishOpacity="+count+",style=2)";
timerID = setTimeout("show()", delay);
}
}
window.onload = show;
// End -->
</script>
</HEAD>
<BODY>
<center>
<div id="fader" style="width:480; Filter:Alpha(Opacity=0,FinishOpacity=0,style=2)">
<h1>
<font family="Tahoma" color="maroon" size="+2">
Thanks for visiting
<p>
Al Nadeem
</font>
</h1>
</div>
</center>
لوضع آلة حاسبة في موقعك
ضع الكود أدناه في الجسم
<script>
function compute(obj)
{obj.expr.value = eval(obj.expr.value)}
var one = '1'
var two = '2'
var three = '3'
var four = '4'
var five = '5'
var six = '6'
var seven = '7'
var eight = '8'
var nine = '9'
var zero = '0'
var plus = '+'
var minus = '-'
var multiply = '*'
var divide = '/'
var decimal = '.'
function enter(obj, string)
{obj.expr.value += string}
function clear(obj)
{obj.expr.value = ''}
</script>
<p align="center"><font color="#000000" size="3"
face="Verdana, Arial, Helvetica, sans-serif"><strong>THE BASIC
CALCULATOR</strong></font><strong> </strong></p>
<form name="calc">
<div align="center"><center><table border="1"
bgcolor="#FFEAFF">
<tr>
<td colspan="4"><input type="text" size="30"
name="expr" action="compute(this.form)"> </td>
</tr>
<tr>
<td><p align="center"><input type="button"
value=" 7 " onclick="enter(this.form, seven)"> </p>
</td>
<td><p align="center"><input type="button"
value=" 8 " onclick="enter(this.form, eight)"> </p>
</td>
<td><p align="center"><input type="button"
value=" 9 " onclick="enter(this.form, nine)"> </p>
</td>
<td><p align="center"><input type="button"
value=" / " onclick="enter(this.form, divide)"> </p>
</td>
</tr>
<tr>
<td><p align="center"><input type="button"
value=" 4 " onclick="enter(this.form, four)"> </p>
</td>
<td><p align="center"><input type="button"
value=" 5 " onclick="enter(this.form, five)"> </p>
</td>
<td><p align="center"><input type="button"
value=" 6 " onclick="enter(this.form, six)"> </p>
</td>
<td><p align="center"><input type="button"
value=" * " onclick="enter(this.form, multiply)"> </p>
</td>
</tr>
<tr>
<td><p align="center"><input type="button"
value=" 1 " onclick="enter(this.form, one)"> </p>
</td>
<td><p align="center"><input type="button"
value=" 2 " onclick="enter(this.form, two)"> </p>
</td>
<td><p align="center"><input type="button"
value=" 3 " onclick="enter(this.form, three)"> </p>
</td>
<td><p align="center"><input type="button"
value=" - " onclick="enter(this.form, minus)"> </p>
</td>
</tr>
<tr>
<td colspan="2"><p align="center"><input
type="button" value=" 0 "
onclick="enter(this.form, zero)"> </p>
</td>
<td><p align="center"><input type="button"
value=" . " onclick="enter(this.form, decimal)"> </p>
</td>
<td><p align="center"><input type="button"
value=" + " onclick="enter(this.form, plus)"> </p>
</td>
</tr>
<tr>
<td colspan="2"><p align="center"><input
type="button" value=" = "
onclick="compute(this.form)"> </p>
</td>
<td colspan="2"><p align="center"><input type="reset"
value="AC" onclick="clear(this.form)"> </p>
</td>
</tr>
</table>
</center></div>
</form>
<p align="center"> </p>
<p align="center"><a href="http://www.khayma.com/manayr/"><font
size="4"><strong>manayr.cjb.net</strong></font></a></p>
<p align="center"> </p>
<p> </p>
</body>
</html>
لوضع صورة متغييرة
ضع الكود أدناه في الجسم
<!-- TWO STEPS TO INSTALL PRELOAD IMAGES:
1. Paste the first into the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document -->
<!-- STEP ONE: Copy this code into the HEAD of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="**********">
<!-- This script and many more are available free online at -->
<!-- The ********** Source!! http://www.absba.com -->
<!-- Begin
image1 = new Image();
image1.src = "الصورة الثانية";
// End -->
</script>
</HEAD>
<!-- STEP TWO: Insert this code into the BODY of your HTML document -->
<BODY>
<a href="العنوان" onmouseover="image1.src='الصورة الثانية';"
onmouseout="image1.src='الصورة الأولى';">
<img name="image1" src="الصورة الأولى" border=0></a>
</BODY>
ضع إسم الصورة الأولى كالتاليname.jpg مثلافي الأماكن المحددة لها داخل الكودثم ضع إسم الصورة الثانية بنفس الطريقة.
مع تحياتي ...
تكملــــــــــــــــــــــــــــــــــــــــ :confused: ــــــــــــــــــــــــــــــــــه :
لكي تقوم بسؤال الزائر عن إسمه وتظهر له التحية عند إدخال إسمه
هذه ببساطة الفكرة
ضع الكود أدناه في الرأس
<SCRIPT language="**********">
<!--
var yourname= prompt(':مرحبا الرجاء ادخال الاسم', ' ');
if ( (yourname==' ') || (yourname==null) )
{
yourname="Dude";
}
//-->
</SCRIPT>
ضع الكود أدناه في الجسم
لوضع صور تقوم بملاحقة الفأرة
<p align="center">
<script language="**********">
<!-- This script and many more are available free online at -->
<!-- The ********** Source!! http://go.to/Mr.T -->
B=document.all;
C=document.layers;
T1=new Array("trail1.gif",38,35,"trail2.gif",30,31,"trail3.gif",28,26,"trail4.gif",22,21,"trail5.gif",16,16,"trail6.gif",10,10)
nos=parseInt(T1.length/3)
rate=50
ie5fix1=0;
ie5fix2=0;
for (i=0;i<nos;i++){
createContainer("CUR"+i,i*10,i*10,i*3+1,i*3+2,"","<img src='"+T1[i*3]+"' width="+T1[(i*3+1)]+" height="+T1[(i*3+2)]+" border=0>")}
function createContainer(N,Xp,Yp,W,H,At,HT,Op,St){
with (document){
write((!B) ? "<layer id='"+N+"' left="+Xp+" top="+Yp+" width="+W+" height="+H : "<div id='"+N+"'"+" style='position:absolute;left:"+Xp+"; top:"+Yp+"; width:"+W+"; height:"+H+"; ");
if(St){
if (C)
write(" style='");
write(St+";' ")
}
else write((B)?"'":"");
write((At)? At+">" : ">");
write((HT) ? HT : "");
if (!Op)
closeContainer(N)
}
}
function closeContainer(){
document.write((B)?"</div>":"</layer>")
}
function getXpos(N){
return (B) ? parseInt(B[N].style.left) : C[N].left
}
function getYpos(N){
return (B) ? parseInt(B[N].style.top) : C[N].top
}
function moveContainer(N,DX,DY){
c=(B) ? B[N].style :C[N];c.left=DX;c.top=DY
}
function cycle(){
//if (IE5)
if (document.all&&window.print){
ie5fix1=document.body.scrollLeft;
ie5fix2=document.body.scrollTop;
}
for (i=0;i<(nos-1);i++){
moveContainer("CUR"+i,getXpos("CUR"+(i+1)),getYpos("CUR"+(i+1)))
}
}
function newPos(e){
moveContainer("CUR"+(nos-1),(B)?event.clientX+ie5fix1:e.pageX+2,(B)?event.c lientY+ie5fix2:e.pageY+2
)
}
if(document.layers)
document.captureEvents(Event.MOUSEMOVE)
document.onmousemove=newPos
setInterval("cycle()",rate)
// --></script> </p>
لوضع حروف تقوم بملاحقة الفأرة
ضع الكود أدناه في الجسم
<HEAD>
<style>.spanstyle {
COLOR: Red; FONT-FAMILY: Verdana; FONT-SIZE: 8pt; FONT-WEIGHT: bold; POSITION: absolute; TOP: -50px; VISIBILITY: visible
}
</style>
<SCRIPT LANGUAGE="**********">
<!-- Begin
var x, y;
var step = 10;
var flag = 0;
var message = "********** is so cool !! ";
message = message.split("");
var xpos = new Array();
for (i = 0; i <= message.length - 1; i++) {
xpos[i] = -50;
}
var ypos = new Array();
for (i = 0; i <= message.length - 1; i++) {
ypos[i]= -50;
}
function handlerMM(e) {
x = (document.layers) ? e.pageX : document.body.scrollLeft + event.clientX;
y = (document.layers) ? e.pageY : document.body.scrollTop + event.clientY;
flag = 1;
}
function makesnake() {
if (flag == 1 && document.all) {
for (i = message.length - 1; i >= 1; i--) {
xpos[i] = xpos[i - 1] + step;
ypos[i] = ypos[i - 1];
}
xpos[0] = x + step;
ypos[0] = y;
for (i = 0; i < message.length - 1; i++) {
var thisspan = eval("span" + (i) + ".style");
thisspan.posLeft = xpos[i];
thisspan.posTop = ypos[i];
}
}
else if (flag==1 && document.layers) {
for (i = message.length - 1; i >= 1; i--) {
xpos[i] = xpos[i - 1] + step;
ypos[i] = ypos[i - 1];
}
xpos[0] = x + step;
ypos[0] = y;
for (i = 0; i < message.length - 1; i++) {
var thisspan = eval("document.span" + i);
thisspan.left = xpos[i];
thisspan.top = ypos[i];
}
}
var timer = setTimeout("makesnake()", 10);
}
// End -->
</script>
</HEAD>
<body onload="makesnake()" style="OVERFLOW-X: hidden; OVERFLOW-Y: scroll; WIDTH: 100%">
<SCRIPT LANGUAGE="**********">
<!-- Begin
for (i = 0; i <= message.length-1; i++) {
document.write("<span id='span"+i+"' class='spanstyle'>");
document.write(message[i]);
document.write("</span>");
}
if (document.layers) {
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;
// End -->
</script>
</BODY>
لجعل لون الخلفية يتحول بالتدريج إلى اللون الأسود
ضع الكود أدناه في الجسم
<HEAD>
<SCRIPT LANGUAGE="**********1.2">
<!-- Begin
ie4 = ((navigator.appVersion.indexOf("MSIE")>0) && (parseInt(navigator.appVersion) >= 4));
var count = 0, count2 = 0, add1 = 3, add2 = 10, timerID;
function show() {
if (ie4) {
count += add1;
count2 += add2;
delay = 30;
if(count2 > 100) count2 = 100;
if(count > 100) {
count = 100;
add1 = -10;
add2 = -3;
delay = 350;
}
if(count < 0) count = 0;
if(count2 < 0) {
count2 = 0;
add1 = 3;
add2 = 10;
delay = 200;
}
fader.style.filter = "Alpha(Opacity="+count2+",FinishOpacity="+count+",style=2)";
timerID = setTimeout("show()", delay);
}
}
window.onload = show;
// End -->
</script>
</HEAD>
<BODY>
<center>
<div id="fader" style="width:480; Filter:Alpha(Opacity=0,FinishOpacity=0,style=2)">
<h1>
<font family="Tahoma" color="maroon" size="+2">
Thanks for visiting
<p>
Al Nadeem
</font>
</h1>
</div>
</center>
لوضع آلة حاسبة في موقعك
ضع الكود أدناه في الجسم
<script>
function compute(obj)
{obj.expr.value = eval(obj.expr.value)}
var one = '1'
var two = '2'
var three = '3'
var four = '4'
var five = '5'
var six = '6'
var seven = '7'
var eight = '8'
var nine = '9'
var zero = '0'
var plus = '+'
var minus = '-'
var multiply = '*'
var divide = '/'
var decimal = '.'
function enter(obj, string)
{obj.expr.value += string}
function clear(obj)
{obj.expr.value = ''}
</script>
<p align="center"><font color="#000000" size="3"
face="Verdana, Arial, Helvetica, sans-serif"><strong>THE BASIC
CALCULATOR</strong></font><strong> </strong></p>
<form name="calc">
<div align="center"><center><table border="1"
bgcolor="#FFEAFF">
<tr>
<td colspan="4"><input type="text" size="30"
name="expr" action="compute(this.form)"> </td>
</tr>
<tr>
<td><p align="center"><input type="button"
value=" 7 " onclick="enter(this.form, seven)"> </p>
</td>
<td><p align="center"><input type="button"
value=" 8 " onclick="enter(this.form, eight)"> </p>
</td>
<td><p align="center"><input type="button"
value=" 9 " onclick="enter(this.form, nine)"> </p>
</td>
<td><p align="center"><input type="button"
value=" / " onclick="enter(this.form, divide)"> </p>
</td>
</tr>
<tr>
<td><p align="center"><input type="button"
value=" 4 " onclick="enter(this.form, four)"> </p>
</td>
<td><p align="center"><input type="button"
value=" 5 " onclick="enter(this.form, five)"> </p>
</td>
<td><p align="center"><input type="button"
value=" 6 " onclick="enter(this.form, six)"> </p>
</td>
<td><p align="center"><input type="button"
value=" * " onclick="enter(this.form, multiply)"> </p>
</td>
</tr>
<tr>
<td><p align="center"><input type="button"
value=" 1 " onclick="enter(this.form, one)"> </p>
</td>
<td><p align="center"><input type="button"
value=" 2 " onclick="enter(this.form, two)"> </p>
</td>
<td><p align="center"><input type="button"
value=" 3 " onclick="enter(this.form, three)"> </p>
</td>
<td><p align="center"><input type="button"
value=" - " onclick="enter(this.form, minus)"> </p>
</td>
</tr>
<tr>
<td colspan="2"><p align="center"><input
type="button" value=" 0 "
onclick="enter(this.form, zero)"> </p>
</td>
<td><p align="center"><input type="button"
value=" . " onclick="enter(this.form, decimal)"> </p>
</td>
<td><p align="center"><input type="button"
value=" + " onclick="enter(this.form, plus)"> </p>
</td>
</tr>
<tr>
<td colspan="2"><p align="center"><input
type="button" value=" = "
onclick="compute(this.form)"> </p>
</td>
<td colspan="2"><p align="center"><input type="reset"
value="AC" onclick="clear(this.form)"> </p>
</td>
</tr>
</table>
</center></div>
</form>
<p align="center"> </p>
<p align="center"><a href="http://www.khayma.com/manayr/"><font
size="4"><strong>manayr.cjb.net</strong></font></a></p>
<p align="center"> </p>
<p> </p>
</body>
</html>
لوضع صورة متغييرة
ضع الكود أدناه في الجسم
<!-- TWO STEPS TO INSTALL PRELOAD IMAGES:
1. Paste the first into the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document -->
<!-- STEP ONE: Copy this code into the HEAD of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="**********">
<!-- This script and many more are available free online at -->
<!-- The ********** Source!! http://www.absba.com -->
<!-- Begin
image1 = new Image();
image1.src = "الصورة الثانية";
// End -->
</script>
</HEAD>
<!-- STEP TWO: Insert this code into the BODY of your HTML document -->
<BODY>
<a href="العنوان" onmouseover="image1.src='الصورة الثانية';"
onmouseout="image1.src='الصورة الأولى';">
<img name="image1" src="الصورة الأولى" border=0></a>
</BODY>
ضع إسم الصورة الأولى كالتاليname.jpg مثلافي الأماكن المحددة لها داخل الكودثم ضع إسم الصورة الثانية بنفس الطريقة.
مع تحياتي ...