PDA

نسخه کامل مشاهده نسخه کامل : کلیک بر روی متن و رنگی شدن متن ...



mahsoft
07-10-2006, 01:22
با سلام

عزیزان من به یه کد نمیدونم جاو ا نیاز دارم که وقتی رو یه لینکی در صفحه وب کلیک میکنم

روی یه قسمت از صفحه رو یا کادر بگیره یا رنگی کنه

واضح تر بگم می خوام با کلیک بر روی اون دکمه یه قسمت از متن صفحه رنگی بشه یا ...

ممنون میشم اگه عزیزان در این رابطه بتونن کمکی بکنن

اجرتون با امام حسین :happy:

new_sra
07-10-2006, 06:33
این رو تو یه txt کپی کن بعد به پسوند html ذخیره کن و نتیجه رو ببین


<html>
<head>
<SCRIPT language=JavaScript>
var a_Colour="blue";
var b_Colour="white";
var c_Colour="yellow";
var Size=40;
//Alter nothing below !!
var YDummy=new Array(),XDummy=new Array(),xpos=0,ypos=0,ThisStep=0;step=0.03;
if (document.layers){
window.captureEvents(Event.MOUSEMOVE);
function nsMouse(evnt){
xpos = window.pageYOffset+evnt.pageX+6;
ypos = window.pageYOffset+evnt.pageY+16;
}
window.onMouseMove = nsMouse;
}
else if (document.all)
{
function ieMouse(){
xpos = document.body.scrollLeft+event.x+6;
ypos = document.body.scrollTop+event.y+16;
}
document.onmousemove = ieMouse;
}
function swirl(){
for (i = 0; i < 3; i++)
{
YDummy[i]=ypos+Size*Math.cos(ThisStep+i*2)*Math.sin((ThisSt ep)*6);
XDummy[i]=xpos+Size*Math.sin(ThisStep+i*2)*Math.sin((ThisSt ep)*6);
}
ThisStep+=step;
setTimeout('swirl()',10);
}
var amount=10;
if (document.layers){
for (i = 0; i < amount; i++)
{
document.write('<layer name=nsa'+i+' top=0 left=0 width='+i/2+' height='+i/2+' bgcolor='+a_Colour+'></layer>');
document.write('<layer name=nsb'+i+' top=0 left=0 width='+i/2+' height='+i/2+' bgcolor='+b_Colour+'></layer>');
document.write('<layer name=nsc'+i+' top=0 left=0 width='+i/2+' height='+i/2+' bgcolor='+c_Colour+'></layer>');
}
}
else if (document.all){
document.write('<div id="ODiv" style="position:absolute;top:0px;left:0px">'
+'<div id="IDiv" style="position:relative">');
for (i = 0; i < amount; i++)
{
document.write('<div id=x style="position:absolute;top:0px;left:0px;width:'+i/2+';height:'+i/2+';background:'+a_Colour+';font-size:'+i/2+'"></div>');
document.write('<div id=y style="position:absolute;top:0px;left:0px;width:'+i/2+';height:'+i/2+';background:'+b_Colour+';font-size:'+i/2+'"></div>');
document.write('<div id=z style="position:absolute;top:0px;left:0px;width:'+i/2+';height:'+i/2+';background:'+c_Colour+';font-size:'+i/2+'"></div>');
}
document.write('</div></div>');
}
function prepos(){
var ntscp=document.layers;
var msie=document.all;
if (document.layers){
for (i = 0; i < amount; i++)
{
if (i < amount-1)
{
ntscp['nsa'+i].top=ntscp['nsa'+(i+1)].top;ntscp['nsa'+i].left=ntscp['nsa'+(i+1)].left;
ntscp['nsb'+i].top=ntscp['nsb'+(i+1)].top;ntscp['nsb'+i].left=ntscp['nsb'+(i+1)].left;
ntscp['nsc'+i].top=ntscp['nsc'+(i+1)].top;ntscp['nsc'+i].left=ntscp['nsc'+(i+1)].left;
}
else
{
ntscp['nsa'+i].top=YDummy[0];ntscp['nsa'+i].left=XDummy[0];
ntscp['nsb'+i].top=YDummy[1];ntscp['nsb'+i].left=XDummy[1];
ntscp['nsc'+i].top=YDummy[2];ntscp['nsc'+i].left=XDummy[2];
}
}
}
else if (document.all){
for (i = 0; i < amount; i++)
{
if (i < amount-1)
{
msie.x[i].style.top=msie.x[i+1].style.top;msie.x[i].style.left=msie.x[i+1].style.left;
msie.y[i].style.top=msie.y[i+1].style.top;msie.y[i].style.left=msie.y[i+1].style.left;
msie.z[i].style.top=msie.z[i+1].style.top;msie.z[i].style.left=msie.z[i+1].style.left;
}
else
{
msie.x[i].style.top=YDummy[0];msie.x[i].style.left=XDummy[0];
msie.y[i].style.top=YDummy[1];msie.y[i].style.left=XDummy[1];
msie.z[i].style.top=YDummy[2];msie.z[i].style.left=XDummy[2];
}
}
}
setTimeout("prepos()",10);
}
function Start(){
swirl(),prepos()
}
window.onload=Start;
// -->
</SCRIPT>

