Layer again

toerag · 11.11.2002, 21:19

also langsam glaube ich, das ich die sache mit den Layern eventuell doch sein lassen sollte.

also es geht sich um die sache, das ich einen srollbaren Layer mit einer Extension erstellt habe. soweit so gut.... ABER wenn ich im NS 4.x mir die size ansehe, und relsize dan stimmen meine up/down-layer nicht mehr.
hier könnt ihr es euch mal ansehen.
hoffe jemand weiss bescheid.
Layer2Style habe ich auch schon benutzt.. hat auch net gefunzt

also ich bastel schon seid 2 tagen an layern rum und bekomme bald so nen richtig dicken hals..... und das nur wegen Netscape

Flocke · 12.11.2002, 10:33

Daß Du Layer2Style genutzt hast,war richtig. Trotzdem sind aber noch Layer-Definitionen im Body. Ich nehme mal an, daß NS4 die dann interpretiert. Ist ja auch korrekt so, denn jede Style-Anweisung im Body überschreibt natürlich die im Head.

Du kannst Layer2Style auch mehrmals anwenden.
Aus der Beschäftigung mit Deinem anderen Problem hab e ich allerdings den Eidnruck, daß Du noch Dreamweaver 3 benutzt.
Solltest Du diese Seiten nicht nur aus Hobby sondern ernsthaft machen, dann schaff Dir am besten DW MX an. Der ist nämlich auch in der Lage, Styleanweisungen in externen Dateien zu aktualisieren.

BTW: Softe doch mal das Hintergrundbild mit dem Ring stark ab. Der Lesekontrast ist nicht besonders toll.

toerag · 12.11.2002, 10:50

also danke erstmal für deinen post, ich arbeite mit Dreamweaver 4 und bin wahrscheinlich kurz davor auf MX umzusteigen

nur wollte noch die ganzen Bugs abwarten

ich glaube das Problem bei Layer2Style war das, das dann ein browser ( IE glaube ich) den text nicht mehr angezeigt hatte.

also wieder ein problem mehr

hoffe du kannst mir weiterhin helfen.
der BG wird sowieso noch geändert, da es nur ein Bsp. war und der auftraggeber logischerweise seine eigenen sachen präsentieren möchte

nur die hatte ich noch nicht.

Flocke · 12.11.2002, 10:58

Layer2Style nimmt man wegen "Gottes Strafe für den Webdesigner", also Netscape 4.x, IE zeigt prinzipiell fast allen Scheiß an, auch wenn man vollkommen falsch codet.

Hast Du schon ausgetestet, ob es an den Style-Definitionen im Body lag ? Ist jedenfalls meine Vermutung.

A k i m o · 12.11.2002, 12:36

Hi toerag,

des Rätsels Lösung heisst mal wieder "redoit", wie ich es auch schon mal in einem Thread von Dir beschrieben habe: Klick.
Bin mir ziemlich sicher, daß NN4 damit nach dem Resizen alles wieder richtig positioniert bekommt.

Da Du öfters mit snap Layer arbeitest, solltest Du das für die NN4-Tauglichkeit IMMER mit einsetzen...

Gruß

A k i m o.

toerag · 12.11.2002, 13:34

@ AKIMO

Zitat:

des Rätsels Lösung heisst mal wieder "redoit", wie ich es auch schon mal in einem Thread von Dir beschrieben habe.

leider bekomme ich das nicht hin.. da diese option immer nur grau unterlegt ist. habe es auch damals in dem anderen thread wo diu mir geholfen hattest, versucht und bin auch nicht weiter gekommen.. deshalb wieder mal das gleiche Problem...
<verzweifel> so blöd kann ich doch gar net sein </verzweifel>

A k i m o · 12.11.2002, 13:54

Mensch, jetzt butter Dich doch nicht so runter...

Hat doch nix mit blöd sein zu tun...

Ich weiß jetzt wirklich nicht woran das liegt. Ich hatte das mit DW4 auch schon häuffig erfolgreich eingesetzt, DW hat es ohne Mucken umgesetzt. Vielleicht solltest Du DW mal neu installieren (vorher restlos deinstallieren) Wenn es hier um Fehlfunktionen von DW geht ist das oft die letzte (und einzige) Lösung.

Vielleicht gehst Du das noch mal durch, nur um Anwendungsfehler auszuschliessen. Wenn sich das Verhalten unter keinen Umständen hinzufügen lässt, rate ich dringend zu einer Neuinstallation von DW.

