XHTMLforum - javacode per include aufrufen?

XHTMLforum (http://xhtmlforum.de/index.php)

- Javascript & Ajax (http://xhtmlforum.de/forumdisplay.php?f=83)

- - javacode per include aufrufen? (http://xhtmlforum.de/showthread.php?t=51267)

javacode per include aufrufen?

hi volks!

also folgendes, ich habe eine fixfertige diashow die ich ziemlich cool finde, der code ist folgender

PHP-Code:


		
			
<script language=javascript>

////////////////////////////////////////////////

// dmx slidershow by robert engelhardt © 2003 //

//              womstar@uni.de                //

//       vermerk bitte stehn lassen!          //

////////////////////////////////////////////////

//    der macher des scriptes distanziert     //

//       sich von dem inhalt der seite        //

////////////////////////////////////////////////



/******************* EIGENSCHAFTEN ************************/



    /**************************************************/

    /* die bilder sollten alle die gleiche größe haben*/

    /**************************************************/



    bilder            = new Array("slideshow1.jpg","slideshow2.jpg","slideshow3.jpg","slideshow4.jpg","slideshow5.jpg");



    /**************************************************/



    rahmenBreite        = 300;         // die breite des rahmens ist gleich die breite des bildes

    rahmenHoehe        = 400;         // die höhe des rahmens ist gleich die höhe des bildes

    rahmenRand        = 2;

    rahmenStil        = "solid";

    rahmenFarbe        = "000000";

    rahmenHintergrundFarbe    = "999999";



    schriftArt        = "verdana";

    schriftFarbe        = "000000";

    schriftGroesse        = 1;



    trennZeichen        = "-";        // trennzeichen zwischen den links



    srollVarianten        = 1;         // 0 = von unten nach oben, 1 = von rechts nach links



/*********************************************************/

    document.write("<center>"

    +"<div id='rahmen' style='width:"

    +(rahmenBreite+40)+"; height:"

    +(rahmenHoehe+40)+"; border:"

    +rahmenRand+"px "

    +rahmenStil+" #"

    +rahmenFarbe+"; background-color:#"

    +rahmenHintergrundFarbe+";overflow:hidden'>");



    (srollVarianten==0) ?

    document.write("<div id='jumper' style='position:relative;top:18;left:0'>") :

    document.write("<div id='jumper' style='position:relative;left:18;top:18'>");



    (srollVarianten==0) ?

    document.write("<table width="

    +rahmenBreite+" cellspacing=0 cellpadding=0>") :

    document.write("<table height="

    +rahmenHoehe+" cellspacing=0 cellpadding=0>");



for (i=0;i<bilder.length;i++)

{

    (srollVarianten==0) ?

    document.write("<tr><td width="

    +rahmenBreite+" height="

    +rahmenHoehe+">") :

    document.write("<td width="

    +rahmenBreite+" height="

    +rahmenHoehe+">");



    (srollVarianten==0) ?

    document.write("<img src="+bilder[i]+"></td></tr>"

    +"<tr><td height=25></td></tr>") :

    document.write("<img src="+bilder[i]+"></td>"

    +"<td><div style='width:25'></div></td>");

}



    document.write("</table></div></div><br>");



for (i = 0; i < bilder.length; i++)

{

    if (i == bilder.length-1) trennZeichen = "";

    (srollVarianten==0) ?

    (i == 0) ? posY = 0 : posY = (rahmenHoehe*i)+(25*i) :

    (i == 0) ? posY = 0 : posY = (rahmenBreite*i)+(25*i);



    document.write("<a href='javascript:getPos("

    +posY+")' onfocus='this.blur()' style='text-decoration:none'><font size="

    +schriftGroesse+" color="

    +schriftFarbe+" face="

    +schriftArt+">Pic"+(i+1)+"</font></a>"

    +"<font style='cursor:default'> "

    +trennZeichen+" </font>");

}



    document.write("</center>");

var thePos=dimx=Dimx=0,time;



function getPos(pos)

{

    thePos     = pos-(pos*2)+18;



    browser    = navigator.appName;

    usAgent = navigator.userAgent;



    if (browser == "Microsoft Internet Explorer" || usAgent.indexOf("Opera") >- 1) 

    clearTimeout(time);



    dmx();

}

function dmx()

{

    time     = setTimeout("dmx()",0);



    dimx     = Math.round(Dimx+=((thePos)-Dimx)*4/20);



    if (document.getElementById)

    {

        (srollVarianten==0) ?

        document.getElementById("jumper").style.top  = dimx :

        document.getElementById("jumper").style.left = dimx;

    }

    else if (document.all)

    {

        (srollVarianten==0) ?

        document.all["jumper"].style.top  = dimx :

        document.all["jumper"].style.left = dimx;

    }



    if (thePos == dimx) clearTimeout(time);

}

</script>

nun möchte ich folgendes machen.

ich habe den code unter slideshow.html abgespeichert

jetzt möchte ich den im index.php einbinden

und zwar folgendermassen

PHP-Code:


		
			
<div id="content-right">

        <?php

        include "slideshow.html";

        ?>

        </div>

das klappt zwar, jedoch ist die slideshow nicht ausführbar.

wie binde ich die slideshow richtig in die index.php ein?

ich hab auch schon probiert

PHP-Code:


		
			
<div id="content-right">

        [I]hier das gesamte javascript[/I]

        </div>

geht leider aucht nicht.

hat jemand einen rat?

Speichers als PHP ab dann müsste es gehen.

Oder Speichers als .js ab und mach in die HTML folgenden Code:

Code:

<script type="text/javascript" src="slideshow.js"></script>

geht leider beides nicht..

also, das

<script type="text/javascript" src="slideshow.js"></script> hab ich jetzt zwischen

<div id="content-right">
</div> genommen..

wie gesagt, wenn ich include, wird die das erste bild angezeigt, aber wenn ich auf bild 2 klicke, passiert im firefox nix, im internet explorer kommt das nächste bild, aber das erste bild wird einfach nach links, über den container verschoben, in opera wirds einigermassen richtig dargestellt und in safari passiert dasselbe wi im firefox, nämlich nix.. :-/

mach aus dem JS forlgendes

PHP-Code:


		
			
echo '<script language=javascript>
////////////////////////////////////////////////
// dmx slidershow by robert engelhardt © 2003 //
//              womstar@uni.de                //
//       vermerk bitte stehn lassen!          //
////////////////////////////////////////////////
//    der macher des scriptes distanziert     //
//       sich von dem inhalt der seite        //
////////////////////////////////////////////////

/******************* EIGENSCHAFTEN ************************/

    /**************************************************/
    /* die bilder sollten alle die gleiche größe haben*/
    /**************************************************/

    bilder            = new Array("slideshow1.jpg","slideshow2.jpg","slideshow3.jpg","slideshow4.jpg","slideshow5.jpg");

    /**************************************************/

    rahmenBreite        = 300;         // die breite des rahmens ist gleich die breite des bildes
    rahmenHoehe        = 400;         // die höhe des rahmens ist gleich die höhe des bildes
    rahmenRand        = 2;
    rahmenStil        = "solid";
    rahmenFarbe        = "000000";
    rahmenHintergrundFarbe    = "999999";

    schriftArt        = "verdana";
    schriftFarbe        = "000000";
    schriftGroesse        = 1;

    trennZeichen        = "-";        // trennzeichen zwischen den links

    srollVarianten        = 1;         // 0 = von unten nach oben, 1 = von rechts nach links

/*********************************************************/
    document.write("<center>"
    +"<div id=\'rahmen\' style=\'width:"
    +(rahmenBreite+40)+"; height:"
    +(rahmenHoehe+40)+"; border:"
    +rahmenRand+"px "
    +rahmenStil+" #"
    +rahmenFarbe+"; background-color:#"
    +rahmenHintergrundFarbe+";overflow:hidden\'>");

    (srollVarianten==0) ?
    document.write("<div id=\'jumper\' style=\'position:relative;top:18;left:0\'>") :
    document.write("<div id=\'jumper\' style=\'position:relative;left:18;top:18\'>");

    (srollVarianten==0) ?
    document.write("<table width="
    +rahmenBreite+" cellspacing=0 cellpadding=0>") :
    document.write("<table height="
    +rahmenHoehe+" cellspacing=0 cellpadding=0>");

for (i=0;i<bilder.length;i++)
{
    (srollVarianten==0) ?
    document.write("<tr><td width="
    +rahmenBreite+" height="
    +rahmenHoehe+">") :
    document.write("<td width="
    +rahmenBreite+" height="
    +rahmenHoehe+">");

    (srollVarianten==0) ?
    document.write("<img src="+bilder[i]+"></td></tr>"
    +"<tr><td height=25></td></tr>") :
    document.write("<img src="+bilder[i]+"></td>"
    +"<td><div style=\'width:25\'></div></td>");
}

    document.write("</table></div></div><br>");

for (i = 0; i < bilder.length; i++)
{
    if (i == bilder.length-1) trennZeichen = "";
    (srollVarianten==0) ?
    (i == 0) ? posY = 0 : posY = (rahmenHoehe*i)+(25*i) :
    (i == 0) ? posY = 0 : posY = (rahmenBreite*i)+(25*i);

    document.write("<a href=\'javascript:getPos("
    +posY+")\' onfocus=\'this.blur()\' style=\'text-decoration:none\'><font size="
    +schriftGroesse+" color="
    +schriftFarbe+" face="
    +schriftArt+">Pic"+(i+1)+"</font></a>"
    +"<font style=\'cursor:default\'> "
    +trennZeichen+" </font>");
}

    document.write("</center>");
var thePos=dimx=Dimx=0,time;

function getPos(pos)
{
    thePos     = pos-(pos*2)+18;

    browser    = navigator.appName;
    usAgent = navigator.userAgent;

    if (browser == "Microsoft Internet Explorer" || usAgent.indexOf("Opera") >- 1) 
    clearTimeout(time);

    dmx();
}
function dmx()
{
    time     = setTimeout("dmx()",0);

    dimx     = Math.round(Dimx+=((thePos)-Dimx)*4/20);

    if (document.getElementById)
    {
        (srollVarianten==0) ?
        document.getElementById("jumper").style.top  = dimx :
        document.getElementById("jumper").style.left = dimx;
    }
    else if (document.all)
    {
        (srollVarianten==0) ?
        document.all["jumper"].style.top  = dimx :
        document.all["jumper"].style.left = dimx;
    }

    if (thePos == dimx) clearTimeout(time);
}
</script>';

Also slideshow.php speichern

und mit include() aufrufen

leider nein..

muss ich in der index.php nichts deklarieren oder so? (im <head> oder <html>)

denn wenn ich den gesamten code zwischen eine <div> einfüge, hab ich dasselbe problem, dass die slideshow zwar angezeigt wird aber nicht ausgeführt wird..

Gib uns mal eine Online-Version, vielleicht übersiehst du eine Kleinigkeit, die wir vorraussetzen. ;)

online demo unter

xxx

die slideshow.php wird per include in der index.php aufgerufen..

thx!!

schau mal in die fehlerkonsole

Muss JS nicht so eingebunden werden:

Code:

<script type="text/javascript"> </style>

Zitat:

Zitat von BlackHawk (Beitrag 379945)

Muss JS nicht so eingebunden werden:

Code:

<script type="text/javascript"> </style>

du meinst so?

PHP-Code:


		
			
<script type="text/javascript" src="slideshow.js"></script>

(die gesamte slideshow als .js abspeichern und im <div></div> tag aufrufen..?

@ timo

äh welche fehlerkonsole bitte? :)