2 Scripte auf einer Seite

[Cledi]

Hallo,

ich habe ein Script, siehe unten, und möchte das zweimal auf einer Seite einsetzen. Im Archiv habe ich hier bereits deswegen gesucht, aber nur gefunden, dass man das Script evtl. anpassen muss. Da ich aber von diesen Dingen leider gar keinen Schimmer habe, jetzt die Frage, ob mir jemand sagen kann, was getan werden muss (wenn es denn nicht viel zu viel verlangt ist - wie gesagt, ich bin da fachlich völlig unbelastet, ich weiss ja nicht mal, ob das javascript ist, sorry! ;)

----------
/***********************************************
* Conveyor belt slideshow script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

//Specify the slider's width (in pixels)
var sliderwidth="375px"
//Specify the slider's height
var sliderheight="87px"
//Specify the slider's slide speed (larger is faster 1-10)
var slidespeed=1
//configure background color:
slidebgcolor="#aaada6"

//Specify the slider's images
var leftrightslide=new Array()
var finalslide=''
leftrightslide[0]='<a href="../einkaufswelt/beispiel_premiumplus.html"><img src="../images/einkaufswelt/laufband/6er-Kopie_01.jpg" border=1 title="Die Hütte - Exklusive Damen- und Herrenmode im Britischen Landhausstil"></a>'
leftrightslide[1]='<a href="../einkaufswelt/beispiel_premiumplus.html"><img src="../images/einkaufswelt/laufband/6er-Kopie_02.jpg" border=1 title="Rosi's Weinladen - Beliebte Weine aus den besten Anbaugebieten"></a>'
leftrightslide[2]='<a href="../einkaufswelt/beispiel_premiumplus.html"><img src="../images/einkaufswelt/laufband/6er-Kopie_03.jpg" border=1 title="Die Hütte - Exklusive Damen- und Herrenmode im Britischen Landhausstil"></a>'
leftrightslide[3]='<a href="../einkaufswelt/beispiel_premiumplus.html"><img src="../images/einkaufswelt/laufband/6er-Kopie_04.jpg" border=1 title="Rosi's Weinladen - Beliebte Weine aus den besten Anbaugebieten"></a>'
leftrightslide[4]='<a href="../einkaufswelt/beispiel_premiumplus.html"><img src="../images/einkaufswelt/laufband/6er-Kopie_05.jpg" border=1 title="Die Hütte - Exklusive Damen- und Herrenmode im Britischen Landhausstil"></a>'
leftrightslide[5]='<a href="../einkaufswelt/beispiel_premiumplus.html"><img src="../images/einkaufswelt/laufband/6er-Kopie_01.jpg" border=1 title="Rosi's Weinladen - Beliebte Weine aus den besten Anbaugebieten"></a>'

//Specify gap between each image (use HTML):
var imagegap=" "

//Specify pixels gap between each slideshow rotation (use integer):
var slideshowgap=5

////NO NEED TO EDIT BELOW THIS LINE////////////

var copyspeed=slidespeed
leftrightslide='<nobr>'+leftrightslide.join(imagegap)+'</nobr>'
var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+leftrightslide+'</span>')
var actualwidth=''
var cross_slide, ns_slide

function fillup(){
if (iedom){
cross_slide=document.getElementById? document.getElementById("ebene1") : document.all.ebene1
cross_slide2=document.getElementById? document.getElementById("ebene2") : document.all.ebene2
cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide
actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth
cross_slide2.style.left=actualwidth+slideshowgap+"px"
}
else if (document.layers){
ns_slide=document.ns_slidemenu.document.ns_slidemenu2
ns_slide2=document.ns_slidemenu.document.ns_slidemenu3
ns_slide.document.write(leftrightslide)
ns_slide.document.close()
actualwidth=ns_slide.document.width
ns_slide2.left=actualwidth+slideshowgap
ns_slide2.document.write(leftrightslide)
ns_slide2.document.close()
}
lefttime=setInterval("slideleft()",30)
}
window.onload=fillup

function slideleft(){
if (iedom){
if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8))
cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed+"px"
else
cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+slideshowgap+"px"

if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8))
cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed+"px"
else
cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+slideshowgap+"px"

}
else if (document.layers){
if (ns_slide.left>(actualwidth*(-1)+8))
ns_slide.left-=copyspeed
else
ns_slide.left=ns_slide2.left+actualwidth+slideshowgap

if (ns_slide2.left>(actualwidth*(-1)+8))
ns_slide2.left-=copyspeed
else
ns_slide2.left=ns_slide.left+actualwidth+slideshowgap
}
}

if (iedom||document.layers){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
if (iedom){
write('<div style="position:relative;width:'+sliderwidth+';height:'+sliderheight+';overflow:hidden">')
write('<div style="position:absolute;width:'+sliderwidth+';height:'+sliderheight+';background-color:'+slidebgcolor+'" onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed">')
write('<div id="ebene1" style="position:absolute;left:0px;top:0px"></div>')
write('<div id="ebene2" style="position:absolute;left:-1000px;top:0px"></div>')
write('</div></div>')
}
else if (document.layers){
write('<ilayer width='+sliderwidth+' height='+sliderheight+' name="ns_slidemenu" bgColor='+slidebgcolor+'>')
write('<layer name="ns_slidemenu2" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
write('<layer name="ns_slidemenu3" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
write('</ilayer>')
}
document.write('</td></table>')
}
}
</script>

[Felix Riesterer]

Liebe(r) Cledi,

merke: Scripte von Dynamicdrive sind immer problematisch, weil unsauber geschrieben.

Linktipp: Autostart eines JavaScriptes (und dann weiterlesen!)

Liebe Grüße,

Felix Riesterer.

[cledi]

Hi Felix,

besten Dank für den Tipp!
Ich verstehe natürlich nicht wirklich, was da gemeint ist, aber ich habe es trotzdem mal probiert.

Also diesen Absatz aus dem originalscript:
---------------------------------------------
function fillup(){
if (iedom){
cross_slide=document.getElementById? document.getElementById("ebene1") : document.all.ebene1
cross_slide2=document.getElementById? document.getElementById("ebene2") : document.all.ebene2
cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide
actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth
cross_slide2.style.left=actualwidth+slideshowgap+"px"
}
else if (document.layers){
ns_slide=document.ns_slidemenu.document.ns_slidemenu2
ns_slide2=document.ns_slidemenu.document.ns_slidemenu3
ns_slide.document.write(leftrightslide)
ns_slide.document.close()
actualwidth=ns_slide.document.width
ns_slide2.left=actualwidth+slideshowgap
ns_slide2.document.write(leftrightslide)
ns_slide2.document.close()
}
lefttime=setInterval("slideleft()",30)
}
window.onload=fillup
------------------------------------------------------

nach der Anleitung mal so reingesetzt:
------------------------------------------------------

function fillup(){
if (iedom){
cross_slide=document.getElementById? document.getElementById("ebene1") : document.all.ebene1
cross_slide2=document.getElementById? document.getElementById("ebene2") : document.all.ebene2
cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide
actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth
cross_slide2.style.left=actualwidth+slideshowgap+"px"
}
else if (document.layers){
ns_slide=document.ns_slidemenu.document.ns_slidemenu2
ns_slide2=document.ns_slidemenu.document.ns_slidemenu3
ns_slide.document.write(leftrightslide)
ns_slide.document.close()
actualwidth=ns_slide.document.width
ns_slide2.left=actualwidth+slideshowgap
ns_slide2.document.write(leftrightslide)
ns_slide2.document.close()
}
lefttime=setInterval("slideleft()",30)
}

var oldWindowOnload = window.fillup;

window.onload = function () {
    if (typeof(oldWindowOnload) == "function") {
        oldWindowOnload();
    }

fillup();
};
-----------------------------------------------------------

bitte nicht gleich hauen, wenn das hahnebüchener Unsinn ist ;-)

Funktioniert hat es zumindest nicht...

gruss cd

[gast42]

function fillup(){
...
}
function fillup(){
...
}

Die zweite Funktion mit gleichem Namen überschreibt hier die erste!

[cledi]

vielleicht verstehe ich hier etwas miss...
aber ich habe nur die zweite variante reingesetzt.

gruss cd

[gast42]

aha, dann rufst du dieselbe Funktion einfach zweimal hintereinander auf:

var oldWindowOnload = window.fillup;  
  
window.onload = function () {  
    if (typeof(oldWindowOnload) == "function") {  
        oldWindowOnload();  
    }  
  
    fillup();  
};

ist nämlich eine umständliche Schreibweise für:

window.onload = function () {  
 fillup();  
 fillup();  
};  

Vermutlich willst du das auch nicht.

[cledi]

Vermutlich willst du das auch nicht.

ne, aber wie sieht es denn richtig aus?

Ich hatte ja geschrieben, dass ich von tuten und blasen keine ahnung habe... stell dir einen menschen vor, der nicht lesen kann und "krieg und frieden" vorgelegt bekommt, obwohl er gerade mal den buchstaben a identifiziert hat und überlegt ob b oder c der nächste in der reihe ist ;-)

[Felix Riesterer]

Liebe(r) cledi,

Ich hatte ja geschrieben, dass ich von tuten und blasen keine ahnung habe...

dann ändere das!

stell dir einen menschen vor, der nicht lesen kann und "krieg und frieden" vorgelegt bekommt, obwohl er gerade mal den buchstaben a identifiziert hat und überlegt ob b oder c der nächste in der reihe ist ;-)

Niemand hat behauptet, dass Du das jetzt sofort verstehen und lösen können musst. Der von mir verlinkte Artikel ist sicherlich nicht so ganz einfach zu verstehen, wenn man die geforderten Minimalkenntnisse nicht mitbringt. Aber was hindert Dich daran, die Dinge, die Du im Artikel noch nicht verstehst, in der Doku nachzulernen?

Liebe Grüße,

Felix Riesterer.

[Kai345]

[latex]Mae  govannen![/latex]

ich habe ein Script, siehe unten, und möchte das zweimal auf einer Seite einsetzen. Im Archiv habe ich hier bereits deswegen gesucht, aber nur gefunden, dass man das Script evtl. anpassen muss. Da ich aber von diesen Dingen leider gar keinen Schimmer habe, jetzt die Frage, ob mir jemand sagen kann, was getan werden muss (wenn es denn nicht viel zu viel verlangt ist - wie gesagt, ich bin da fachlich völlig unbelastet, ich weiss ja nicht mal, ob das javascript ist, sorry! ;)

Das Script ist für Browser ausgelegt, die vor 12 Jahren mal aktuell waren, insofern solltest du wirklich nach einer zeitgemäßeren Variante suchen, auch wenn es theoretisch machbar wäre, das Script jeweils zu kapseln. Wäre aber -wie das Script an sich- ziemlicher Murks, ehrlich gesagt.

Cü,

Kai