Ich würde Dir im Übrigen schon fast garantieren, das "redoit" das Problem behebt. Zur Not kannst Du es ja auch über den Quelltext einsetzen. Dazu must Du das hier zu den JS Definitionen in den Head setzen:
------------------------------------------------
MM_reloadPage(true);

function P7_ReDoIt() { //v1.21 by PVII
if(document.layers) {MM_reloadPage(false);}
}
------------------------------------------------
Und dann per onResize im <body> aufrufen:
------------------------------------------------
<body onResize="P7_ReDoIt()">
------------------------------------------------
Sollte an erster Stelle aufgerufen werden, vor Snap Layer!

Gruß

A k i m o.

toerag · 12.11.2002, 14:16

hmm ... naja mal sehen wenn es nur das ist .. dann ist es ja ok

wir werden sehen ..
habe es gerade mal getestet. entweder habe ich es an die falshcen stellen gesetzt oder da ist noch was anderes falsch gelaufen

hier ist mal den alte QC

PHP-Code:


			
<html>

<head>

<title>Untitled Document</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<STYLE TYPE='text/css'>

<!-- TextRollover-1 -->

a:link { color:#000000; text-decoration:none}

a:visited { color:#000000; text-decoration:none}

a:hover { color:#000000; text-decoration:none; cursor:hand}

a:active { color:#000000; text-decoration:none}

  

#divUpControl{position:absolute; width:443; left:169; top:117; z-index:1; text-align: right} 

#divDownControl{position:absolute; width:443; left:169; top:357; z-index:1; text-align: right} 

#divContainer{position:absolute; width:443; height:220; overflow:hidden; top:137; left:169; clip:rect(0,443,220,0); visibility:hidden} 

#divContent{position:absolute; top:0; left:0} 



</STYLE>

<script language="JavaScript">// begin absolutely positioned scrollable area object scripts 

// Extension developed by David G. Miles 

// Original Scrollable Area code developed by Thomas Brattli 

function verifyCompatibleBrowser(){ 

    this.ver=navigator.appVersion 

    this.dom=document.getElementById?1:0 

    this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0; 

    this.ie4=(document.all && !this.dom)?1:0; 

    this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0; 

 

    this.ns4=(document.layers && !this.dom)?1:0; 

    this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5) 

    return this 

} 

bw=new verifyCompatibleBrowser() 

 

 

var speed=50 

 

var loop, timer 

 

function ConstructObject(obj,nest){ 

    nest=(!nest) ? '':'document.'+nest+'.' 

    this.el=bw.dom?document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+'document.'+obj):0; 

    this.css=bw.dom?document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+'document.'+obj):0; 

    this.scrollHeight=bw.ns4?this.css.document.height:this.el.offsetHeight 

    this.clipHeight=bw.ns4?this.css.clip.height:this.el.offsetHeight 

    this.up=MoveAreaUp;this.down=MoveAreaDown; 

    this.MoveArea=MoveArea; this.x; this.y; 

    this.obj = obj + "Object" 

    eval(this.obj + "=this") 

    return this 

} 

function MoveArea(x,y){ 

    this.x=x;this.y=y 

    this.css.left=this.x 

    this.css.top=this.y 

} 

 

function MoveAreaDown(move){ 

    if(this.y>-this.scrollHeight+objContainer.clipHeight){ 

    this.MoveArea(0,this.y-move) 

    if(loop) setTimeout(this.obj+".down("+move+")",speed) 

    } 

} 

function MoveAreaUp(move){ 

    if(this.y<0){ 

    this.MoveArea(0,this.y-move) 

    if(loop) setTimeout(this.obj+".up("+move+")",speed) 

    } 

} 

 

function PerformScroll(speed){ 

    if(initialised){ 

        loop=true; 

        if(speed>0) objScroller.down(speed) 

        else objScroller.up(speed) 

    } 

} 

 

function CeaseScroll(){ 

    loop=false 

    if(timer) clearTimeout(timer) 

} 

var initialised; 

function InitialiseScrollableArea(){ 

    objContainer=new ConstructObject('divContainer') 

    objScroller=new ConstructObject('divContent','divContainer') 

    objScroller.MoveArea(0,0) 

    objContainer.css.visibility='visible' 

    initialised=true; 

} 

// end absolutely positioned scrollable area object scripts 



</script>

<script language="JavaScript">

<!--

<!--

function MM_reloadPage(init) {  //reloads the window if Nav4 resized

  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {

    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}

  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();

}

MM_reloadPage(true);

// -->



function MM_findObj(n, d) { //v4.01

  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {

    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}

  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];

  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);

  if(!x && d.getElementById) x=d.getElementById(n); return x;

}



