Grazioli: mehrere Javascript einfügen!!

SELF-Forum

mehrere Javascript einfügen!!

Grazioli
−1 Informationen zu den Bewertungsregeln

Hallo,

ich möchte sämtliche JavaScripts einer Seite in eine Datei "navi.js" und "popup.js" fassen und dies bebedarf ausführen lassen.

Die "popup.js" ist schon eine fertige Datei, aber die "navi.js" noch nicht! Wie kann ich diese einbinden zwei JS einbinden?!??!

HTML CODE:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0021)http://www........../ -->
<HTML><HEAD>
  <title>titel</title>
   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
   <meta http-equiv="Content-Style-Type" content="text/css" >
   <meta name="Content-Language" content="de">
   <meta name="author" content="Autohr">
   <meta name="KeyWords" content="">
   <meta name="Description" content="" >
   <link href="style/CSS.css" rel="stylesheet" type="text/css">

<style type="text/css">
#divCont {
 position:absolute;
 z-index:1;
 left:103px;
 top:235px;
 height:400px;
 width:170px;
 visibility:hidden;
 cursor: hand;
}
.clTop   {position:absolute; z-index:1; width:170px; line-height:17px;}
.clSub   {position:absolute; z-index:1; left:0px; top:20px; width:170px; line-height:14px;}

/*** This sets the style for the links inside the menu. ***/
#divCont .clTop a {color:#0000FF; font-family:verdana, arial, helvetica, sans-serif; font-size:14px; font-weight:bold; text-decoration:none;}
#divCont .clTop a:hover {color:#FF0000; text-decoration:none;}
#divCont .clTop .clSub a {color:#999999; font-family:verdana, arial, helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:none;}
#divCont .clTop .clSub a:hover {color:#FF0000; text-decoration:none;}
</style>

>------NAVIGATION Anfang----------->
<script language="JavaScript" type="text/javascript">

function lib_bwcheck(){
 this.ver=navigator.appVersion
 this.agent=navigator.userAgent
 this.dom=document.getElementById?1:0
 this.opera5=this.agent.indexOf("Opera 5")>-1
 this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera5)?1:0;
 this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera5)?1:0;
 this.ie4=(document.all && !this.dom && !this.opera5)?1:0;
 this.ie=this.ie4||this.ie5||this.ie6
 this.mac=this.agent.indexOf("Mac")>-1
 this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0;
 this.ns4=(document.layers && !this.dom)?1:0;
 this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5)
 return this
}
var bw=new lib_bwcheck()

FoldNumber = 4 // Menüpunkte
var stayFolded = false
foldImg = 1
mainOffsetY = 0

var unImg=new Image();
unImg.src='../images/foldoutmenu_arrow.gif'

var exImg=new Image();
exImg.src='../images/foldoutmenu_arrow_open.gif'

var px = bw.ns4||window.opera?"":"px";

if(navigator.userAgent.indexOf('Opera')>-1 && document.getElementById){
 scrX= innerWidth; scrY= innerHeight;
 document.onmousemove= function(){
  if(scrX<innerWidth-10 || scrY<innerHeight-10 || scrX>innerWidth+10 || scrY>innerHeight+10){
   scrX = innerWidth;
   scrY = innerHeight;
   initFoldout();
  }
 };
}

function makeMenu(obj,nest){
 nest= (!nest)?"":'document.'+nest+'.';
 this.el= bw.ie4?document.all[obj]:bw.ns4?eval(nest+'document.'+obj):document.getElementById(obj);
    this.css= bw.ns4?this.el:this.el.style;
 this.ref= bw.ns4?this.el.document:document;
 this.x= (bw.ns4||bw.opera5)?this.css.left:this.el.offsetLeft;
 this.y= (bw.ns4||bw.opera5)?this.css.top:this.el.offsetTop;
 this.h= (bw.ie||bw.ns6)?this.el.offsetHeight:bw.ns4?this.ref.height:bw.opera5?this.css.pixelHeight:0;
    this.vis= b_vis;
 this.hideIt= b_hideIt;
    this.showIt= b_showIt;
    this.moveIt= b_moveIt;
 return this
}

function b_showIt(){this.css.visibility='visible'}
function b_hideIt(){this.css.visibility='hidden'}
function b_vis(){if(this.css.visibility=='hidden' || this.css.visibility=='HIDDEN' || this.css.visibility=='hide') return true;}
function b_moveIt(x,y){this.x=x; this.y=y; this.css.left=this.x+px; this.css.top=this.y+px}

