Avatar billede hyperactive Nybegynder
08. januar 2003 - 19:32 Der er 4 kommentarer og
1 løsning

Ændre denne kode til at kunne håndtere links.....

Jeg har fundet følgende kode:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>

<body>

<div id="Layer1" style="position:absolute; left:58px; top:228px; width:680px; height:199px; z-index:1">
<!--BEGIN FADING DYNAMIC CONTENT SCRIPT-->
<script language="javascript">

// Use Freely as long as following messages are intact ::
//---------------------------------------------------------------
// Fading Dynamic Content JavaScript v 2.0                      |
//    Made minor changes, Works on IE and NS6                  |
//    Added support for NS4                                    |
//    Added option to AutoStart on load or onClick              |
// This script written and © 2002 Premshree Pillai.            |
// All rights reserved.                                        |
// Created on : 28/04/02                                        |
// Modified on : 11/05/02                                      |
// Web : http://www.qiksearch.com/                              |
// Mail : premshree@hotmail.com                                |
// FREE JavaScripts at http://www.qiksearch.com/javascripts.htm |
// v 2.0 - Now supports NS4                                    |
// v 1.2 - Option to Autostart on load or click to start        |
// v 1.1 - Supports IE and NS6, option to loop continuosly      |
// v 1.0 - Fading Dynamic Content                              |
//---------------------------------------------------------------
// Location of script : http://www.qiksearch.com/javascripts/fading-dynamic-content20.htm

//--------------------------------------CUTOMISE----------------------------------------------

var qiksearch_js_text = new Array ("Fading Dynamic Content", "by Premshree Pillai", "You can even add<br>multiple lines and Images too...", "www.qiksearch.com");
  // The Fading Contents, HTML Tags supported
var qiksearch_space_width = 390; // The width of the content space
var qiksearch_space_height = 50; // The height of the content space
var qiksearch_space_borderw=3; // Border width
var qiksearch_space_borderc="#FF9900"; // Border Color
var timeOutVal=150; // Delay in milliseconds
var isLoop=true; // If you want to loop continuosly then true, else false
var isAutoStart=true; // If you want the Fading to start else you have to click to start
var qiksearch_js_text_static='<a href="java script:resetAll();writeDiv();" style="text-decoration:none" accesskey="l"><font color="#808080" face="verdana,arial,helvetica" size="-1"><b>C<u>l</u>ick to Start</b></font></a>'; // The default content if AutoStart false

//--------------------------------------------------------------------------------------------

//-----------------------------DO-NOT-MODIFY-BELOW-THIS---------------------------------------

var ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1;
var ns6=document.getElementById&&navigator.userAgent.indexOf("Opera")==-1;
var ns4=document.layers;
var qiksearch_DyObj;
var qiksearch_space_ns4_left=(screen.width/2-20)-Math.round(qiksearch_space_width/2);

function setDyObj()
{
if(ie4)
{
  qiksearch_DyObj=document.all.qiksearch_js_space;
}
if(ns6)
{
  qiksearch_DyObj=document.getElementById("qiksearch_js_space");
}
}

if(ie4||ns6)
{
document.write('<table width="' + qiksearch_space_width + '" height="' + qiksearch_space_height + '" style="background:#FFFFFF; border:' + qiksearch_space_borderw + 'px solid ' + qiksearch_space_borderc + '"><tr><td align="middle">');
document.write('<div id="qiksearch_js_space">');
document.write('</div>');
document.write('</td></tr></table>');
}

var def_10='A',def_11='B',def_12='C',def_13='D',def_14='E',def_15='F';
var colorVal=15;
var div_count=0;

function qiksearch_fade_desat(getColorIntVal)
{
var returnVal;
if(getColorIntVal>=10)
{
  for(var i=0; i<=15; i++)
  {
  if((getColorIntVal==i))
  {
    returnVal = eval('def_' + i);
  }
  }
}
else
{
  returnVal=getColorIntVal;
}
return(returnVal);
}

function writeDiv()
{
if(ns4)
{
  qiksearch_DyObj=document.qiksearch_space_ns4;
}
if(ie4||ns6)
{
  qiksearch_DyObj.innerHTML= '<font face="verdana,arial,helvetica" size="-1" color="#' +  joinColor(qiksearch_fade_desat(colorVal)) + '"><b>' + qiksearch_js_text[div_count] + '</span></b></font>' ;
}
if(ns4)
{
  qiksearch_DyObj.document.write('<table width="100%" border="1" bordercolor="' + qiksearch_space_borderc + '"><tr><td align="center"><font face="verdana,arial,helvetica" size="-1" color="#' +  joinColor(qiksearch_fade_desat(colorVal)) + '"><b>' + qiksearch_js_text[div_count] + '</span></b></font></td></tr></table>');
  qiksearch_DyObj.document.close();
}

if((colorVal>0)  && (colorVal!=0))
{
  colorVal--;
}
else
{
  colorVal=15;
  if(div_count<qiksearch_js_text.length)
  {
  div_count++;
  }

  if(div_count==qiksearch_js_text.length)
  {
  if(isLoop)
  {
    setTimeout("resetAll()",timeOutVal);
    setTimeout("writeDiv()",timeOutVal);
  }
  else
  {
    if(ie4||ns6)
    {
    qiksearch_DyObj.innerHTML = qiksearch_js_text_static;
    }
    if(ns4)
    {
    qiksearch_DyObj.document.write('<table width="100%" border="1" bordercolor="' + qiksearch_space_borderc + '"><tr><td align="center">' + qiksearch_js_text_static + '</td></tr></table>');
    qiksearch_DyObj.document.close();
    }
  }
  }

}

if(div_count<qiksearch_js_text.length)
{
  setTimeout("writeDiv()",timeOutVal);
}
}

