Ankündigung

Einklappen
Keine Ankündigung bisher.

Twei Javascripts in einer PhP?

Einklappen
X
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Twei Javascripts in einer PhP?

    Hallo,

    ich versuche die ganze Zeit 2 Javascripte in meine Index.php einzubauen.

    Das erste ist eine Uhr , das zweite Schneefall.

    Mache ich die beiden per Include in meine Index.php, verschwindet meine Uhr?!


    Die Scripts
    Schnee.php
    Code:
     <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <link rel="stylesheet" type="text/css" href="style.css">
    <script type="text/javascript">
    <!--
    // CREDITS:
    // Snowmaker
    // By Peter Gehrig
    // Copyright (c) 2003 Peter Gehrig. All rights reserved.
    // Permission given to use the script provided that this notice remains as is.
    // Additional scripts can be found at 24fun.com
    // info@24fun.com
    // 11/27/2003
    
    // IMPORTANT:
    // If you add this script to a script-library or script-archive
    // you have to add a highly visible link to
    // 24fun.com on the webpage
    // where this script will be featured
    
    ///////////////////////////////////////////////////////////////////////////
    // CONFIGURATION STARTS HERE
    ///////////////////////////////////////////////////////////////////////////
    
    // Set the number of snowflakes (more than 30 - 40 not recommended)
    var snowmax = 40;
    
    // Set the colors for the snow. Add as many colors as you like
    var snowcolor = new Array('#eeeeff', '#ffffdd', '#eeeedd', '#ffffff');
    
    // Set the fonts, that create the snowflakes. Add as many fonts as you like
    var snowtype = new Array('Arial Black', 'Arial Narrow', 'Times', 'Comic Sans MS');
    
    // Set the letter that creates your snowflake (recommended: *)
    var snowletter = '*';
    
    // Set the speed of sinking (recommended values range from 0.3 to 2)
    var sinkspeed = 0.5;
    
    // Set the maximal-size of your snowflaxes
    var snowmaxsize = 24;
    
    // Set the minimal-size of your snowflaxes
    var snowminsize = 10;
    
    // Set the snowing-zone
    // Set 1 for all-over-snowing
    // Set 2 for left-side-snowing
    // Set 3 for center-snowing
    // Set 4 for right-side-snowing
    var snowingzone = 1;
    
    ///////////////////////////////////////////////////////////////////////////
    // CONFIGURATION ENDS HERE
    ///////////////////////////////////////////////////////////////////////////
    
    // Do not edit below this line
    var snow = new Array();
    var marginbottom;
    var marginright;
    var timer;
    var i_snow = 0;
    var x_mv = new Array();
    var crds = new Array();
    var lftrght = new Array();
    var browserinfos = navigator.userAgent;
    var ie5 = document.all && document.getElementById && !browserinfos.match(/Opera/);
    var ns6 = document.getElementById && !document.all;
    var opera = browserinfos.match(/Opera/);
    var browserok = ie5 || ns6 || opera;
    
    function randommaker(range)
    {
        return Math.floor(range * Math.random());
    }
    
    function initsnow()
    {
        if (ie5 || opera)
        {
            marginbottom = document.body.clientHeight;
            marginright  = document.body.clientWidth;
        }
        else if (ns6)
        {
            marginbottom = window.innerHeight;
            marginright  = window.innerWidth;
        }
    
        var snowsizerange = snowmaxsize - snowminsize;
    
        for (var i = 0; i <= snowmax; i++)
        {
            crds[i] = 0;
            lftrght[i] = Math.random() * 15;
            x_mv[i] = 0.03 + Math.random() / 10;
            snow[i] = document.getElementById('s' + i);
            snow[i].style.fontFamily = snowtype[randommaker(snowtype.length)];
            snow[i].size = randommaker(snowsizerange) + snowminsize;
            snow[i].style.fontSize = snow[i].size;
            snow[i].style.color = snowcolor[randommaker(snowcolor.length)];
            snow[i].sink = sinkspeed * snow[i].size / 5;
    
            if (snowingzone == 1)
                snow[i].posx = randommaker(marginright - snow[i].size);
    
            if (snowingzone == 2)
                snow[i].posx = randommaker(marginright / 2 - snow[i].size);
    
            if (snowingzone == 3)
                snow[i].posx = randommaker(marginright / 2 - snow[i].size) + marginright / 4;
    
            if (snowingzone == 4)
                snow[i].posx = randommaker(marginright / 2 - snow[i].size) + marginright / 2;
    
            snow[i].posy = randommaker(2 * marginbottom - marginbottom - 2 * snow[i].size);
            snow[i].style.left = snow[i].posx;
            snow[i].style.top = snow[i].posy;
        }
    
        movesnow();
    }
    
    function movesnow()
    {
        for (var i = 0; i <= snowmax; i++)
        {
            crds[i] += x_mv[i];
            snow[i].posy += snow[i].sink;
            snow[i].style.left = snow[i].posx + lftrght[i] * Math.sin(crds[i]);
            snow[i].style.top = snow[i].posy;
    
            if ((snow[i].posy >= (marginbottom - 2 * snow[i].size)) || (parseInt(snow[i].style.left) > (marginright - 3 * lftrght[i])))
            {
                if (snowingzone == 1)
                    snow[i].posx = randommaker(marginright - snow[i].size);
    
    
                if (snowingzone == 2)
                    snow[i].posx = randommaker(marginright / 2 - snow[i].size);
    
                if (snowingzone == 3)
                    snow[i].posx = randommaker(marginright / 2 - snow[i].size) + marginright / 4;
    
                if (snowingzone == 4)
                    snow[i].posx = randommaker(marginright / 2 - snow[i].size) + marginright / 2;
    
                snow[i].posy = 0;
            }
        }
    
        var timer = setTimeout('movesnow();', 20); //Wert von 10 bis 100
    }
    
    for (var i = 0; i <= snowmax; i++)
        document.write('<span id="s' + i +'" style="position: absolute; top: -' + snowmaxsize + '">' + snowletter + '</span>');
    
    if (browserok)
        window.onload = initsnow;
    //-->
    </script>
    </head>
    
    <body>
    </body>
    </html>
    Time.php

    Code:
        <HTML>
          <HEAD>
    <script language="javascript" src="uhr.js">
    </script>
    
          </HEAD>
          <body onLoad="show_clock()">
          
          </BODY>
       </HTML>
    uhr .js


    Code:
     ///////////////////////////////////////////////////////////
    // "Live Clock Advanced" script - Version 1.0
    // By Mark Plachetta (astroboy@zip.com.au)
    //
    // Get the latest version at:
    // http://www.zip.com.au/~astroboy/liveclock/
    //
    // Based on the original script: "Upper Corner Live Clock"
    // available at:
    // - Dynamic Drive (Dynamic Drive DHTML(dynamic html) & JavaScript code library)
    // - Website Abstraction (JavaScript Kit- Your comprehensive JavaScript, DHTML, CSS, and Ajax stop)
    // ========================================================
    // CHANGES TO ORIGINAL SCRIPT:
    // - Gave more flexibility in positioning of clock
    // - Added date construct (Advanced version only)
    // - User configurable
    // ========================================================
    // Both "Advanced" and "Lite" versions are available free
    // of charge, see the website for more information on the
    // two scripts.
    ///////////////////////////////////////////////////////////
    
    ///////////////////////////////////////////////////////////
    /////////////// CONFIGURATION /////////////////////////////
    
        // Set the clock's font face:
        var myfont_face = "Verdana";
    
        // Set the clock's font size (in point):
        var myfont_size = "10";
    
        // Set the clock's font color:
        var myfont_color = "#000000";
        
        // Set the clock's background color:
        var myback_color = "#FFFFFF";
    
        // Set the text to display before the clock:
        var mypre_text = "";
    
        // Set the width of the clock (in pixels):
        var mywidth = 300;
    
        // Display the time in 24 or 12 hour time?
        // 0 = 24, 1 = 12
        var my12_hour = 1;
    
        // How often do you want the clock updated?
        // 0 = Never, 1 = Every Second, 2 = Every Minute
        // If you pick 0 or 2, the seconds will not be displayed
        var myupdate = 1;
    
        // Display the date?
        // 0 = No, 1 = Yes
        var DisplayDate = 0;
    
    /////////////// END CONFIGURATION /////////////////////////
    ///////////////////////////////////////////////////////////
    
    // Browser detect code
            var ie4=document.all
            var ns4=document.layers
            var ns6=document.getElementById&&!document.all
    
    // Global varibale definitions:
    
        var dn = "";
        var mn = "th";
        var old = "";
    
    // The following arrays contain data which is used in the clock's
    // date function. Feel free to change values for Days and Months
    // if needed (if you wanted abbreviated names for example).
        var DaysOfWeek = new Array(7);
            DaysOfWeek[0] = "Sunday";
            DaysOfWeek[1] = "Monday";
            DaysOfWeek[2] = "Tuesday";
            DaysOfWeek[3] = "Wednesday";
            DaysOfWeek[4] = "Thursday";
            DaysOfWeek[5] = "Friday";
            DaysOfWeek[6] = "Saturday";
    
        var MonthsOfYear = new Array(12);
            MonthsOfYear[0] = "January";
            MonthsOfYear[1] = "February";
            MonthsOfYear[2] = "March";
            MonthsOfYear[3] = "April";
            MonthsOfYear[4] = "May";
            MonthsOfYear[5] = "June";
            MonthsOfYear[6] = "July";
            MonthsOfYear[7] = "August";
            MonthsOfYear[8] = "September";
            MonthsOfYear[9] = "October";
            MonthsOfYear[10] = "November";
            MonthsOfYear[11] = "December";
    
    // This array controls how often the clock is updated,
    // based on your selection in the configuration.
        var ClockUpdate = new Array(3);
            ClockUpdate[0] = 0;
            ClockUpdate[1] = 1000;
            ClockUpdate[2] = 60000;
    
    // For Version 4+ browsers, write the appropriate HTML to the
    // page for the clock, otherwise, attempt to write a static
    // date to the page.
        if (ie4||ns6) { document.write('<span id="LiveClockIE" style="width:'+mywidth+'px; background-color:'+myback_color+'"></span>'); }
        else if (document.layers) { document.write('<ilayer bgColor="'+myback_color+'" id="ClockPosNS" visibility="hide"><layer width="'+mywidth+'" id="LiveClockNS"></layer></ilayer>'); }
        else { old = "true"; show_clock(); }
    
    // The main part of the script:
        function show_clock() {
            if (old == "die") { return; }
        
        //show clock in NS 4
            if (ns4)
                    document.ClockPosNS.visibility="show"
        // Get all our date variables:
            var Digital = new Date();
            var day = Digital.getDay();
            var mday = Digital.getDate();
            var month = Digital.getMonth();
            var hours = Digital.getHours();
    
            var minutes = Digital.getMinutes();
            var seconds = Digital.getSeconds();
    
        // Fix the "mn" variable if needed:
            if (mday == 1) { mn = "st"; }
            else if (mday == 2) { mn = "nd"; }
            else if (mday == 3) { mn = "rd"; }
            else if (mday == 21) { mn = "st"; }
            else if (mday == 22) { mn = "nd"; }
            else if (mday == 23) { mn = "rd"; }
            else if (mday == 31) { mn = "st"; }
    
        // Set up the hours for either 24 or 12 hour display:
            if (my12_hour) {
                dn = "AM";
                if (hours > 12) { dn = "PM"; hours = hours - 12; }
                if (hours == 0) { hours = 12; }
            } else {
                dn = "";
            }
            if (minutes <= 9) { minutes = "0"+minutes; }
            if (seconds <= 9) { seconds = "0"+seconds; }
    
        // This is the actual HTML of the clock. If you're going to play around
        // with this, be careful to keep all your quotations in tact.
            myclock = '';
            myclock += '<font style="color:'+myfont_color+'; font-family:'+myfont_face+'; font-size:'+myfont_size+'pt;">';
            myclock += mypre_text;
            myclock += hours+':'+minutes;
            if ((myupdate < 2) || (myupdate == 0)) { myclock += ':'+seconds; }
            myclock += ' '+dn;
            if (DisplayDate) { myclock += ' on '+DaysOfWeek[day]+', '+mday+mn+' '+MonthsOfYear[month]; }
            myclock += '</font>';
    
            if (old == "true") {
                document.write(myclock);
                old = "die";
                return;
            }
    
        // Write the clock to the layer:
            if (ns4) {
                clockpos = document.ClockPosNS;
                liveclock = clockpos.document.LiveClockNS;
                liveclock.document.write(myclock);
                liveclock.document.close();
            } else if (ie4) {
                LiveClockIE.innerHTML = myclock;
            } else if (ns6){
                document.getElementById("LiveClockIE").innerHTML = myclock;
                    }            
    
        if (myupdate != 0) { setTimeout("show_clock()",ClockUpdate[myupdate]); }
    }
    Danke
    Haufe


  • #2
    Zitat von haufe Beitrag anzeigen
    Mache ich die beiden per Include in meine Index.php, verschwindet meine Uhr?!
    Vermutlich.
    Hast Du noch eine andere, konkrete Frage dazu?

    Kommentar


    • #3
      Iihhh… Schneefall!

      Warum sind deine HTML-Dateien denn mit der Endung .php versehen und wo ist dein PHP-Code. Ohne den kann dir hier niemand helfen.
      Refining Linux: “Performing Push Backups – Part 1: rdiff-backup

      Kommentar


      • #4
        Das ist doch kein PHP-Problem, das ist doch JavaScript und hat mit PHP nur gemeinsam, dass es dort eingebunden wird.

        Kommentar


        • #5
          Du solltest dich mal damit beschäftigen wo wie was eingebunden wird

          1) Das hier ist ein PHP-Forum, kein Javascript-Forum

          2) Wieso machst du 2 PHP(!)-Dateien, um in diesen dann <html>, <head> etc. zu definieren um darin dann wiederum JS zu definieren? Mach einfach .js-Dateien und schreib in diese deinen Javascript-Code, fertig

          3) Wo bindest du diese Dateien denn im Endeffekt ein? Zumindest eine Einbindung der "Schnee.php" kann ich nirgendwo sehen. Nichtsdestoweniger macht das onehin keinen Sinn. Mach eine schnee.js, eine uhr.js und binde dann beide in deiner index.html / index.php ein.

          -> SELFHTML: JavaScript / Einführung in JavaScript

          mfg

          Kommentar

          Lädt...
          X