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
Time.php
uhr .js
Danke
Haufe
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>
Code:
<HTML> <HEAD> <script language="javascript" src="uhr.js"> </script> </HEAD> <body onLoad="show_clock()"> </BODY> </HTML>
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]); } }
Haufe
Kommentar