PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : Java Script ---> Wo anfangen??



SeCa
22-01-2003, 10: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??




<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,menub ar=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,menub ar=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,menub ar=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'>www.abb.com/ch</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 espen.dallokken@bekk.no
**/
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, 09: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, 10: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, 10: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



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, 10: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, 13: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>