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:

Code:
<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&#58; 9pt; background-color&#58;#EEEEEE">
<script type="text/javascript">

var delay = 8000; //set delay between message change &#40;in miliseconds&#41;
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&#58; maxsteps*stepdelay will be total time in miliseconds of fading effect
var startcolor= new Array&#40;255,255,255&#41;; // start color &#40;red, green, blue&#41;
var endcolor=new Array&#40;0,0,0&#41;; // end color &#40;red, green, blue&#41;

var fcontent=new Array&#40;&#41;;
begintag='<div style="font&#58; normal 11px Verdana; padding&#58; 9px;">'; //set opening tag, such as font declarations
fcontent&#91;0&#93;="Max Mustermann
Kundenkommentar
Nr. 1

Text...";
fcontent&#91;1&#93;="Christian Schaefle
Kundenkommentar
Nr. 2

Text...";
fcontent&#91;2&#93;="Sandro Kolb
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&#40;&#41;&#123;
  if &#40;index>=fcontent.length&#41;
    index=0
  if &#40;DOM2&#41;&#123;
    document.getElementById&#40;"fscroller"&#41;.style.color="rgb&#40;"+startcolor&#91;0&#93;+", "+startcolor&#91;1&#93;+", "+startcolor&#91;2&#93;+"&#41;"
    document.getElementById&#40;"fscroller"&#41;.innerHTML=begintag+fcontent&#91;index&#93;+closetag
    if &#40;fadelinks&#41;
      linkcolorchange&#40;1&#41;;
    colorfade&#40;1, 15&#41;;
  &#125;
  else if &#40;ie4&#41;
    document.all.fscroller.innerHTML=begintag+fcontent&#91;index&#93;+closetag;
  index++
&#125;

// colorfade&#40;&#41; partially by Marcio Galli for Netscape Communications.  ////////////
// Modified by Dynamicdrive.com

function linkcolorchange&#40;step&#41;&#123;
  var obj=document.getElementById&#40;"fscroller"&#41;.getElementsByTagName&#40;"A"&#41;;
  if &#40;obj.length>0&#41;&#123;
    for &#40;i=0;i<obj.length;i++&#41;
      obj&#91;i&#93;.style.color=getstepcolor&#40;step&#41;;
  &#125;
&#125;

/*Rafael Raposo edited function*/
var fadecounter;
function colorfade&#40;step&#41; &#123;
  if&#40;step<=maxsteps&#41; &#123;	
    document.getElementById&#40;"fscroller"&#41;.style.color=getstepcolor&#40;step&#41;;
    if &#40;fadelinks&#41;
      linkcolorchange&#40;step&#41;;
    step++;
    fadecounter=setTimeout&#40;"colorfade&#40;"+step+"&#41;",stepdelay&#41;;
  &#125;else&#123;
    clearTimeout&#40;fadecounter&#41;;
    document.getElementById&#40;"fscroller"&#41;.style.color="rgb&#40;"+endcolor&#91;0&#93;+", "+endcolor&#91;1&#93;+", "+endcolor&#91;2&#93;+"&#41;";
    setTimeout&#40;"changecontent&#40;&#41;", delay&#41;;
	
  &#125;   
&#125;

/*Rafael Raposo's new function*/
function getstepcolor&#40;step&#41; &#123;
  var diff
  var newcolor=new Array&#40;3&#41;;
  for&#40;var i=0;i<3;i++&#41; &#123;
    diff = &#40;startcolor&#91;i&#93;-endcolor&#91;i&#93;&#41;;
    if&#40;diff > 0&#41; &#123;
      newcolor&#91;i&#93; = startcolor&#91;i&#93;-&#40;Math.round&#40;&#40;diff/maxsteps&#41;&#41;*step&#41;;
    &#125; else &#123;
      newcolor&#91;i&#93; = startcolor&#91;i&#93;+&#40;Math.round&#40;&#40;Math.abs&#40;diff&#41;/maxsteps&#41;&#41;*step&#41;;
    &#125;
  &#125;
  return &#40;"rgb&#40;" + newcolor&#91;0&#93; + ", " + newcolor&#91;1&#93; + ", " + newcolor&#91;2&#93; + "&#41;"&#41;;
&#125;

if &#40;ie4||DOM2&#41;
  document.write&#40;'<div id="fscroller" style="border&#58;1px solid black;width&#58;'+fwidth+';height&#58;'+fheight+'"></div>'&#41;;

if &#40;window.addEventListener&#41;
window.addEventListener&#40;"load", changecontent, false&#41;
else if &#40;window.attachEvent&#41;
window.attachEvent&#40;"onload", changecontent&#41;
else if &#40;document.getElementById&#41;
window.onload=changecontent

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

</html>
Ich hoffe es kann mir jemand helfen, es ist ziemlich dringend
Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!