<script language="JavaScript">
fadeColor = "00FF00"; // رنگ مورد نظرتان را اينجا وارد كنيد
stepIn = 20; // delay when fading in
stepOut = 20; // delay when fading out
/* set to true or false; true will
** cause all links to fade automatically
** (you won't need to add class="fade")
***/
autoFade = true;
/* set to true or false; true will cause all CSS
** classes with "fade" in them to fade onmouseover
***/
sloppyClass = true;
/* set to true or false; true will make the script
** work for Macs (IE 5+), but you will have to give
** a name (name="blah") to each link that you want
** to fade.
***/
macCompat = false;
/**
**** </config>
**************/
/*************
**** <install>
**
Now, once you have customized your fading colors,
you need to include your customized .js file on
every page that you want to use it in. You can
include javascript files using this syntax (in
the head of a document):
Now that you have the file included, you need to
setup your links a small bit. Each link that you
want to fade needs to use the fade class.
Example:
<a href="blah.html" class="fade">click here</a>
Also, the link must be plain text. This means
that you can't have <b>'s, <i>'s, <font>'s, etc.
inside of the link.
Example of what not to do:
<a href="blah.html" class="fade"><b>click</b> here</a>
Have fun!
-Anarchos-
**
**** </install>
**************/
hexa = new makearray(16);
for(var i = 0; i < 10; i++)
hexa[i] = i;
hexa[10]="a"; hexa[11]="b"; hexa[12]="c";
hexa[13]="d"; hexa[14]="e"; hexa[15]="f";
document.onmouseover = domouseover;
document.onmouseout = domouseout;
fadeColor = dehexize(fadeColor.toLowerCase());
var fadeId = new Array();
function dehexize(Color){
var colorArr = new makearray(3);
for (i=1; i<7; i++){
for (j=0; j<16; j++){
if (Color.charAt(i) == hexa[j]){
if (i%2 !=0)
colorArr[Math.floor((i-1)/2)]=eval(j)*16;
else
colorArr[Math.floor((i-1)/2)]+=eval(j);
}
}
}
return colorArr;
}
function domouseover() {
if(document.all){
var srcElement = event.srcElement;
if ((srcElement.tagName == "A" && autoFade && srcElement.className != "nofade") || srcElement.className == "fade" || (sloppyClass && srcElement.className.indexOf("fade") != -1)) {
if (!srcElement.startColor) {
srcElement.startColor = (srcElement.style.color)? srcElement.style.color: srcElement.currentStyle.color;
srcElement.startColor = dehexize(srcElement.startColor.toLowerCase());
}
var link = (macCompat? srcElement.name: srcElement.uniqueID);
if (link) fade(srcElement.startColor,fadeColor,link,stepIn);
else if (macCompat) alert("Error: Mac Compatility mode enabled, but link has no name.");
}
}
}
function domouseout() {
if (document.all){
var srcElement = event.srcElement;
if ((srcElement.tagName == "A" && autoFade && srcElement.className != "nofade") || srcElement.className == "fade" || (sloppyClass && srcElement.className.indexOf("fade") != -1)) {
var link = (macCompat? srcElement.name: srcElement.uniqueID);
if (link) fade(fadeColor,srcElement.startColor,link,stepIn);
}
}
}
function makearray(n) {
this.length = n;
for(var i = 1; i <= n; i++)
this[i] = 0;
return this;
}
function hex(i) {
if (i < 0)
return "00";
else if (i > 255)
return "ff";
else
return "" + hexa[Math.floor(i/16)] + hexa[i%16];
}
function setColor(r, g, b, element) {
var hr = hex(r); var hg = hex(g); var hb = hex(b);
element.style.color = "#"+hr+hg+hb;
}
function fade(s,e,element,step) {
var sr = s[0]; var sg = s[1]; var sb = s[2];
var er = e[0]; var eg = e[1]; var eb = e[2];
if (fadeId[0] != null && fade[0] != element && eval(fadeId[0])) {
var orig = eval(fadeId[0]);
setColor(orig.startColor[0],orig.startColor[1],orig.startColor[2],orig);
var i = 1;
while(i < fadeId.length) {
clearTimeout(fadeId[i]);
i++;
}
}
for(var i = 0; i <= step; i++) {
fadeId[i+1] = setTimeout("setColor(Math.floor(" +sr+ " *(( " +step+ " - " +i+ " )/ " +step+ " ) + " +er+ " * (" +i+ "/" +
step+ ")),Math.floor(" +sg+ " * (( " +step+ " - " +i+ " )/ " +step+ " ) + " +eg+ " * (" +i+ "/" +step+
")),Math.floor(" +sb+ " * ((" +step+ "-" +i+ ")/" +step+ ") + " +eb+ " * (" +i+ "/" +step+ ")),"+element+");",i*step);
}
fadeId[0] = element;
}</script>
</head>
<title>.::Matrix Weblog::.</title>
<meta [ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]"Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body bgcolor="#000000" text="00FF00">
<table width="100%" border="0" height="100%">
<tr>
<td>
<div align="center">
<p><font color="00FF00"size="7"><b>Matrix Weblog</b></font><br>
<font face="Arial, Helvetica, sans-serif" size="7">
<span style="text-decoration: none">
<a href="[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]">[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]></span></font></p>
<script>
function redirect()
{
window.location.replace('[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]');
}
setTimeout('redirect();', 5000);
</script>
<p><font face="Arial, Helvetica, sans-serif" size="2">You are now being
Redirected To The Site (Click on the link above if it does not work) ...</font></p>
</div>
</td>
</tr>
</table>
</body>
</html>