function menu(num){
 if(bw.bw){
  if (!stayFolded){
   for (var i=0; i<oSub.length; i++){
    if (i!=num){
     oSub[i].hideIt()
     if (foldImg)oTop[i].ref["imgA"+i].src = unImg.src
    }
   }
   for(var i=1; i<oTop.length; i++){
    oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].h)
   }
  }
  if (oSub[num].vis()){
   oSub[num].showIt()
   if (foldImg)oTop[num].ref["imgA"+num].src = exImg.src
  }else{
   oSub[num].hideIt()
   if(foldImg)oTop[num].ref["imgA"+num].src = unImg.src
  }
  for(var i=1; i<oTop.length; i++){
   if (!oSub[i-1].vis()) oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].h+oSub[i-1].h+mainOffsetY)
   else oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].h+mainOffsetY)
  }
 }
}

function initFoldout(){
 bw.opera5 = (navigator.userAgent.indexOf("Opera")>-1 && document.getElementById)?true:false
 if (bw.opera5) bw.ns6 = 0

oTop = new Array()
 oSub = new Array()

for (var i=0; i<FoldNumber; i++){
  oTop[i] = new makeMenu('divTop'+i,'divCont')
  oSub[i] = new makeMenu('divSub'+i,'divCont.document.divTop'+i)
  oSub[i].hideIt()
 }

oTop[0].moveIt(0,0)
 for (var i=1; i<oTop.length; i++){
  oTop[i].moveIt(0, oTop[i-1].y+oTop[i-1].h+mainOffsetY)
 }

oCont = new makeMenu('divCont')
 oCont.showIt()
}

if(bw.bw) onload = initFoldout;
</script>
<------NAVIGATION ende-----------<

------popup Bild anfang----------->

<script type="text/javascript" src="dienstleistungen/popup.js"></script>
<------popup Bild ende-----------<

</head>
<body>

<table Id="rundrum" align="top" cellspacing="3" bgcolor="#FFFFFF">
<tbody><tr>
  <td width="78%" colspan="3" align="left">
   <table width="100%">
     <tr>
       <td width="28%">&nbsp;</td>
      <TD class=kurzuebersicht width="622">Ihr Metall- und Torbauer mit kreativen
        und Inovativen Ideen in der Region!!</TD>
     </tr>
   </table>
</td>
  </tr>
<tr bgColor="#0000FF">
  <td class="rahmen" colspan="3" align="left">&nbsp;</td>
  </tr>
<tr>
  <td width="22%" align="left" valign="top">

<div id="divCont">

<div id="divTop0" class="clTop"><a href="ueberuns.htm"><img src="images/foldoutmenu_arrow.gif" title="Über uns" name="imgA0" width=12 height=12 alt="Über uns" border="0"> über Uns</a><br>
<div id="divSub0" class="clSub">
</div><br>
</div>

<div id="divTop1" class="clTop"><a onclick="menu(1); return false" onfocus="this.blur()"><img src="images/foldoutmenu_arrow.gif" name="imgA1" width=12 height=12 alt="" border="0"> Dienstleitungen</a><br>
<div id="divSub1" class="clSub">
 <a href="dienstleistungen/t%FCren.htm">Türen</a><br>
 <a href="dienstleistungen/fenster.htm">Fenster</a><br>
 <a href="dienstleistungen/gelaender.htm">Geländer</a><br>
 <a href="dienstleistungen/wintergarten.htm">Wintergarten</a><br>
 <a href="dienstleistungen/treppen.htm">Treppen</a><br>
 <a href="dienstleistungen/torbau.htm">Torbau</a><br>
 <a href="dienstleistungen/fassaden.htm">Fassaden</a><br>
 <a href="dienstleistungen/daecher.htm">Dächer / Vordächer</a><br>
 <a href="dienstleistungen/verglasungen.htm">Verglasungen</a><br>
</div><br>
</div>

<div id="divTop2" class="clTop"><a onclick="menu(2); return false" onfocus="this.blur()"><img src="images/foldoutmenu_arrow.gif" name="imgA2" width=12 height=12 alt="" border="0"> Kontakt</a><br>
<div id="divSub2" class="clSub">
 <a href="kontakt/kongebe.htm">Metallbau Gebertingen</a><br>
 <a href="kontakt/konesch.htm">Torbau Eschenbach</a><br>
</div><br>
</div>

