 |
السلام عليكم اخواني
ابحث عن جافا سكربت يقوم بعرض مستطيل او نافذه عند
الاشاره بالماوس على رابط ويحتوي المستطيل على شرح عن هذا الرابط
مثلا الزائر وضع الماوس على رابط
البطاقات
فيظهر له هذا المستطيل او النافذه ويكون مكتوب فيها من هنا يمكنك ارسال بطاقات بريدية
وبمجرد ابتعاد الماوس عن الوصله يختفي
اتمنى تكون وضحت الفكره لكم
تحياتي
__________________
صلوا على النبي...
:)
هلا اخوي sagaf انشاء الله اكون فهمت طلبك .. عموما اخوي جرب هذه الاكواد
--------
وصف للرابط يظهر اسفلها:
<!-- This script has been in the http://www.javascripts.com Javascript Public Library! -->
<!-- Note that though this material may have been in a public depository, certain author copyright restrictions may apply. -->
<HTML>
<HEAD>
<TITLE>Link Description - Example</TITLE>
<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
<!--
function change(html){
description.innerHTML=html
}
//-->
</script>
<style type="text/css">
<!--
a:visited { color: #CC0033}
a:link { color: #CC0033}
a:active { color: #CC0033}
-->
</style>
</HEAD>
<BODY bgcolor="ivory">
<font size="2" face="verdana">
<br>
<br>
<a href="http://www.altavista.com" onmouseover="javascript:change('التافيستا محرك بحث ودليل')"
onmouseout="javascript:change('')">Altavista</a><br>
<a href="http://aolsearch.aol.com" onmouseover="javascript:change('محرك بحث اون لاين')"
onmouseout="javascript:change('')">AOL بحث</a><br>
<a href="http://www.hotbot.com" onmouseover="javascript:change('محرك بحث الهوت بوت من افضل محركات البحث لدى')"
onmouseout="javascript:change('')">HotBot</a><br>
<a href="http://www.yahoo.com" onmouseover="javascript:change('ياهو من اشهر محركات البحث فى الانترنت')"
onmouseout="javascript:change('')">Yahoo</a> <br>
<br>
<div id="description"></div>
</font>
</BODY>
</HTML>
<!-- Simba says Roar. -->
---
---
وهذا كود اخر يظهر الوصف في مربع في الاعلى:
<!-- --><script language="JavaScript">
<!--
// made by ian at
// A1 JavaScripts
http://www.A1javascripts.com/
function writetext(txt) {
document.aform.writetext.value = txt
return true;
}
// -->
</script><!-- -->
<!-- --><center><form name="aform"><TEXTAREA COLS=45 ROWS=5 NAME="writetext" wrap="yes"></TEXTAREA></form></center><!-- -->
<!-- --><a href="http://www.download.com" onmouseover='writetext("موقع يحتوى على كثير من البرامج ");return true' onmouseout='writetext("");return true' target="_top">داون لود</a><!-- --><br>
<!-- --><a href="http://www.yahoo.com" onmouseover='writetext("من اشهر محركات البحث فى الانترنت");return true' onmouseout='writetext("");return true' target="_top">ياهو</a><!-- --><br>
<!-- --><a href="http://www.msn.com" onmouseover='writetext("موقع ميكروسوفت");return true' onmouseout='writetext("");return true' target="_top">موقع ميكروسوفت</a><!-- -->
---
---
وهذا كود يظهر الوصف في مستطيل واعتقد هذا اللي تبغاه:
<!-- This script has been in the http://www.javascripts.com Javascript Public Library! -->
<!-- Note that though this material may have been in a public depository, certain author copyright restrictions may apply. -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Basic DHTML Tooltip</TITLE>
<STYLE TYPE="text/css">
<!--
body {
font-family: Verdana, arial, helvetica, sans-serif;
font-size: 10pt;
}
body ul li
{ margin-bottom: 4pt
}
h1 { font-size: 14pt; }
h2 { font-size: 12pt; }
h3 { font-size: 11pt; }
.tip { font-family: Verdana, arial, helvetica, sans-serif;
font-size: 8pt;
}
a:link { color: #000066 }
a:visited { color: #333399 }
-->
</STYLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
/*
Created by Sharon Paine of Dynamic Web Coding
www.dyn-web.com
*/
// avoid error of passing event object in older browsers
if (!document.layers && !document.all) {
event = "nope"
}
function doTooltip(evt,txt) {
// enclose tip in nested tables for uniform 'tooltip' effect
// customize here
var tip = '<TABLE BGCOLOR="#000000" WIDTH="280" CELLSPACING="0" CELLPADDING="1" BORDER="0"><TR><TD><TABLE BGCOLOR="#FFFFCC" WIDTH="100%" CELLSPACING="0" CELLPADDING="4" BORDER="0"><TR><TD CLASS="tip">' + txt + '</TD></TR></TABLE></TD></TR></TABLE>'
// check for object (i.e., layers or all)
// for Netscape 4+
if (document.layers) {
document.tooltip.document.write(tip)
document.tooltip.document.close()
document.tooltip.left = evt.pageX + 8
document.tooltip.top = evt.pageY + 8
document.tooltip.visibility = "show"
}
// for IE 4+
if (document.all) {
document.all.tooltip.innerHTML = tip
document.all.tooltip.style.pixelLeft = evt.offsetX + 8
document.all.tooltip.style.pixelTop = evt.offsetY + 8
document.all.tooltip.style.visibility = "visible"
}
}
function hideTip() {
if (document.layers) {
document.tooltip.visibility = "hide"
}
if (document.all) {
document.all.tooltip.style.visibility = "hidden"
}
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<H1></H1>
<DIV ID="tooltip" STYLE="position:absolute; visibility:hidden; z-index:10"></DIV>
<UL>
<LI><A HREF="http://hotbot.lycos.com/" ONMOUSEOVER="doTooltip(event,'محرك بحث الهوت بوت من اقوى محركات البحث فى الانترنت')" ONMOUSEOUT="hideTip()">محرك بحث الهوت بوت</A></LI>
<LI><A HREF="http://www.altavista.com/" ONMOUSEOVER="doTooltip(event,'التافيستا محرك بحث ودليل')" ONMOUSEOUT="hideTip()">التافيستا</A></LI>
</UL>
<DIV STYLE="width:600">
</DIV>
<P> </P>
<P> </P>
</BODY>
</HTML>
<!-- Simba says Roar. -->
----
----
وهذا واحد بشكل اخر يظهره لك في مستطيل:
<html>
<head>
<title>Cross-browser Dynamic HTML Scripts - PopupDescriptions</title>
<style type="text/css">
#divDescription{position:absolute; width:200; visibility:hidden; z-index:200}
.clDescription{width:150; font-family:verdana,arial,helvetica; font-size:11px; background-color:#cccccc; padding:3px; border: 1px solid #999999}
#divlinks{position:absolute; left:100; top:200; z-index:1}
</style>
<script type="text/javascript" language="JavaScript">
/********************************************************************************
Copyright (C) 1999 Thomas Brattli
This script is made by and copyrighted to Thomas Brattli at www.bratta.com
Visit for more great scripts. This may be used freely as long as this msg is intact!
I will also appriciate any links you could give me.
********************************************************************************/
//Default browsercheck, added to all scripts!
function checkBrowser(){
this.ver=navigator.appVersion
this.dom=document.getElementById?1:0
this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0;
this.ie4=(document.all && !this.dom)?1:0;
this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0;
this.ns4=(document.layers && !this.dom)?1:0;
this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5)
return this
}
bw=new checkBrowser()
/***************************************************************************************
Variables to set:
***************************************************************************************/
messages=new Array()
//Write your descriptions in here.
messages[0]="يعتبر من اقدم محركات البحث"
messages[1]="محرك بحث ودليل"
messages[2]="من اقوى محركات البحث فى الانترنت"
messages[3]="موقع عربى يحتوى على كثير من الصور وجميع ما يحتاج لة المصمم"
messages[4]="موقع السيف يحتوى على كثير من المواضيع مثل الحماية من الهكرز "
//To have more descriptions just add to the array.
fromX=50 //How much from the actual mouse X should the description box appear?
fromY=-20////How much from the actual mouse Y should the description box appear?
//To set the font size, font type, border color or remove the border or whatever,
//change the clDescription class in the stylesheet.
//Makes crossbrowser object.
function makeObj(obj){
this.css=bw.dom? document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?document.layers[obj]:0;
this.wref=bw.dom? document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?document.layers[obj].document:0;
this.writeIt=b_writeIt;
return this
}
function b_writeIt(text){if(bw.ns4){this.wref.write(text);this.wref.close()}
else this.wref.innerHTML=text}
//Capturing mousemove
var descx,descy;
function popmousemove(e){descx=bw.ns4?e.pageX:event.x; descy=bw.ns4?e.pageY:event.y}
//Initiates page
var isLoaded;
function popupInit(){
oDesc=new makeObj('divDescription')
if(bw.ns4)document.captureEvents(Event.MOUSEMOVE)
document.onmousemove=popmousemove;
isLoaded=true;
}
//Shows the messages
function popup(num){
if(isLoaded){
oDesc.writeIt('<span class="clDescription">'+messages[num]+'</span>')
if(bw.ie5) descy=descy+document.body.scrollTop
oDesc.css.left=descx+fromX; oDesc.css.top=descy+fromY
oDesc.css.visibility='visible'
}
}
//Hides it
function popout(num){
if(isLoaded) oDesc.css.visibility='hidden'
}
//initiates page on pageload.
onload=popupInit;
</script>
</HEAD>
<BODY bgcolor="White">
<div id="divDescription">
<!--Empty div-->
</div>
<div id="divLinks">
<!-- Just delete this layer, it's just here for the example links -->
<a href="http://www.yahoo.com/" onmouseover="popup(0)" onmouseout="popout(0)">موقع الياهو</a> -
<a href="http://www.altavista.com/" onmouseover="popup(1)" onmouseout="popout(1)">موقع التافيستا</a> -
<a href="http://hotbot.lycos.com/" onmouseover="popup(2)" onmouseout="popout(2)">موقع الهوت بوت</a> -
<a href="http://faisal1.com/" onmouseover="popup(3)" onmouseout="popout(3)">موقع فيصل</a> -
<a href="http://alsaife.dk3.com/" onmouseover="popup(4)" onmouseout="popout(4)">موقع السيف</a>
</div>
</BODY>
</HTML>
تحياتي لك واتمنا يكون هذا المطلوب
__________________
Has been gone
السلام عليكم
الاخ العزيز
FAISAL1
لايسعني الا شكرك
وجزاك الله خير
لقيت طلبي بالضبط
الله يوفقك اخوي
وشكرا لك مره اخرى
__________________
صلوا على النبي...
:)
ضوابط المشاركة