mahsoft
08-10-2006, 01:03
عزیزم مثل اینکه منظور من رو متوجه نشدی :sad: د

من می خوام که با کلیک بر روی یه لینک یه بخشی از یه متن در جایی از صفحه رنگی بشه

نه اینکه با کلیک رو باتون باتون رنگی بشه

مرسی

ali_nioton
08-10-2006, 08:17
گمونم به اين حالت سوآپ
swap
میگن
البته با متن من ندیدم
با تصاوبر دیدم
یه تصویری رو یه گوشه کلیک یا اوور میکنن
یه گوشه دیگه یه چیزی میشه
درسته؟

mohsenshahbazi
08-10-2006, 10:28
متني كه قرار هايلايت بشه جاش مشخصه !؟ يعني داخل صفحه اون قسمتي كه بايد رنگي بشه ار قبل معلومه يا ممكنه يه جاي تصادفي از صفحه باشه ؟

mahsoft
08-10-2006, 10:42
مرسی new_sra


متني كه قرار هايلايت بشه جاش مشخصه !؟ يعني داخل صفحه اون قسمتي كه بايد رنگي بشه ار قبل معلومه يا ممكنه يه جاي تصادفي از صفحه باشه ؟

mohsenshahbazi مرسی از توجهتون

راجب سوال

هم باید مشخص باشه و هم تصادفی

البته شما هر کدوم که براتون راهت تره بگید

مرسی :blush:

ali_nioton
09-10-2006, 04:50
اگه متنش مشخصه
با وي بي اسكريپت ميشه

mahsoft
09-10-2006, 07:34
اگه متنش مشخصه
با وي بي اسكريپت ميشه

علی جان منم شک نداشتم که میشه

ولی دستورشو می خوام

مثل اینکه کسی بلد نیست :sad:

از لطف همگی ممنونم

mohsenshahbazi
09-10-2006, 19:18
البته ميتونم روش كاررو توضيح بدم اما 1-2 تا از دستور ها رو بلد نيستم ! (با جاوا اسكريپت ميشه اين كاررو انجام داد)

يه كم صبر كنيد اگه تونستم تا امشب ميزارم برات !

mahsoft
10-10-2006, 10:10
مرسی لطف میکنی منتظرم

mohsenshahbazi
10-10-2006, 13:30
فکر کنم این کارت رو راه بندازه !

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

ali_nioton
12-10-2006, 01:30
آفا این قضیه رو تو کلاینت میشه پیاده کرد ولی من هر کار میکنم نم تونم
وی بی اسکریپ یادم رفته خودمم گیر کردم
یه مشکلی مث شما دارم منتها من به جا رنگ می خام متنش عوض شه
اگه تو کلاینت به جایی رسیدی به منم بگو
اما تو سرور و با پی اچ پی یا ای اس پی کاری نداره
کد زیر ای اس پیه
رنگش هم با هر بار کلیک عوض میشه

<%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>
<html >
<head>
<title>Untitled Document</title>
<style type="text/css">
<!--
.style1 {color: #FF0000}
.style2 {color: #00FF00}
.style3 {color: #0000FF}
.style4 {color: #336633}
.style {color: #BBFFFF}
-->
</style>
</head>
<body>
<% ali=Request.QueryString("ali")%>
<a href="thispage.asp?ali=<% select case ali
case 1
response.Write("2")
case 2
response.Write("3")
case 3
response.Write("4")
case else
response.Write("1")
end select
%>">link</a>
<br />
<span class="style<% response.Write (ali)%>">
this text
</span>
</body>
</html>

برا دوتا رنگ با یه ایف ساده هم میشه
فقط اسم صفحه باید
thispage.asp
باشه

mohsenshahbazi
12-10-2006, 14:36
یعنی با کلیک برروی لینک متن تعویض بشه !؟

mahsoft
13-10-2006, 10:43
مرسی اقا محسن دستتون درد نکنه

ایا این دستوری که دادید برای عمل اتفاقیه یا از پیش تعیین شده

ali_nioton
15-10-2006, 03:14
آره آره
متن عوض بشه
ولي با سرور و .. نه ها
تو خود سيستم طرف
تو كلاينت
با اسكريپ ها وي بي يا جاوا بايد باشه
چه جوريه؟
اگه بشه خيلي توپه

من فك كردم يه متغير بزارم
بعد با كليك رو كليد ها يا لينك ها مقدار اين متغير رو عوض كنم
بعد هم با يه شرط ميشه .....

تو همين تيكه اول موندم