function P7_Snap() { //v2.63 by PVII

 var x,y,ox,bx,oy,p,tx,a,b,k,d,da,e,el,tw,q0,xx,yy,w1,pa='px',args=P7_Snap.arguments;a=parseInt(a);

 if(document.layers||window.opera){pa='';}for(k=0;k<(args.length);k+=4){

 if((g=MM_findObj(args[k]))!=null){if((el=MM_findObj(args[k+1]))!=null){

 a=parseInt(args[k+2]);b=parseInt(args[k+3]);x=0;y=0;ox=0;oy=0;p="";tx=1;

 da="document.all['"+args[k]+"']";if(document.getElementById){

 d="document.getElementsByName('"+args[k]+"')[0]";if(!eval(d)){

 d="document.getElementById('"+args[k]+"')";if(!eval(d)){d=da;}}

 }else if(document.all){d=da;}if(document.all||document.getElementById){while(tx==1){

 p+=".offsetParent";if(eval(d+p)){x+=parseInt(eval(d+p+".offsetLeft"));y+=parseInt(eval(d+p+".offsetTop"));

 }else{tx=0;}}ox=parseInt(g.offsetLeft);oy=parseInt(g.offsetTop);tw=x+ox+y+oy;

 if(tw==0||(navigator.appVersion.indexOf("MSIE 4")>-1&&navigator.appVersion.indexOf("Mac")>-1)){

  ox=0;oy=0;if(g.style.left){x=parseInt(g.style.left);y=parseInt(g.style.top);}else{

  w1=parseInt(el.style.width);bx=(a<0)?-5-w1:-10;a=(Math.abs(a)<1000)?0:a;b=(Math.abs(b)<1000)?0:b;

  x=document.body.scrollLeft+event.clientX+bx;y=document.body.scrollTop+event.clientY;}}

 }else if(document.layers){x=g.x;y=g.y;q0=document.layers,dd="";for(var s=0;s<q0.length;s++){

  dd='document.'+q0[s].name;if(eval(dd+'.document.'+args[k])){x+=eval(dd+'.left');y+=eval(dd+'.top');

  break;}}}e=(document.layers)?el:el.style;xx=parseInt(x+ox+a),yy=parseInt(y+oy+b);

 if(navigator.appVersion.indexOf("MSIE 5")>-1 && navigator.appVersion.indexOf("Mac")>-1){

  xx+=parseInt(document.body.leftMargin);yy+=parseInt(document.body.topMargin);}

 e.left=xx+pa;e.top=yy+pa;}}}

}

//-->

</script>

</head>

<body bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" scroll="auto" onLoad="InitialiseScrollableArea();P7_Snap('jg_r1_c1','divDownControl',75,250,'jg_r1_c1','divContainer',50,40,'jg_r1_c1','divUpControl',75,30)" onResize="P7_Snap('jg_r1_c1','divContainer',50,40,'jg_r1_c1','divDownControl',75,250,'jg_r1_c1','divUpControl',75,30)">

<!-- begin absolutely positioned scrollable area object-->

<div id="divUpControl" style="left: 202px; top: 117px"> <a href="javascript:;" onMouseOver="PerformScroll(-7)" onMouseOut="CeaseScroll()"><img src="sitepics/oben.gif" width="35" height="9" border="0"></a> 

</div>

