laird: Ausgliederung von Javascript

SELF-Forum

Ausgliederung von Javascript

laird
– Informationen zu den Bewertungsregeln

Hallo,
Ich habe gerade erst mit Javascript angefangen und möchte nun ein Javascript-Code aus meiner HTML datei ausgliedern, damit ich nicht jedesmal den Code in jede Datei einfügen muss. Bisher hat es bei mir aber leider nicht funktioniert.

Wäre super nett wenn mir jemand eventuell ein Tipp oder die Lösung schicken könnte wie ich den Code mit den richtigen befehlen und so weiter auszugliedern hab.

Danke schonmal für die Hilfe

<html>
<head><
<title>Menue</title>
<link rel="stylesheet" title="Default" href="CSS/navigation.css" type="text/css" media="screen">
<link rel="stylesheet" title="Default" href="CSS/index.css" type="text/css" media="screen">
<script type="text/javascript">
theimage = new Array();

// The dimensions of ALL the images should be the same or some of them may look stretched or reduced in Netscape 4.
// Format: theimage[...]=[image URL, link URL, name/description]
theimage[0]=["images/banner/banner1.jpg", "http://www.google.de", "xx"];
theimage[1]=["images/banner/banner2.jpg", "http://www.google.de", "xx"];
theimage[2]=["images/banner/banner3.jpg", "http://www.google.de", "xx"];
theimage[3]=["images/banner/banner4.jpg", "http://www.google.de", "xx"];
theimage[4]=["images/banner/banner5.jpg", "http://www.google.de", "xx"];

///// Plugin variables

playspeed=5000;// The playspeed determines the delay for the "Play" button in ms
//#####
//key that holds where in the array currently are
i=0;

//###########################################
//if random
function SetRandom() {
tempimage = new Array();
for(p=0; p<theimage.length; p++){
for(p1=0; p1>-1; p1) {
tempNum = Math.floor(Math.random()*theimage.length)
if(!tempimage[tempNum]){
tempimage[tempNum]=theimage[p];
break;
}
}
}
for(p=0;p<theimage.length;p++)theimage[p]=tempimage[p];
}

//if random order
SetRandom()

//###########################################
window.onload=function(){

//preload images into browser  
preloadSlide();  

//set the first slide  
SetSlide(0);  

//autoplay  
PlaySlide();

}

//###########################################
function SetSlide(num) {
//too big
i=num%theimage.length;
//too small
if(i<0)i=theimage.length-1;

//switch the image  
document.images.imgslide.src=theimage[i][0];  

//if they want name of current slide  
document.getElementById('slidebox').innerHTML=theimage[i][2];

}

//###########################################
function PlaySlide() {
if (!window.playing) {
PlayingSlide(i+1);
if(document.slideshow.play){
document.slideshow.play.value="   Stop   ";
}
}
else {
playing=clearTimeout(playing);
if(document.slideshow.play){
document.slideshow.play.value="   Play   ";
}
}
// if you have to change the image for the "playing" slide
if(document.images.imgPlay){
setTimeout('document.images.imgPlay.src="'+imgStop+'"',1);
imgStop=document.images.imgPlay.src
}
}

//###########################################
function PlayingSlide(num) {
playing=setTimeout('PlayingSlide(i+1);SetSlide(i+1);', playspeed);
}

//###########################################
function preloadSlide() {
for(k=0;k<theimage.length;k++) {
theimage[k][0]=new Image().src=theimage[k][0];
}
}

</script>
</head>
<body>

<div id="head">
<form name="slideshow">

<table border="0" cellpadding="2" cellspacing="0" >
<tr>
    <td width="20px"></td>
<td width="500px">
<a href="#" onmouseover="this.href=theimage[i][1];return false">
<script type="text/javascript">
document.write('<img name="imgslide" id="imgslide" src="'+theimage[0][0]+'" border="0">')
</script>
</a>
</td>
<td style="color:#FFFF00" width="20px"><div id="slidebox"></div></td>
</tr>
</table>
</form>