<div id="divTop3" class="clTop"><a href="referenzen.htm"><img src="images/foldoutmenu_arrow.gif" title="Referenzen" name="imgA3"width=12 height=12 alt="Referenzen" border="0"> Referenzen</a><br>
<div id="divSub3" class="clSub">
</div><br>
</div>

</div><br>

</TD>
      <TD height="300" colspan="2" class=inhalt>
      <H1>Verglasungen</H1>
      <table width="95%" align="left" class=tabelle>
        <tr>
            <td width="50%" align="center">
-----> popUp Bild (hier sollte der Verweis auf "popUp.js" sehen --->
<a href="images/images_ref/verglasungen1.jpg"
     alt="Zum vergößern auf das Bild klicken"
     title="Fassade mit Wintergarten"
     onclick="return showBild(this);">
  <img src="images/images_ref/verglasungen1.jpg" alt="" width="125" height="165" border="0"></a>
   </td>
   <td width="50%" align="left">Verglasung 1</td>
   </tr>
      </table></TD>
  </TR></tbody>
</table>

</body>
</html>

Danke für Eure Hilfe!!

Gruss Grazioli

Beitrag melden
−1
Informationen zu den Bewertungsregeln

  1. mehrere Javascript einfügen!!

    Gunnar Bittersmann Homepage des Autors
    – Informationen zu den Bewertungsregeln

    "navi.js" und "popup.js"

    Grazioli,
    Die Namen lassen darauf schließen, dass du JavaScript nicht dafür einsetzen willst, dass die Nutzer einen Mehrwert davon haben; sondern dafür, dass die Nutzer von deiner Website genervt sind.

    Eine Navigation darf nie nur mit JavaScript funktionieren, weil viele Clients (das sind nicht nur menschliche) kein JavaScript ausführen. Es muss immer wenigstens eine JavaScript-freie Alternative angeboten werden.

    Popup-Fenster sind meist nervig. Der Benutzer möchte in aller Regel selbst entscheiden, ob er die neue Seite im selben oder in einem anderen Fenster/Tab öffenen möchte. Außerdem haben viele Nutzer einen Popup-Blocker.

    Ansonsten suchst du wohl <http://de.selfhtml.org/javascript/intro.htm#javascriptdateien@title=JavaScript in separaten Dateien>.

    Live long and prosper,
    Gunnar

    --
    „Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein)
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. mehrere Javascript einfügen!!

      Grazioli
      – Informationen zu den Bewertungsregeln

      Hallo,

      danke aber was würdest denn DU für nahmen nehmen?!?

      1. die popUp's sind Referenzbilder einer Metallbaufirma, die jeder selbst auf klick des Bildes vergrössern kann!!

      2. Was meist Du damit?!?

      Die Namen lassen darauf schließen, dass du JavaScript nicht dafür einsetzen willst, dass die Nutzer einen Mehrwert davon haben; sondern dafür, dass die Nutzer von deiner Website genervt sind.

      3. was für eine Alternative kast Du mir anbieten!?!?

      Eine Navigation darf nie nur mit JavaScript funktionieren, weil viele Clients (das sind nicht nur menschliche) kein JavaScript ausführen. Es muss immer wenigstens eine JavaScript-freie Alternative angeboten werden.

      Danke und Gruss

      Simon

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. mehrere Javascript einfügen!!

        Gunnar Bittersmann Homepage des Autors
        – Informationen zu den Bewertungsregeln

        danke aber was würdest denn DU für nahmen nehmen?!?

        Grazioli,
        Es geht nicht um die Namen, sondern um das, was die Scripte tun.

        1. die popUp's sind Referenzbilder einer Metallbaufirma, die jeder selbst auf klick des Bildes vergrössern kann!!

        Kann man als Anwendung von Popups vielleicht gelten lassen.

        1. Was meist Du damit?!?

        Die Namen lassen darauf schließen, dass du JavaScript nicht dafür einsetzen willst, dass die Nutzer einen Mehrwert davon haben; sondern dafür, dass die Nutzer von deiner Website genervt sind.

        Das in den zwei Absätzen danach Angeführte.

        1. was für eine Alternative kast Du mir anbieten!?!?

        […] Es muss immer wenigstens eine JavaScript-freie Alternative [zur Navigation] angeboten werden.

        Links in HTML: <a href="http://example.net">Beispiel</a>

        Live long and prosper,
        Gunnar

        --
        „Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein)
        Beitrag melden
        –
        Informationen zu den Bewertungsregeln