function joinColor(getColor)
{
return (getColor + '0' + getColor + '0' + getColor + '0');
}

function resetAll()
{
div_count=0;
colorVal=15;
}

setDyObj();

function start_fader()
{
if(isAutoStart)
{
  writeDiv();
}
else
{
  if(ie4||ns6)
  {
  qiksearch_DyObj.innerHTML = qiksearch_js_text_static;
  }
  if(ns4)
  {
  qiksearch_DyObj=document.qiksearch_space_ns4;
  qiksearch_DyObj.document.write('<table width="100%" border="1" bordercolor="' + qiksearch_space_borderc + '"><tr><td align="center">' + qiksearch_js_text_static + '</td></tr></table>');
  qiksearch_DyObj.document.close();
  }
}
}

window.onload=start_fader;

if(ns4)
{
document.write('<layer bgcolor="#FFFFFF" id="qiksearch_space_ns4" width="' + qiksearch_space_width + '" left="' + qiksearch_space_ns4_left + '"></layer>');
}

</script>
<!--END FADING DYNAMIC CONTENT SCRIPT-->


</div>
</body>
</html>


Jeg vil gerne have ændret koden, så den i stedet for blot at vise en tekst eller et billede, kan vise en tekst eller et billede link.....
Avatar billede pelkjaer Nybegynder
08. januar 2003 - 19:49 #1
Er det noget specifikt du skal have hjælp til - hvad har du prøvet?
Hvis det bare er en sammenkogt færdigret du efterlyser - så prøv at søge lidt mere :)
Avatar billede hyperactive Nybegynder
08. januar 2003 - 19:54 #2
Jeg har prøvet at sætte <a href='test.htm'> ind i linien....
var qiksearch_js_text = new Array ("Fading Dynamic Content", "by Premshree Pillai", "You can even add<br>multiple lines and Images too...", "www.qiksearch.com");
Avatar billede hyperactive Nybegynder
08. januar 2003 - 20:11 #3
Har nu ændret koden til følgende.... så virker billederne som links, men fade effekten forsvinder......

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>

<body>

<div id="Layer1" style="position:absolute; left:58px; top:228px; width:680px; height:199px; z-index:1">
<!--BEGIN FADING DYNAMIC CONTENT SCRIPT-->
<script language="javascript">

// Use Freely as long as following messages are intact ::
//---------------------------------------------------------------
// Fading Dynamic Content JavaScript v 2.0                      |
//    Made minor changes, Works on IE and NS6                  |
//    Added support for NS4                                    |
//    Added option to AutoStart on load or onClick              |
// This script written and © 2002 Premshree Pillai.            |
// All rights reserved.                                        |
// Created on : 28/04/02                                        |
// Modified on : 11/05/02                                      |
// Web : http://www.qiksearch.com/                              |
// Mail : premshree@hotmail.com                                |
// FREE JavaScripts at http://www.qiksearch.com/javascripts.htm |
// v 2.0 - Now supports NS4                                    |
// v 1.2 - Option to Autostart on load or click to start        |
// v 1.1 - Supports IE and NS6, option to loop continuosly      |
// v 1.0 - Fading Dynamic Content                              |
//---------------------------------------------------------------
// Location of script : http://www.qiksearch.com/javascripts/fading-dynamic-content20.htm

//--------------------------------------CUTOMISE----------------------------------------------

var qiksearch_js_text = new Array ("<img src='billeder/ws4316s.jpg'>", "<img src='billeder/ap10s.jpg'>", "<img src='billeder/ws3841s.jpg'>");
var qiksearch_js_link = new Array ("test.asp", "test.asp", "test.asp");
  // The Fading Contents, HTML Tags supported
var qiksearch_space_width = 390; // The width of the content space
var qiksearch_space_height = 50; // The height of the content space
var qiksearch_space_borderw=3; // Border width
var qiksearch_space_borderc="#FF9900"; // Border Color
var timeOutVal=150; // Delay in milliseconds
var isLoop=true; // If you want to loop continuosly then true, else false
var isAutoStart=true; // If you want the Fading to start else you have to click to start
var qiksearch_js_text_static='<a href="java script:resetAll();writeDiv();" style="text-decoration:none" accesskey="l"><font color="#808080" face="verdana,arial,helvetica" size="-1"><b>C<u>l</u>ick to Start</b></font></a>'; // The default content if AutoStart false