</div>
</body>
</html>

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Ausgliederung von Javascript

    ChrisB
    – Informationen zu den Bewertungsregeln

    Hi,

    Ich habe gerade erst mit Javascript angefangen und möchte nun ein Javascript-Code aus meiner HTML datei ausgliedern, damit ich nicht jedesmal den Code in jede Datei einfügen muss. Bisher hat es bei mir aber leider nicht funktioniert.

    "Funktioniert nicht" funktioniert nicht - bitte liefere eine brauchbare Problembeschreibung.

    MfG ChrisB

    --
    Light travels faster than sound - that's why most people appear bright until you hear them speak.
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Ausgliederung von Javascript

      laird
      – Informationen zu den Bewertungsregeln

      Hey Chris,

      ich habe die Script sachen aus dem Head in eine externe datei geschrieben und habe sie als src angegeben. Aber nun wird mir auf der seite keine Bild mehr angezeigt. ich habe natürlich die bild pfade angeglichen, aber es hilft leider nicht.

      Ich möchte eignetlich nur, das ich nicht auf 20 seiten was ändenr muss, wenn ich ein button ändern möchte.

      Felix

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

  2. Ausgliederung von Javascript

    EKKi
    – Informationen zu den Bewertungsregeln

    Mahlzeit laird,

    Ich habe gerade erst mit Javascript angefangen

    Für "gerade erst mit Javascript angefangen" sieht Dein Code aber schon recht komplex aus - wieso bist Du nicht so ehrlich und gibst wenigstens zu, dass Du Dir einfach nur überall was zusammenkopiert hast und jetzt ...

    und möchte nun ein Javascript-Code aus meiner HTML datei ausgliedern, damit ich nicht jedesmal den Code in jede Datei einfügen muss.

    ... auch noch zu faul bist, Dich zu informieren, <http://de.selfhtml.org/javascript/intro.htm#javascriptdateien@title=wie man Javascript-Code aus separaten Dateien einbindet>?

    MfG,
    EKKi

    --
    sh:( fo:| ch:? rl:( br:> n4:~ ie:% mo:} va:) de:] zu:) fl:{ ss:) ls:& js:|
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Ausgliederung von Javascript

      laird
      – Informationen zu den Bewertungsregeln

      Mahlzeit laird,

      Ich habe gerade erst mit Javascript angefangen

      Für "gerade erst mit Javascript angefangen" sieht Dein Code aber schon recht komplex aus - wieso bist Du nicht so ehrlich und gibst wenigstens zu, dass Du Dir einfach nur überall was zusammenkopiert hast und jetzt ...

      und möchte nun ein Javascript-Code aus meiner HTML datei ausgliedern, damit ich nicht jedesmal den Code in jede Datei einfügen muss.

      ... auch noch zu faul bist, Dich zu informieren, <http://de.selfhtml.org/javascript/intro.htm#javascriptdateien@title=wie man Javascript-Code aus separaten Dateien einbindet>?

      MfG,
      EKKi

      Hallo EKKi,

      ja ich habe erst angefangen es zu lernen.
      und ja ich habe den Code aus dem internet. das ändert aber ja nichts daran das ich fragen dazu hab.

      Ich habe schon versucht es selber auszugliedern, aber das hat nicht funktioniert. und deswegen frag ich jetzt hier nach. und ich hab lieber den original code reingestellt, weil man so sehen kann was ich überhaupt vorhab und es die letzte funktionierende variante war.

      Aber danke für den link, den kannte ich bereits schon, aber der hat mir leider nicht geholfen.

      Felix

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. Ausgliederung von Javascript

        Kai345 Homepage des Autors
        – Informationen zu den Bewertungsregeln

        [latex]Mae  govannen![/latex]

        Ich habe schon versucht es selber auszugliedern, aber das hat nicht funktioniert. und deswegen frag ich jetzt hier nach. und ich hab lieber den original code reingestellt, weil man so sehen kann was ich überhaupt vorhab und es die letzte funktionierende variante war.

        Und wie soll hier jemand ahnen, ob und welchen Fehler du (beim Auslagern) gemacht hast, wenn niemand den Code kennt, den du beim Versuch benutzt hast? Insbesondere: Was sagt ggf. die Fehlerkonsole des Browsers?

        Cü,

        Kai

        --
        Hard to believe that anyone would use Prototype.js at this
        point. It was a bad idea in 2006 and it hasn't gotten any better with age. (David Mark)
        Foren-Stylesheet Site Selfzeugs
        SelfCode: sh:( fo:| ch:? rl:( br:< n4:( ie:{ mo:| va:) js:| de:> zu:) fl:( ss:| ls:?
        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

      2. Ausgliederung von Javascript

        EKKi
        – Informationen zu den Bewertungsregeln

        Mahlzeit laird,

        bitte nimm zur Kenntnis, dass TOFU hier nicht besonders gern gesehen ist. Danke.

        Aber danke für den link, den kannte ich bereits schon, aber der hat mir leider nicht geholfen.

        Warum hat er nicht geholfen? Was genau hast Du gemacht?

        MfG,
        EKKi

        --
        sh:( fo:| ch:? rl:( br:> n4:~ ie:% mo:} va:) de:] zu:) fl:{ ss:) ls:& js:|
        Beitrag melden
        –
        Informationen zu den Bewertungsregeln