<div id="divContainer" style="left: 169px; clip: rect(0 435 220 0); height: 210; top: 131px; width: 435; visibility: visible"> 

  <div id="divContent"> <b>Scroll Area Content Start</b> 

    <p> Lorem ipsum dolor sit amet, consectetur adipscing elit, sed diam nonnumy 

      eiusmod tempor incidunt ut labore et dolore magna aliquam erat volupat.</p>

    <p>Et harumd dereud facilis est er expedit distinct. Nam liber a tempor cum 

      soluta nobis eligend optio comque nihil quod a impedit anim id quod maxim 

      placeat facer possim omnis es voluptas assumenda est, omnis dolor repellend. 

      Temporem autem quinsud et aur office debit aut tum rerum necesit atib saepe 

      eveniet ut er repudiand sint et molestia non este recusand.</p>

    <p>Lorem ipsum dolor sit amet, consectetur adipscing elit, sed diam nonnumy 

      eiusmod tempor incidunt ut labore et dolore magna aliquam erat volupat.</p>

    <p>Et harumd dereud facilis est er expedit distinct. Nam liber a tempor cum 

      soluta nobis eligend optio comque nihil quod a impedit anim id quod maxim 

      placeat facer possim omnis es voluptas assumenda est, omnis dolor repellend. 

      Temporem autem quinsud et aur office debit aut tum rerum necesit atib saepe 

      eveniet ut er repudiand sint et molestia non este recusand.</p>

    <b>Scroll Area Content End</b> </div>

</div>

<div id="divDownControl" style="left: 202px; top: 328px"> <a href="javascript:;" onMouseOver="PerformScroll(7)" onMouseOut="CeaseScroll()"><img src="sitepics/unten.gif" width="38" height="9" border="0"></a> 

</div>

<!-- end absolutely positioned scrollable area object -->

<map name="jg_r2_c3Map"> 

  <area shape="rect" coords="86,36,134,45" href="#" alt="Ketten" title="Ketten" onFocus="if(this.blur)this.blur()">

  <area shape="rect" coords="86,48,130,56" href="#" alt="Ringe" title="Ringe" onFocus="if(this.blur)this.blur()">

  <area shape="rect" coords="84,58,167,66" href="#" alt="Armschmuck" title="Armschmuck" onFocus="if(this.blur)this.blur()">

  <area shape="rect" coords="83,71,115,78" href="#" onFocus="if(this.blur)this.blur()">

</map>

<map name="jg_r3_c2Map"> 

  <area shape="rect" coords="-7,30,42,45" href="#" alt="Unternehmen" title="Unternehmen" onFocus="if(this.blur)this.blur()">

  <area shape="rect" coords="55,30,139,44" href="#" alt="Schmuckstuecke" title="Schmuckstuecke" onFocus="if(this.blur)this.blur()">

  <area shape="rect" coords="152,30,206,44" href="#" alt="Angebote" title="Angebote" onFocus="if(this.blur)this.blur()">

  <area shape="rect" coords="221,31,266,43" href="#" alt="Kontakt" title="Kontakt" onFocus="if(this.blur)this.blur()">

  <area shape="rect" coords="278,30,337,43" href="#" alt="Impressum" title="Impressum" onFocus="if(this.blur)this.blur()">

  <area shape="rect" coords="202,170,261,181" href="#" alt="Impressum" title="Impressum" onFocus="if(this.blur)this.blur()">

  <area shape="rect" coords="273,170,389,179" href="#" alt="Website online weiterempfehlen" title="Website online weiterempfehlen" onFocus="if(this.blur)this.blur()">

  <area shape="rect" coords="399,170,422,179" href="#" alt="Allgemeine Geschaeftsbedingungen" title="Allgemeine Geschaeftsbedingungen" onFocus="if(this.blur)this.blur()">

  <area shape="rect" coords="429,169,474,180" href="#" alt="Kontakt" title="Kontakt" onFocus="if(this.blur)this.blur()">

</map>

<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">

  <tr> 

    <td> 

      <table width="750" border="1" cellspacing="0" cellpadding="0" bordercolor="#000000" align="center">

        <tr> 

          <td bordercolor="#FFFFFF"> 

            <table border="0" cellpadding="0" cellspacing="0" width="750" align="center">

              <tr> 

                <td colspan="3"><img name="jg_r1_c1" src="sitepics/jg_r1_c1.gif" width="750" height="28" border="0" galleryimg="no"></td>

              </tr>

              <tr> 

                <td rowspan="2"><img name="jg_r2_c1" src="sitepics/jg_r2_c1.gif" width="37" height="422" border="0" usemap="#jg_r2_c1Map" galleryimg="no"></td>

                <td width="480" height="238" background="sitepics/jg_r2_c2.gif">&nbsp;</td>

                <td rowspan="2"><img name="jg_r2_c3" src="sitepics/jg_r2_c3.gif" width="233" height="422" border="0" usemap="#jg_r2_c3Map" galleryimg="no"></td>

              </tr>

              <tr> 

                <td><img name="jg_r3_c2" src="sitepics/jg_r3_c2.gif" width="480" height="184" border="0" usemap="#jg_r3_c2Map" galleryimg="no"></td>

              </tr>

            </table>

          </td>

        </tr>

      </table>

    </td>

  </tr>