//--------------------------------------------------------------------------------------------

//-----------------------------DO-NOT-MODIFY-BELOW-THIS---------------------------------------

var ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1;
var ns6=document.getElementById&&navigator.userAgent.indexOf("Opera")==-1;
var ns4=document.layers;
var qiksearch_DyObj;
var qiksearch_space_ns4_left=(screen.width/2-20)-Math.round(qiksearch_space_width/2);

function setDyObj()
{
if(ie4)
{
  qiksearch_DyObj=document.all.qiksearch_js_space;
}
if(ns6)
{
  qiksearch_DyObj=document.getElementById("qiksearch_js_space");
}
}

if(ie4||ns6)
{
document.write('<table width="' + qiksearch_space_width + '" height="' + qiksearch_space_height + '" style="background:#FFFFFF; border:' + qiksearch_space_borderw + 'px solid ' + qiksearch_space_borderc + '"><tr><td align="middle">');
document.write('<div id="qiksearch_js_space">');
document.write('</div>');
document.write('</td></tr></table>');
}

var def_10='A',def_11='B',def_12='C',def_13='D',def_14='E',def_15='F';
var colorVal=15;
var div_count=0;

function qiksearch_fade_desat(getColorIntVal)
{
var returnVal;
if(getColorIntVal>=10)
{
  for(var i=0; i<=15; i++)
  {
  if((getColorIntVal==i))
  {
    returnVal = eval('def_' + i);
  }
  }
}
else
{
  returnVal=getColorIntVal;
}
return(returnVal);
}

function writeDiv()
{
if(ns4)
{
  qiksearch_DyObj=document.qiksearch_space_ns4;
}
if(ie4||ns6)
{
  qiksearch_DyObj.innerHTML= '<font face="verdana,arial,helvetica" size="-1" color="#' +  joinColor(qiksearch_fade_desat(colorVal)) + '"><a href="' + qiksearch_js_link[div_count] +'"><b>' + qiksearch_js_text[div_count] + '</a></span></b></font>' ;
}
if(ns4)
{
  qiksearch_DyObj.document.write('<table width="100%" border="1" bordercolor="' + qiksearch_space_borderc + '"><tr><td align="center"><font face="verdana,arial,helvetica" size="-1" color="#' +  joinColor(qiksearch_fade_desat(colorVal)) + '"><b>' + qiksearch_js_text[div_count] + '</span></b></font></td></tr></table>');
  qiksearch_DyObj.document.close();
}

if((colorVal>0)  && (colorVal!=0))
{
  colorVal--;
}
else
{
  colorVal=15;
  if(div_count<qiksearch_js_text.length)
  {
  div_count++;
  }

  if(div_count==qiksearch_js_text.length)
  {
  if(isLoop)
  {
    setTimeout("resetAll()",timeOutVal);
    setTimeout("writeDiv()",timeOutVal);
  }
  else
  {
    if(ie4||ns6)
    {
    qiksearch_DyObj.innerHTML = qiksearch_js_text_static;
    }
    if(ns4)
    {
    qiksearch_DyObj.document.write('<table width="100%" border="1" bordercolor="' + qiksearch_space_borderc + '"><tr><td align="center">' + qiksearch_js_text_static + '</td></tr></table>');
    qiksearch_DyObj.document.close();
    }
  }
  }

}

if(div_count<qiksearch_js_text.length)
{
  setTimeout("writeDiv()",timeOutVal);
}
}

function joinColor(getColor)
{
return (getColor + '0' + getColor + '0' + getColor + '0');
}

function resetAll()
{
div_count=0;
colorVal=15;
}

setDyObj();

function start_fader()
{
if(isAutoStart)
{
  writeDiv();
}
else
{
  if(ie4||ns6)
  {
  qiksearch_DyObj.innerHTML = qiksearch_js_text_static;
  }
  if(ns4)
  {
  qiksearch_DyObj=document.qiksearch_space_ns4;
  qiksearch_DyObj.document.write('<table width="100%" border="1" bordercolor="' + qiksearch_space_borderc + '"><tr><td align="center">' + qiksearch_js_text_static + '</td></tr></table>');
  qiksearch_DyObj.document.close();
  }
}
}

window.onload=start_fader;

if(ns4)
{
document.write('<layer bgcolor="#FFFFFF" id="qiksearch_space_ns4" width="' + qiksearch_space_width + '" left="' + qiksearch_space_ns4_left + '"></layer>');
}

</script>
<!--END FADING DYNAMIC CONTENT SCRIPT-->


</div>
</body>
</html>
Avatar billede olebole Juniormester
08. januar 2003 - 20:46 #4
<ole>

Du skal nok finde et andet script. Dette kan ikke ændres til at håndtere billeder uden at skrive det om fra bunden og hvad links angår, bliver det næsten ligeså omfattende.
Derudover skriver det forældet HTML og er i det hele taget ikke synderlig elegant skrevet.

/mvh
</bole>
Avatar billede hyperactive Nybegynder
09. januar 2003 - 14:56 #5
Jamen så lukker jeg og søger videre :o(
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester