Bild-tausch netscape4 im layer

Computer: Software & Programmierung JavaScript & Script-Sprachen
1

hi all,
so tausch ich mein pic im ie und n6

function swap(name,pic) {
…
else {
document.images[name].src = „pix/pfeil“ + pic + „.gif“;
}
}

für den n4 hab ich mir das gedacht
if (document.layers) {
document.layers[divName].document.images[name].src = „pix/pfeil“ + pic + „.gif“;
}

so liegt der div im dokument

bla

warum wechselt netscape das pic nicht??? ich bekomme im javascript fenster ständig hinweise auf has no properties :frowning:

danke für hilfe :smile:
meth
der layer ist nicht weiter verschachtelt…

2

Hi,

document.layers[divName].document.images[name].src =

die Variable divName ist bekannt?

bla

„Damals“ war das id-Attribut noch nicht wirklich bekannt, so daß Netscape 4 es nicht beachtet. Ggf. kannst Du auch id _und_ name angeben - es stört nicht, und id ist zukunftsträchtiger.

Cheatah

3

Hallo,

also bei einem div-Tag sollte man nur id verwenden und nicht name. Das ist in diesem Fall nicht erlaubt, nur in dem speziell fuer Netscpae V4.x vorgesehenen layer-Tag. Bei dem images-Collection solltest Du eine zeroBased Index nehmen und keinen String, also …imgaes[0]… oder darauf achten, dass Dein name-Parameter ein Index ist. Desweiteren muss es heissen:

window.document.layers[„divName“]…

und nicht:

window.document.layers[divName]…

Die Hochkommatas fehlen also noch!

Der Netscape V4.x kann aber nur auf Dein div-Tag zugreifen, wenn die division den Style position:absolute; hat. Ansonsten musst Du noch ein layer-Tag aussen oder innen rum machen:

blabla

CU

4

hi vir2all,
jetzt hab ich es so versucht

window.document.layers[„divUp“].document.images[0].src = „pix/pfeil“ + pic + „.gif“;

er sagt aber immer noch "has no properties…findet das einfach nicht…

