Java Script ---> Wo anfangen??

**SeCa** · 22-01-2003, 09:56

Hallo zusammen
Was soll ich tun ich habe den folgenden Code und muss ihn irgendwie verstehen. Ich habe im angehängten bild einen printscreen vom resultat. Und ich müsste jetzt Herausfinden wie ich die links auf der rechten seite ändern kann. Blickt ihr bei diesem Code durch??

PHP-Code:




<html> 

<head>

<title>ABB</title>

<script language="JavaScript">

<!--

function Feedback()

{

  var soPageURL



  soPageURL = new String(window.document.forms[0].Page.value)

  i1 = soPageURL.indexOf('http://')

  if (i1 >= 0) soPageURL = escape(soPageURL.substring(7, soPageURL.length))



  feedback = window.open("/global/abbzh/abbzh433.nsf/frmWebFeedback!OpenForm&Site=Inside.ABB - CH Main&Section="+window.document.forms[0].SubSection.value+"&Page="+soPageURL+"&Language=ge","Feedback","width=420,height=435,toolbar=0,directories=0,menubar=0,status=no,resizable=0,location=0,scrollbars=0,copyhistory=0,alwaysRaised=1");

}



function Search()

{

  if (window.document.forms[0].Site.value == '')  window.document.forms[0].Site.value="global*gad*gad00178.nsf"

  if (window.document.forms[0].Site.value.substring(0, 1) == '*') {

    window.document.forms[0].Site.value = window.document.forms[0].Site.value.substring(1, window.document.forms[0].Site.value.length)

  }

//  window.open("http://138.227.174.116&l=ge&site=" + window.document.forms[0].Site.value + "&section=" + window.document.forms[0].SectionType.value + "","popupsearch","width=615,height=500,toolbar=0,directories=0,menubar=0,status=1,resizable=1,location=0,scrollbars=1,copyhistory=0");

  window.open("http://138.221.224.36","popupsearch","width=840,height=600,toolbar=0,directories=0,menubar=0,status=1,resizable=1,location=0,scrollbars=1,copyhistory=0");

}



function openWindow() {

  popupWin = window.open('/global/abbzh/abbzh255.nsf/Flashdetect.htm', 'remote', 'width=500,height=420,left=0,top=0')

}



var globalDivs = new Array( 6 );

function preloadImages() { //v3.0

    var d=document;

    if (d.images) {

        if (!d.p) {

            d.p=new Array();

        }

            var i,j=d.p.length,a=preloadImages.arguments;

        for (i=0; i<a.length; i++) {

            if (a[i].indexOf("#")!=0) {

                d.p[j]=new Image; d.p[j++].src=a[i];

            }

        }

    }

    preloadDivs( globalDivs );

    playAnimation( 'infolayer', globalDivs );

}

var menuInfo = new Array(6);    // content is set in init function

var ns4 = (document.layers)? true:false;

var ns6 = (document.getElementById)? true:false;

var ie4 = (document.all)? true:false;

//var ie5 = false;

    menuInfo[0] = "<div align='right'> </div>";

    menuInfo[1] = "<div align='right'>Help</div>";

    menuInfo[2] = "<div align='right'>Search</div>";

    menuInfo[3] = "<div align='right'>Contact us</div>";

    menuInfo[4] = "<div align='right'>Home</div>";

    menuInfo[5] = "<div align='right'>Sitemap</div>";

    menuInfo[6] = "<div align='right'>[url]www.abb.com/ch[/url]</div>";

/**

 * setDivColor

 * @description Sets the background color for the div object passed in.

 **/

function setDivColor( obj,sColor ) {

    if( ns4 )

        obj.bgColor = sColor;

    else

        obj.style.backgroundColor = sColor;

}

/**

 * preloadDivs

 *

 * @description Preloads all the divs used for the MouseOver and ainmation effects.

 **/

function preloadDivs( divArray ) {

    if( ns4 ) {

        // ns4 clients needs to get the bgColor set here

        globalDivs[0] = document.layers["sokDiv"];

        globalDivs[0].bgColor = "#164781";

        globalDivs[1] = document.layers["mailDiv"];

        globalDivs[1].bgColor = "#164781";

        globalDivs[2] = document.layers["homeDiv"];

        globalDivs[2].bgColor = "#164781";

        globalDivs[3] = document.layers["sitemapDiv"];

        globalDivs[3].bgColor = "#164781";

        globalDivs[4] = document.layers["worldDiv"];

        globalDivs[4].bgColor = "#164781";

    } else {

        divArray[0] = document.getElementById( 'sokDiv' );

        divArray[1] = document.getElementById( 'mailDiv' );

        divArray[2] = document.getElementById( 'homeDiv' );

        divArray[3] = document.getElementById( 'sitemapDiv' );

        divArray[4] = document.getElementById( 'worldDiv' );

    }

}

    

/**

 * playAnimation

 *

 * @description Plays the ABB to icons animation.

 * @parameter infoLayer - the layer to write the animation text onto.

 * @author [email]espen.dallokken@bekk.no[/email]

 **/ 

 function playAnimation( lyrId, imageArray ) {

    //layerWrite( 'infolayer', menuInfo[2] );

    sec = 0;

    time = 1000;

    time2 = 0;

    setTimeout( "layerWrite( 'infolayer', menuInfo[2], '2' )", sec );

    setTimeout( "setDivColor( globalDivs[0], '#4A91D9' )", sec );

    sec += time;

    setTimeout( "layerWrite( 'infolayer', menuInfo[0])", sec);

    setTimeout( "setDivColor( globalDivs[0], '#164781' )", sec );

    sec += time2;

    setTimeout( "layerWrite( 'infolayer', menuInfo[3],3 )", sec );

    setTimeout( "setDivColor( globalDivs[1], '#4A91D9' )", sec );

    sec += time;

    setTimeout( "setDivColor( globalDivs[1], '#164781' )", sec );

    setTimeout( "layerWrite( 'infolayer', menuInfo[0] )", sec );

    sec += time2;

    setTimeout( "setDivColor( globalDivs[2], '#4A91D9' )", sec );    

    setTimeout( "layerWrite( 'infolayer', menuInfo[4],4 )", sec );

    sec += time;

    setTimeout( "setDivColor( globalDivs[2], '#164781' )", sec );

    setTimeout( "layerWrite( 'infolayer', menuInfo[0] )", sec );

    sec += time2;

    setTimeout( "setDivColor( globalDivs[3], '#4A91D9' )", sec );    

    setTimeout( "layerWrite( 'infolayer', menuInfo[5],5 )", sec );

    sec += time;

    setTimeout( "setDivColor( globalDivs[3], '#164781' )", sec );

    setTimeout( "layerWrite( 'infolayer', menuInfo[0] )", sec );

    sec += time2;

    setTimeout( "setDivColor( globalDivs[4], '#4A91D9' )", sec );

    setTimeout( "layerWrite( 'infolayer', menuInfo[6],6 )", sec );

    sec += time;

    setTimeout( "layerWrite( 'infolayer', menuInfo[0] )", sec );

    setTimeout( "setDivColor( globalDivs[4], '#164781' )", sec );

}

setInterval("playAnimation( 'infolayer', globalDivs )", 30000 );

// Writes to a layer

function layerWrite(id,txt) {

        if (ns4) {

            var lyr = document.layers[id].document

        lyr.open();

            lyr.write("<table width='770' border='0' cellpadding='0' cellspacing='0'><tr><td><font face=Arial size='2' color='#4A94D3'>"+txt+"</font></td></tr></table>");

            lyr.close();

        } 

        else if (ie4) {

        document.all[id].innerHTML = txt

      } 

        else if (ns6) {

        over = document.getElementById(id);

        range = document.createRange();

        range.setStartBefore(over);

        domfrag = range.createContextualFragment(txt);

        while (over.hasChildNodes()) {

            over.removeChild(over.lastChild);

        }

        over.appendChild(domfrag);

    }

}

function reloadPage(init) {

    if (init==true) with (navigator) {

        if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {

            document.pgW=innerWidth;

            document.pgH=innerHeight;

            onresize=reloadPage; 

        }

    } else if (innerWidth!=document.pgW || innerHeight!=document.pgH) {

        location.reload();

    }

}

reloadPage(true);

//-->

</script>

<style type="text/css">

<!--

#sokDiv{ position: relative; background-color: #164781; }

#mailDiv{ position: relative; background-color: #164781; }

#homeDiv{ position: relative; background-color: #164781; }

#sitemapDiv{ position: relative; background-color: #164781; }

#worldDiv{ position: relative; background-color: #164781; }

#infolayer {

    position: absolute;

    top: 4px;

    left: 0px;

    width: 770px;

    height: 10px;

    z-index: 2;

    color: #4A94D3;

    font-size: 12px;

    font-family : Arial, Helvetica, sans-serif;

    text-align : right;     

}

-->

</style>

</head>

 

<body bgcolor="#ffffff" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="preloadImages('/global/abbzh/abbzh255.nsf/viewname/icon_home_ov/$file/icon_home_ov.gif', '/global/abbzh/abbzh255.nsf/viewname/icon_mail_ov/$file/icon_mail_ov.gif', '/global/abbzh/abbzh255.nsf/viewname/icon_sitemap_ov/$file/icon_sitemap_ov.gif', '/global/abbzh/abbzh255.nsf/viewname/icon_search_ov/$file/icon_sok_ov.gif', '/global/abbzh/abbzh255.nsf/viewname/icon_question_ov/$file/icon_spml_ov.gif', '/global/abbzh/abbzh255.nsfviewname/icon_world_ov/$file/icon_world_ov.gif')">

<form><input name="Site" type="hidden" value="*global*gad*gad00178.nsf"><input name="SubSection" type="hidden" value="main"><input name="SectionType" type="hidden"><input name="Page" type="hidden" value="mainpage">

<div id="infolayer"><script>document.write(menuInfo[0]);</script></div>

<table width="770" border="0" cellpadding="0" cellspacing="0">

  <tr>

    <td><img src="/global/abbzh/abbzh255.nsf/viewname/Blank/$file/blank.gif" width="0" height="15" border="0"></td>

    <td></td>

    <td></td>

  </tr>

  <tr>

    <td valign="top" rowspan="3"><img src="/global/abbzh/abbzh255.nsf/viewname/Blank/$file/blank.gif" width="15" height="47" border="0"><a href="/global/gad/gad00178.nsf!OpenDatabase&mt=&l=ge" target="_top"><img src="/global/abbzh/abbzh255.nsf/images/insidelogo/$file/insidelogo.gif" alt="" width="43" height="17" border="0" align="top"></a></td>

    <td>&nbsp;</td>

    <td valign="top">

<div id="imageLayer"></div>

      <table border="0" align="right" cellpadding="0" cellspacing="2">

        <tr><td><img src="/global/abbzh/abbzh255.nsf/viewname/Blank/$file/blank.gif" width="10" height="0"></td></tr>

        <tr valign="bottom"> 

          <td><img src="/global/abbzh/abbzh255.nsf/viewname/Blank/$file/blank.gif" width="10" height="0"></td>

          <td valign="middle"><div id="sokDiv"><a href="javascript:Search()" onMouseOver="setDivColor(globalDivs[0],'#4A91D9');layerWrite('infolayer',menuInfo[2])" onMouseOut="setDivColor(globalDivs[0],'#164781');layerWrite('infolayer',menuInfo[0])"><img src="/global/abbzh/abbzh255.nsf/viewname/icon_search_transparent/$file/icon_search_transparent.gif" width="17" height="14" border="0" name="sok"></a></div></td>

          <td valign="middle"><div id="mailDiv"><a href="javascript:Feedback()" onMouseOver="setDivColor(globalDivs[1],'#4A91D9');layerWrite('infolayer',menuInfo[3])" onMouseOut="setDivColor(globalDivs[1],'#164781');layerWrite('infolayer',menuInfo[0])"><img src="/global/abbzh/abbzh255.nsf/viewname/icon_mail_transparent/$file/icon_mail_transparent.gif" width="17" height="14" border="0" name="mail"></a></div></td>

          <td valign="middle"><div id="homeDiv"><a href="/global/gad/gad00178.nsf!OpenDatabase&mt=&l=ge" target="_top" onMouseOver="setDivColor(globalDivs[2],'#4A91D9');layerWrite('infolayer',menuInfo[4])" onMouseOut="setDivColor(globalDivs[2],'#164781');layerWrite('infolayer',menuInfo[0])"><img src="/global/abbzh/abbzh255.nsf/viewname/icon_home_transparent/$file/icon_home_transparent.gif" width="17" height="14" border="0" name="home"></a></div></td>

<td valign="middle"><div id="sitemapDiv"><a href="/global/gad/gad00178.nsf/vwSitemapFrameset/ge!OpenDocument" target="main" onMouseOver="setDivColor(globalDivs[3],'#4A91D9');layerWrite('infolayer',menuInfo[5])" onMouseOut="setDivColor(globalDivs[3],'#164781');layerWrite('infolayer',menuInfo[0])"><img src="/global/abbzh/abbzh255.nsf/viewname/icon_sitemap_transparent/$file/icon_sitemap_transparent.gif" width="17" height="14" border="0" name="sitemap"></a></div></td>

<td valign="middle"><div id="worldDiv"><a href="http://www.abb.com/ch" target="_top" onMouseOver="setDivColor(globalDivs[4],'#4A91D9');layerWrite('infolayer',menuInfo[6])" onMouseOut="setDivColor(globalDivs[4],'#164781');layerWrite('infolayer',menuInfo[0])"><img src="/global/abbzh/abbzh255.nsf/viewname/icon_world_transparent/$file/icon_world_transparent.gif" width="17" height="14" border="0" name="world"></a></div></td>

        </tr>

      </table>

    </td>

  </tr>

</table>

</form>

</body>

</html>

Danke
Gruss SeCa

**Jana** · 23-01-2003, 08:38

Es sieht so aus, als ob die Seite dynamisch erzeugt wurde.
Flash scheint hier auch aufgerufen zu werden.

Ich vermute es soll ein Menü-Script sein.

Wo kann man die Seite in Aktion sehen?
Sag mir einfach,
was der Code können soll und wir bauen einen neuen, der läuft.

Ich helf dir.

**SeCa** · 23-01-2003, 09:02

also der Code läuft auf dem intranet (probier mal: http://inside.abb.com/ ich glaube nicht das du darauf zugreifen kannst)

aber auf http://www.abb.com das oberste frame macht etwa das gleiche.

Ich sollte jetzt das fragezeichen, die lupe und das Sitemap löschen und bei den anderen die links ändern.
Zusätzlich sollte das skript noch auf einem anderen server laufen, da gibt es glaub ich probleme mit dem relativen pfaden.

Ich wäre dir sehr dankbar, wenn du mir helfen könntest.

Gruss Sebi

**Gaert** · 23-01-2003, 09:35

Hallo!

Die Informationen der Links und was überhaupt dargestellt werden soll ist in Arrays abgelegt... du kannst mal versuchen da ein bisschen dran rumzuspielen...
Alternativ kannst du versuchen aus diesem Bereich heraus etwas zu löschen

Code:

nfolayer',menuInfo[2])" onMouseOut=" setDivColor(globalDivs[0],'#164781');layerWrite('i
nfolayer',menuInfo[0])"><img src="/global/abbzh/abbzh255.nsf/viewname/icon_search_transparent/$file/icon_search_transparent.gif" width="17" height="14" border="0" name="sok"></a></div></td>

          <td valign="middle"><div id="mailDiv"><a href="java script:Feedback()" onMouseOver=" setDivColor(globalDivs[1],'#4A91D9');layerWrite('i
nfolayer',menuInfo[3])" onMouseOut=" setDivColor(globalDivs[1],'#164781');layerWrite('i
nfolayer',menuInfo[0])"><img src="/global/abbzh/abbzh255.nsf/viewname/icon_mail_transparent/$file/icon_mail_transparent.gif" width="17" height="14" border="0" name="mail"></a></div></td>

          <td valign="middle"><div id="homeDiv"><a href="/global/gad/gad00178.nsf!OpenDatabase&mt=&l=ge" target="_top" onMouseOver=" setDivColor(globalDivs[2],'#4A91D9');layerWrite('i
nfolayer',menuInfo[4])" onMouseOut=" setDivColor(globalDivs[2],'#164781');layerWrite('i
nfolayer',menuInfo[0])"><img src="/global/abbzh/abbzh255.nsf/viewname/icon_home_transparent/$file/icon_home_transparent.gif" width="17" height="14" border="0" name="home"></a></div></td>

<td valign="middle"><div id="sitemapDiv"><a href="/global/gad/gad00178.nsf/vwSitemapFrameset/ge!OpenDocument" target="main" onMouseOver=" setDivColor(globalDivs[3],'#4A91D9');layerWrite('i
nfolayer',menuInfo[5])" onMouseOut=" setDivColor(globalDivs[3],'#164781');layerWrite('i
nfolayer',menuInfo[0])"><img src="/global/abbzh/abbzh255.nsf/viewname/icon_sitemap_transparent/$file/icon_sitemap_transparent.gif" width="17" height="14" border="0" name="sitemap"></a></div></td>

<td valign="middle"><div id="worldDiv"><a href="http://www.abb.com/ch" target="_top" onMouseOver=" setDivColor(globalDivs[4],'#4A91D9');layerWrite('i
nfolayer',menuInfo[6])" onMouseOut=" setDivColor(globalDivs[4],'#164781');layerWrite('i
nfolayer',menuInfo[0])"><img src="/global/abbzh/abbzh255.nsf/viewname/icon_world_transparent/$file/icon_world_transparent.gif" width="17" height="14" border="0" name="world"></a></div></td>

Das Skript finde ich an für sich aber viel zu kompliziert aufgemacht... da hat sich mal wieder irgendjemand dran verkünstelt... wenn du Hilfe zu DHTML brauchst dann schau mal bei www.dhtmlcentral.com vorbei.

@Jana

Es sieht so aus, als ob die Seite dynamisch erzeugt wurde.

Jap...
Die Seite läuft offensichtlich auf einem Lotus Domino Server (was auch die bescheidene Geschwindigkeit erklärt).
Das Javascript schreibt den eigentlichen code dynamisch (obwohl ich nicht ganz verstehe warum)

Flash scheint hier auch aufgerufen zu werden.

Wo hast du da Flash gesehen???

**SeCa** · 23-01-2003, 09:55

ahhh ...
es ist ziemlich idiotisch ... es gibt zwei versionen, eine (die auf www.abb.com) verwendet kein flash, die auf inside(den code den ich gepostet hatte) verwendet flash wenn es vorhanden ist, sonst verwendet sie auch javaskript. Das ist aus meiner sicht absolut sinnlos, wenn etwas mit java-script läuft dann sollte man es auch verwenden, es sieht ja absolut gleich aus. Ich denke ich werde es nun so machen, dass ich nur java-script verwende ... das mit den links hab ich gesehen... vielen Dank euch beiden

**Jana** · 23-01-2003, 12:33

Ja, wenn man die Seite in Aktion sieht ist schon klar, daß im Code kein Flash ist.
.... Flashdetect.htm' im Code hatte mich auf den Gedanken gebracht.

Wenn ich mir die erste Seite so ansehe
(</head> fehlt <body> gibt es gleich zweimal)
kommen mir echt die Zweifel.

Schön, daß es jetzt klappt!

<html>
<head>

<frameset rows="58,44,*" border="0" framespacing="0" frameborder="no" marginborder="0">
<frame src="/global/abbzh/abbzh251.nsf/wfrmHeader!ReadForm&l=us" scrolling="no" noresize marginwidth="5" marginheigth="0" name="header" frameborder="no">
<frame src="/global/abbzh/abbzh251.nsf/menu/usTop" scrolling="no" marginwidth="5" marginheigth="0" name="sub_menu" noresize frameborder="no">
<frame src="/global/abbzh/abbzh251.nsf/vwMainPage/us!OpenDocument&l=us" name="main" frameborder="no" marginwidth="0" marginheigth="0">

</frameset>

<noframes>
<body TEXT="000000" BGCOLOR="FFFFFF">
.........
</body>
</noframes></head>
<body TEXT="000000" BGCOLOR="FFFFFF">
</body>
</html>

Thema: Java Script ---> Wo anfangen??

Themen-Optionen

Thema bewerten

Anzeige

Java Script ---> Wo anfangen??

Lesezeichen

Lesezeichen

Berechtigungen