Message Gallery

Dieses Script kannst Du einsetzen, um Deinen Usern
diverse Punkte zu erklären.
Entweder kann man sich das per Automatik anschauen oder
auch auf manuell umschalten.

Vordergrund-, Hintergrundfarbe und natürlich auch der
Text kann an die eigene Homepage angepasst werden.

Hier kannst Du nun die einzelnen Punkte beschreiben, die unten in dem Form-Feld stehen.

Hier kannst Du nun die einzelnen Punkte beschreiben, die unten in dem Form-Feld stehen.Hier kannst Du nun die einzelnen Punkte beschreiben, die unten in dem Form-Feld stehen.

Hier kannst Du nun die einzelnen Punkte beschreiben, die unten in dem Form-Feld stehen.Hier kannst Du nun die einzelnen Punkte beschreiben, die unten in dem Form-Feld stehen.Hier kannst Du nun die einzelnen Punkte beschreiben, die unten in dem Form-Feld stehen.

HTML-Einbindung
 <------------------------------------------------------------------>  <script type="text/javascript"> /*********************************************** * Advanced Gallery script- © Dynamic Drive DHTML code library (www.dynamicdrive.com) * This notice must stay intact for legal use * Visit http://www.dynamicdrive.com/ for full source code ***********************************************/ var tickspeed=3000 //ticker speed in miliseconds (2000=2 seconds) var displaymode="auto" //displaymode ("auto" or "manual"). No need to modify as form at the bottom will control it, unless you wish to remove form. if (document.getElementById){ document.write('<style type="text/css">\n') document.write('.gallerycontent{display:none;}\n') document.write('</style>\n') } var selectedDiv=0 var totalDivs=0 function getElementbyClass(classname){ partscollect=new Array() var inc=0 var alltags=document.all? document.all.tags("DIV") : document.getElementsByTagName("*") for (i=0; i<alltags.length; i++){ if (alltags[i].className==classname) partscollect[inc++]=alltags[i] } } function contractall(){ var inc=0 while (partscollect[inc]){ partscollect[inc].style.display="none" inc++ } } function expandone(){ var selectedDivObj=partscollect[selectedDiv] contractall() selectedDivObj.style.display="block" temp.options[selectedDiv].selected=true selectedDiv=(selectedDiv<totalDivs-1)? selectedDiv+1 : 0 if (displaymode=="auto") autocontrolvar=setTimeout("expandone()",tickspeed) } function populatemenu(){ temp=document.gallerycontrol.menu for (m=temp.options.length-1;m>0;m--) temp.options[m]=null for (i=0;i<totalDivs;i++){ var thesubject=partscollect[i].getAttribute("subject") thesubject=(thesubject=="" || thesubject==null)? "HTML Content "+(i+1) : thesubject temp.options[i]=new Option(thesubject,"") } temp.options[0].selected=true } function manualcontrol(menuobj){ if (displaymode=="manual"){ selectedDiv=menuobj expandone() } } function preparemode(themode){ displaymode=themode if (typeof autocontrolvar!="undefined") clearTimeout(autocontrolvar) if (themode=="auto"){ document.gallerycontrol.menu.disabled=true autocontrolvar=setTimeout("expandone()",tickspeed) } else document.gallerycontrol.menu.disabled=false } function startgallery(){ document.getElementById("controldiv").style.display="block" getElementbyClass("gallerycontent") totalDivs=partscollect.length populatemenu() for (i=0; i<document.gallerycontrol.mode.length; i++){ if (document.gallerycontrol.mode[i].checked) displaymode=document.gallerycontrol.mode[i].value } if (displaymode=="auto") document.gallerycontrol.menu.disabled=true expandone() } if (window.addEventListener) window.addEventListener("load", startgallery, false) else if (window.attachEvent) window.attachEvent("onload", startgallery) else if (document.getElementById) window.onload=startgallery </script> <--------------------------------------------------------------->  <div align="center"> <center> <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="250" id="AutoNumber1"> <tr> <td width="100%"><div class="gallerycontent" subject="What is JavaScript?"> Hier kannst Du nun die einzelnen Punkte beschreiben, die unten in dem Form-Feld stehen.</div> <div class="gallerycontent" subject="Java & JavaScript Differences"> Hier kannst Du nun die einzelnen Punkte beschreiben, die unten in dem Form-Feld stehen.Hier kannst Du nun die einzelnen Punkte beschreiben, die unten in dem Form-Feld stehen.</div> <div class="gallerycontent" subject="What is DHTML?"> Hier kannst Du nun die einzelnen Punkte beschreiben, die unten in dem Form-Feld stehen.Hier kannst Du nun die einzelnen Punkte beschreiben, die unten in dem Form-Feld stehen.Hier kannst Du nun die einzelnen Punkte beschreiben, die unten in dem Form-Feld stehen.</div> <div id="controldiv" style="display:none" class="gallerycontroller"> <form name="gallerycontrol"> <p align="center" class="center"> <select class="gallerycontroller" size="3" name="menu" onChange="manualcontrol(this.options.selectedIndex)"> <option>Blank form</option> </select><br> Auto: <input type="radio" checked name="mode" value="auto" onClick="preparemode('auto')"> Manual: <input type="radio" name="mode" value="manual" onClick="preparemode('manual')"> </p> </form> </div> </td> </tr> </table> </center> </div> </center>