</table>

<map name="jg_r2_c1Map"> 

  <area shape="rect" coords="8,267,73,282" href="#" alt="Unternehmen" title="Unternehmen" onFocus="if(this.blur)this.blur()">

</map>

</body>

</html>

trotzdem schönen tag noch

Flocke · 12.11.2002, 14:40

Zitat:

Original geschrieben von toerag

PHP-Code:


			
<html>

<head>

/*.... gelöscht*/

<STYLE TYPE='text/css'>



/*.... gelöscht*/  

#divUpControl{position:absolute; width:443; left:169; top:117; z-index:1; text-align: right} 

#divDownControl{position:absolute; width:443; left:169; top:357; z-index:1; text-align: right} 

#divContainer{position:absolute; width:443; height:220; overflow:hidden; top:137; left:169; clip:rect(0,443,220,0); visibility:hidden} 

#divContent{position:absolute; top:0; left:0} 

</STYLE>



/*gelöscht*/



<div id="divContainer" style="left: 169px; clip: rect(0 435 220 0); height: 210; top: 131px; width: 435; visibility: visible"> 



<div id="divDownControl" style="left: 202px; top: 328px">

Wie ich schonmal erwähnte: Entweder definierst Du den Layer in den Styles im Head oder aber direkt. Beides zusammen ist nicht gut. Vor allem: NS 4 mag keine Styledefinitionen von Nested Layers im body. Dafür gibt es ja Layer2Style.
Also geh doch bitte mal diesem Hinweis nach, bevor Du nochmal den kilometerlangen Quellcode postest, den ich ja auch über den Browser herausfinden kann. ;-)

toerag · 12.11.2002, 15:47

liebe(r) flocke, ich habe es versucht, doch leider habe ich es nicht hinbekommen... habe es versucht, doch irgendwie hat das alles nicht hingehauen .. deshalb poste ich ja

A k i m o · 12.11.2002, 16:28

Wie schon erwähnt, baue mal "redoit" per Hand ein und alle Positionierungsprobleme onResize dürften behoben sein.

Nochmal zur Verdeutlichung:
DW erzeugt automatisch (default Einstellung) beim Einfügen von Ebenen einen JS Code, der im Falle NN4 den Browser beim Resizen refresht und somit die Ebenen neu positioniert. Der "NN4 Resize Fix" lässt sich auch manuell übers DW Menü "Befehle" einsetzen oder entfernen.

Da dieser NNBugfix on Resize anspricht, kann es zu Konflikten führen unter den Funktionen die onResize ausgeführt werden (in Deinem Fall Snap Layer), so daß ein Chaos in der Layeranordnung im NN4 oft die Folge ist.

Um diese Konflikte aus dem Weg zu räumen hat man bei PVII "Redoit" geschaffen.

Im Übrigen würde ich solche Dopplungen aus dem Quelltext entfernen, wie sie beim Einfügen von weiteren Verhalten durch DW manchmal automatisch eingepflanzt werden. Es reicht aus, wenn das:

<script language="JavaScript">
<!--
<!--

Nur einmal zu Anfang aller JS Definitionen im Head steht
Entsprechend müssen dann alle überflüssigen Schlußtags </script> auch enfernt werden.

In Deinem Quellcode kommt es auch zu einer solchen Dopplung. Auch wenn es oft von gutmütigen Browsern überlesen wird, würde ich es immer entfernen. Vor allem wenn man ohnehin bei der Fehlerbehebung ist.

Gruß

A k i m o.

toerag · 12.11.2002, 19:02

hey leutz (vor allem akimo)
anscheinend klappt es jetzt endlich ...
könnt ja noch mal hier gucken.. ich glaube eigentlich müsste es klappen ....

meagdolles danke schön an dich, akimo.... und danke für die PM, war echt aufbauend..

jett habe ich nur noch das andere pob mit den layern...

A k i m o · 12.11.2002, 19:15

Hi,

bis auf Opera läufts nun. Im IE sowieso und im NN4.08 u. 4.78 kein Problem mehr beim Resizen. Für Opera gibts bei PVII auch noch einen Resize Fix.

Gruß

A k i m o.

toerag · 12.11.2002, 19:30

guckst du nochmal?

Layer again

so nu endlich