(

5

Hallo,

ich denke, dass ist schon so richtig wie ich gesagt habe, obwohl ich es nicht getestet habe. Das es bei Dir nich klappt, kann viele Gruende haben.

Ist die besagte division vielleicht schon in einer weiteren Division?
Ist der Name der Division richtig und als id zugewiesen?
Ist die Division absolute positioniert, gibt es also im Style-Bereich oder im Division-Element sowas wie:

#divUp
{
position:absolute;
}

Ist ein img-Tag im div enthalten ueber das man die source der grafik austauschen kann?
Ist die Pfad-Angabe richtig (Gross/Kleinschreibung)?

usw.

Das wichtigste ist aber, dass der Netscape ohne die Angabe position:absolute; nicht arbeiten kann wie N6 oder IE4/5 !!!

CU

6

hi v2all,
dank erstmal für deine mühe.

also die division liegt nicht in einer weiteren, es ist also nix verschachtelt; desweiteren ist die id richtig und richtig zugewiesen, das ding ist absolut von links und oben positioniert, das bild hat sowohl den namen 0 als es auch das einzige bild in der division ist und somit ja automatisch den index 0 hat oder irre ich mich jetzt? zählt der netscape vielleicht die indizes von images „nur“ einmal komplett pro seite durch? ich versuchs mal…ansonsten weiss ich auch nicht weiter, ich probier jetzt nochmal was

cu

7

versuch x
hi v2all
ich habs jetzt mal so versucht:

window.document.layers[„divDown“].document[„sukka“].src = „pix/pfeil“ + pic + „.gif“;

div sieht so aus

jetzt gibt es zumindest KEIN java-script error mehr im browser, aber es funzt trotzdem nicht, habs auch schon über index versucht, da gibts aber java-script errors…auf oben genannte weise hört aber irgendwann mein scroll-button auf zu scrollen sie so aus als wenn er sich irgendwann aufhängen würde

(

grüsse
meth

8

**Hallo,

ich hab da heute mal selber was nach der Arbeit gebastelt zum ausprobieren. Ich denke, da findest Du alles was Du brauchst. Einfach alles von html bis /html in eine html-Datei kopieren und in einen Browser laden. Funktioniert uebrigens im Netscape V4.x, MSIE V4.x/5.x, Netscape V6.x (nicht getestet), Gecko sowie Opera V5.x. Da es in Gecko funzt, sollte es eigentlich auch in Netscape V6.x funzen. Damit ist die Sache fuer mich erledigt!!!**

ScrollTest
\<!--

body
{
 margin:10px;
 background-color:#3A6EA5;
 font-family:Arial,Helvetica,Sans-serif;
 font-style:normal;
 font-weight:normal;
 font-size:12px;
 text-decoration:none;
 color:black;
}

a { text-decoration:none; }

#idDivScroll
{
 position:absolute;
 top:10px;
 left:10px;
 width:60px;
 height:60px;
 clip:rect(0px 60px 60px 0px);
 z-index:1;
 visibility:hide;
 visibility:hidden;
}

--\>

\<!--

////////////////////////////////////////
// Set these global range definitions:

var strTextUp = "Scrolling Up..."; // StatusBar Text
var strTextDown = "Scrolling down..."; // StatusBar Text

var lyrXpos = 10; // Initial layer Xposition
var lyrYpos = 10; // Initial layer Yposition

var cmdOffsetX = ""; // Scroll Xposition command string
var cmdOffsetY = ""; // Scroll Yposition command string

var bReady = false; // Is document ready for work?
var bScroll = false; // Is in own scroll status?

var defDiv ="idDivScroll"; // id string of layer or divivion

var objDiv = null; // layer or division object
var objImg = null; // images collection object

var scrollPX = 10; // Pixel scroll interval
var scrollDX = 0; // No scrolling support for Xdirection
var scrollDY = scrollPX; // Scroll only in Ydirection

var scrollDelay = 50; // Checking scroll position performance [msec]
var scrollInst = null; // Scrolling Handle (no use here)

////////////////////////////////////////////
// Image Up and Down onmouseout resources:

var imgArrowUpOut = new Image(26,26);
 imgArrowUpOut.src = "./arrowupout.gif";
var imgArrowDownOut = new Image(26,26);
 imgArrowDownOut.src = "./arrowdownout.gif";

/////////////////////////////////////////////
// Image Up and Down onmouseover resources:

var imgArrowUpOver = new Image(26,26);
 imgArrowUpOver.src = "./arrowupover.gif";
var imgArrowDownOver = new Image(26,26);
 imgArrowDownOver.src = "./arrowdownover.gif";

////////////////////////////////////////////////
// Calling back function by onmouseover event:

function onInitScroll(prmImgId)
{
 if (bReady) {
 bScroll = true;
 if (prmImgId=="idImageUp") {
 scrollDY = -scrollPX;
 changeImage(prmImgId,"imgArrowUpOver");
 changeStatus(strTextUp);
 } else if (prmImgId=="idImageDown") {
 scrollDY = +scrollPX;
 changeImage(prmImgId,"imgArrowDownOver");
 changeStatus(strTextDown);
 }
 }
}

///////////////////////////////////////////////
// Calling back function by onmouseout event:

function onEndScroll(prmImgId)
{
 if (bReady) {
 bScroll = false;
 if (prmImgId=="idImageUp") {
 scrollDY = 0;
 changeImage(prmImgId,"imgArrowUpOut");
 changeStatus();
 } else if (prmImgId=="idImageDown") {
 scrollDY = 0;
 changeImage(prmImgId,"imgArrowDownOut");
 changeStatus();
 }
 }
}

//////////////////////////////////////
// Change the window statusbar text:

function changeStatus(prmText)
{
 window.status = prmText ? prmText : "";
}

///////////////////////////////////////////////////////////
// Change the layer visibility using boolean as argument:

function setVisibility(prmVisible)
{
 if (window.document.layers) {
 objDiv.visibility = prmVisible ? "show" : "hide";
 } else {
 objDiv.visibility = prmVisible ? "visible" : "hidden";
 }
}

///////////////////////////////////////////////////////
// Change the image source using string as arguments:

function changeImage(prmImgId,prmImgSrc)
{
 var cmdStr = "objImg." + prmImgId + ".src=" + prmImgSrc + ".src;";
 eval(cmdStr);
}

///////////////////////////////////////////////////
// Set the layer position using none pixel units:

function moveLayerTo(prmXpos,prmYpos)
{
 if (window.document.layers) { // tue to Netscape V4.x
 objDiv.moveTo(prmXpos,prmYpos);

 } else if (!window.document.all && window.documentElement) { // tue to Netscape V6.x and Gecko
 objDiv.left = prmXpos+"px";
 objDiv.top = prmYpos+"px";

 } else if (window.document.all && !window.document.getElementById) { // tue to MSIE V4.x
 objDiv.pixelLeft = prmXpos;
 objDiv.pixelTop = prmYpos;

 } else { // tue to MSIE V5.x and Opera V5.x
 objDiv.left = prmXpos;
 objDiv.top = prmYpos;
 }
}

///////////////////////////////////////////////////////////////////////////
// Work around Netscape V4.x resize bug (calling back by onresize event):

function onInnerResize()
{
 if (window.saveInnerWidth != window.innerWidth || window.saveInnerHeight != window.innerHeight) {
 window.location.reload();
 }

 window.saveInnerWidth = window.innerWidth;
 window.saveInnerHeight = window.innerHeight;

 return(false);
}

////////////////////////////////////
// Setting the scrolling position:

function setScrollStatus()
{
 if (bScroll) {
 self.scrollBy(scrollDX,scrollDY);
 }

 var newXpos = eval(cmdOffsetX);
 var newYpos = eval(cmdOffsetY);

 moveLayerTo(newXpos+lyrXpos,newYpos+lyrYpos);

 scrollInst = self.setTimeout("setScrollStatus()",scrollDelay);
}

////////////////////////////////////////////////////////////////////////////////////
// Init required resources when document is loaded (calling back by onload event):

function onInit()
{
 if (window.document.layers) { // tue to Netscape V4.x
 objImg = window.document.layers[defDiv].document.images;
 objDiv = window.document.layers[defDiv];

 cmdOffsetX = "window.pageXOffset";
 cmdOffsetY = "window.pageYOffset";

 // Netscape V4.x work around resize bug
 window.saveInnerWidth = window.innerWidth;
 window.saveInnerHeight = window.innerHeight;
 window.onresize = onInnerResize;

 } else {
 objImg = window.document.images;

 if (!window.document.all && window.document.documentElement) { // tue to Netsacpe V6.x and Gecko
 objDiv = window.document.getElementById(defDiv).style;
 cmdOffsetX = "window.pageXOffset";
 cmdOffsetY = "window.pageYOffset";

 } else if (window.document.all && window.document.documentElement) { // tue to MSIE V5.x
 objDiv = window.document.getElementById(defDiv).style;
 cmdOffsetX = "window.document.body.scrollLeft";
 cmdOffsetY = "window.document.body.scrollTop";

 } else if (window.document.all && !window.document.getElementById) { // tue to MSIE V4.x
 objDiv = window.document.all[defDiv].style;
 cmdOffsetX = "window.document.body.scrollLeft";
 cmdOffsetY = "window.document.body.scrollTop";

 } else if (window.document.getElementById) { // tue to Opera V5.x
 objDiv = window.document.getElementById(defDiv).style;
 cmdOffsetX = "window.pageXOffset";
 cmdOffsetY = "window.pageYOffset";
 }
 }

 if (objDiv) {
 setScrollStatus();
 setVisibility(true);
 bReady = true;
 } else {
 bReady = false;
 }
}

//--\>

[  
](javascript:void(0))

[  
](javascript:void(0))


TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
9

du bist ja echt der craziest typ den ich hier gesehen habe, vielen danke man. freaks come out at night gelle!

:wink:
ich blick das skript nicht ganz aber ich werd es auf jeden fall einsetzen!

meth