Testimonials

sani21

hey @ all

Ich habe eine Frage:

Ich habe ein Script, dass verschiedene Kundenmeinungen anzeigt und diese nach 8 sekunden wechselt. Das heisst nach jeden 8 Sekunden kommt wieder ein neuer Kunde mit einem neuen Kommentar in dieser Textbox.

Wie kann ich bei diesem Script die Schriftgrössen innerhalb des Kastens ändern. Ich habe mir das so vorgestellt:

__________________
//Verdana 9 PT: Kommentar 1 (
)
//Verdana 7 PT: Name von dem, der den Kommentar gemacht hat
__________________

Bei:

fcontent[0]="Max Mustermann
Kundenkommentar
Nr. 1

Text...";

wird der Text definiert. Jetzt möchte ich, dass Max Mustermann in Verdana 7 PT (bold) steht und der Kundenkommentar in Verdana 9PT.

So sieht der Code von der Text Box aus:

HTML

<html>


<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
</head>


<body>
<font face="Verdana" style="font-size: 9pt; background-color:#EEEEEE">
<script type="text/javascript">


var delay = 8000; //set delay between message change (in miliseconds)
var maxsteps=30; // number of steps to take to change from start color to endcolor
var stepdelay=40; // time in miliseconds of a single step
//**Note: maxsteps*stepdelay will be total time in miliseconds of fading effect
var startcolor= new Array(255,255,255); // start color (red, green, blue)
var endcolor=new Array(0,0,0); // end color (red, green, blue)


var fcontent=new Array();
begintag='<div style="font: normal 11px Verdana; padding: 9px;">'; //set opening tag, such as font declarations
fcontent[0]="[b]Max Mustermann[/b]
Kundenkommentar
Nr. 1


Text...";
fcontent[1]="[b]Christian Schaefle[/b]
Kundenkommentar
Nr. 2


Text...";
fcontent[2]="[b]Sandro Kolb[/b]
Kundenkommentar
Nr. 3


Text...";
closetag='</div>';


var fwidth='135px'; //set scroller width
var fheight='120px'; //set scroller height


var fadelinks=1;  //should links inside scroller content also fade like text? 0 for no, 1 for yes.


///No need to edit below this line/////////////////




var ie4=document.all&&!document.getElementById;
var DOM2=document.getElementById;
var faderdelay=0;
var index=0;




/*Rafael Raposo edited function*/
//function to change content
function changecontent(){
  if (index>=fcontent.length)
    index=0
  if (DOM2){
    document.getElementById("fscroller").style.color="rgb("+startcolor[0]+", "+startcolor[1]+", "+startcolor[2]+")"
    document.getElementById("fscroller").innerHTML=begintag+fcontent[index]+closetag
    if (fadelinks)
      linkcolorchange(1);
    colorfade(1, 15);
  }
  else if (ie4)
    document.all.fscroller.innerHTML=begintag+fcontent[index]+closetag;
  index++
}


// colorfade() partially by Marcio Galli for Netscape Communications.  ////////////
// Modified by Dynamicdrive.com


function linkcolorchange(step){
  var obj=document.getElementById("fscroller").getElementsByTagName("A");
  if (obj.length>0){
    for (i=0;i<obj.length;i++)
      obj[i].style.color=getstepcolor(step);
  }
}


/*Rafael Raposo edited function*/
var fadecounter;
function colorfade(step) {
  if(step<=maxsteps) {	
    document.getElementById("fscroller").style.color=getstepcolor(step);
    if (fadelinks)
      linkcolorchange(step);
    step++;
    fadecounter=setTimeout("colorfade("+step+")",stepdelay);
  }else{
    clearTimeout(fadecounter);
    document.getElementById("fscroller").style.color="rgb("+endcolor[0]+", "+endcolor[1]+", "+endcolor[2]+")";
    setTimeout("changecontent()", delay);

  }   
}


/*Rafael Raposo's new function*/
function getstepcolor(step) {
  var diff
  var newcolor=new Array(3);
  for(var i=0;i<3;i++) {
    diff = (startcolor[i]-endcolor[i]);
    if(diff > 0) {
      newcolor[i] = startcolor[i]-(Math.round((diff/maxsteps))*step);
    } else {
      newcolor[i] = startcolor[i]+(Math.round((Math.abs(diff)/maxsteps))*step);
    }
  }
  return ("rgb(" + newcolor[0] + ", " + newcolor[1] + ", " + newcolor[2] + ")");
}


if (ie4||DOM2)
  document.write('<div id="fscroller" style="border:1px solid black;width:'+fwidth+';height:'+fheight+'"></div>');


if (window.addEventListener)
window.addEventListener("load", changecontent, false)
else if (window.attachEvent)
window.attachEvent("onload", changecontent)
else if (document.getElementById)
window.onload=changecontent


</script>
</font>
</body>


</html>

Alles anzeigen

Ich hoffe es kann mir jemand helfen, es ist ziemlich dringend

Tags