|
|
 | 2 scripts på samme side
Fra :  color | Vist : 266 gange
200 point
Dato : 08-07-04 17:44 |
| | |
 | Kommentar
Fra : molokyle  |
Dato : 08-07-04 18:21 |
|
Tjae... du burde bare kunne smide det ind i den samme <script TYPE="text/javascript"> <!-- ... --> </script> i din <head> ... </head>, som dit menu script.
Husk blot at kalde det med <body onload="countup()"> og læg din :
Kode
<form name="countupform">
<p>
<input size="75" name="countupinput">
</p>
</form> |
i den <td> ... </td> du vil ha' i din tabel.
</MOLOKYLE>
| |
| Kommentar
Fra : color |
Dato : 08-07-04 19:32 |
|
Tak molokyle,
men jeg forstår det ikke helt.
Jeg forlanger ikke en færdig løsning (det ville dog være rart i dette tilfælde  , men er bare helt på bar bund hvor jeg skal sætte de forskellige ting.
Skal alt fra head'eren fra countup scriptet bare kopieres ind i den eksisterende head'er og body onload i body'en samt koden i tabellen?
| |
| Kommentar
Fra : molokyle |
Dato : 08-07-04 19:45 |
|
Jeg har ikke prøvet selv (...så skulle jeg jo hente alle din *.gif's )
Men noget i denne retning :
Kode
HTML>
<HEAD>
<TITLE>menu</TITLE>
<meta HTTP-EQUIV="imagetoolbar" CONTENT="no">
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<!-- ImageReady Preload Script (menu.html) -->
<SCRIPT TYPE="text/javascript">
<!--
function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}
function changeImages() {
if (document.images && (preloadFlag == true)) {
for (var i=0; i<changeImages.arguments.length; i+=2) {
document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
}
}
}
var preloadFlag = false;
function preloadImages() {
if (document.images) {
menu_start_over = newImage("images/menu_start-over.gif");
menu_hvem_over = newImage("images/menu_hvem-over.gif");
menu_aktuelt_over = newImage("images/menu_aktuelt-over.gif");
menu_foto_over = newImage("images/menu_foto-over.gif");
menu_onske_over = newImage("images/menu_onske-over.gif");
menu_sjov_over = newImage("images/menu_sjov-over.gif");
menu_skriv_over = newImage("images/menu_skriv-over.gif");
preloadFlag = true;
}
}
var jahr=2001, monat=1, tag=1, stunde=0, minute=0, sekunde=0; // Start-Datum in MEZ
function countup() {
var startDatum=new Date(jahr,monat-1,tag,stunde,minute,sekunde);
zielDatum=new Date(); // Aktuelles Datum
// Countup erst berechnen und anzeigen, wenn Start-Datum überschritten wird
if(startDatum<zielDatum) {
var jahre=0, monate=0, tage=0, stunden=0, minuten=0, sekunden=0;
/* Allgemeines Vorgehen:
* Zunächst werden die vollen Jahre gezählt
* und anschließend der Start- und Ziel-Monat auf den jeweiligen 1. gesetzt.
* Nun werden erst die vollen Monate vom 1. zum 1. des Start- bzw. Ziel-Monats
* berechnet und danach die tatsächlichen Monatstage wieder mit einbezogen.
* Dieses Vorgehen vermeidet Probleme mit den verschiedenen Monatslängen.
* Was übrig bleibt, wird in Tagen, Stunden, Minuten und Sekunden ausgedrückt.*/
// Jahre
if(startDatum<zielDatum) {
while(startDatum<zielDatum) {
if(startDatum.setFullYear(startDatum.getFullYear()+1)<=zielDatum) jahre++;
}
startDatum.setFullYear(startDatum.getFullYear()-1);
}
// Restliche Tage zum Monatsende ermitteln
var restTage=0;
var m=startDatum.getMonth();
if(m==1-1|| m==3-1||m==5-1||m==7-1||m==8-1||m==10-1||m==12-1)
restTage=31-startDatum.getDate();
else if(m==4-1|| m==6-1||m==9-1||m==11-1) restTage=30-startDatum.getDate();
else if(m==2-1) {
if(startDatum.getFullYear()%4==0 && (startDatum.getFullYear()%100!=0
|| startDatum.getFullYear()%400==0))
restTage=29-startDatum.getDate(); // Schaltjahr
else restTage=28-startDatum.getDate();
}
// Start- und Ziel-Tag merken und auf 1 setzen
var startTag=startDatum.getDate();
var zielTag=zielDatum.getDate();
startDatum.setDate(1);
zielDatum.setDate(1);
// Monate
if(startDatum<zielDatum) {
while(startDatum<zielDatum) {
if(startDatum.setMonth(startDatum.getMonth()+1)<=zielDatum) monate++;
}
startDatum.setMonth(startDatum.getMonth()-1);
}
// Tatsächlichen Start- und Ziel-Tag berücksichtigen
if(startDatum.getMonth()==zielDatum.getMonth()) {
if(startTag<=zielTag) startDatum.setDate(startTag);
else {
monate--;
tage=restTage+1;
}
}
else {
startDatum.setMonth(startDatum.getMonth()+1);
if(startTag>=zielTag) tage=restTage+1;
else {
monate++;
startDatum.setDate(startTag);
}
}
zielDatum.setDate(zielTag);
// Tage
restTage=Math.floor((zielDatum-startDatum)/(24*60*60*1000));
startDatum.setTime(startDatum.getTime()+restTage*24*60*60*1000);
tage+=restTage;
// Stunden
stunden=Math.floor((zielDatum-startDatum)/(60*60*1000));
startDatum.setTime(startDatum.getTime()+stunden*60*60*1000);
// Minuten
minuten=Math.floor((zielDatum-startDatum)/(60*1000));
startDatum.setTime(startDatum.getTime()+minuten*60*1000);
// Sekunden
sekunden=Math.floor((zielDatum-startDatum)/1000);
// Anzeige formatieren
(jahre!=1)?jahre=jahre+" Jahre, ":jahre=jahre+" Jahr, ";
(monate!=1)?monate=monate+" Monate, ":monate=monate+" Monat, ";
(tage!=1)?tage=tage+" Tage, ":tage=tage+" Tag, ";
(stunden!=1)?stunden=stunden+" Stunden, ":stunden=stunden+" Stunde, ";
(minuten!=1)?minuten=minuten+" Minuten und ":minuten=minuten+" Minute und ";
if(sekunden<10) sekunden="0"+sekunden;
(sekunden!=1)?sekunden=sekunden+" Sekunden":sekunden=sekunden+" Sekunde";
document.countupform.countupinput.value=
jahre+monate+tage+stunden+minuten+sekunden;
}
// Anderenfalls alles auf Null setzen
else document.countupform.countupinput.value=
"0 Jahre, 0 Monate, 0 Tage, 0 Stunden, 0 Minuten und 00 Sekunden";
setTimeout('countup()',200);
}
// -->
</SCRIPT>
<!-- End Preload Script -->
</HEAD>
<body onload="preloadImages();countup()">
<table width="640" height="480" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
.
. bla bla...
.
<td><form name="countupform">
<p>
<input size="75" name="countupinput">
</p>
</form></td>
.
. bla bla...
.
</tr>
</table>
</body>
</html> |
...med alle forbehold for fejl i Kandu.dk's måde at gengive kode. Der går nemlig ofte kuk i den
</MOLOKYLE>
| |
| Kommentar
Fra : color |
Dato : 08-07-04 20:07 |
| | |
| Kommentar
Fra : molokyle |
Dato : 08-07-04 21:27 |
|
Istedet for em menu mouse over som du bruger :
Kode
<A HREF="./index.htm" ONMOUSEOVER="changeImages('menu_start', 'images/menu_start-over.gif'); return true;" ONMOUSEOUT="changeImages('menu_start', 'images/menu_start.gif'); return true;"><IMG NAME="menu_start" SRC="images/menu_start.gif" WIDTH=103 HEIGHT=25 BORDER=0 ALT=""></A> |
..med preload script og hele balladen skulle du måske slette scriptet og prøve noget simpelt ....uden script :
Kode
<A HREF="./index.htm"><img src="images/menu_start.gif" onmouseover="this.src='images/menu_start-over.gif'" onmouseout="this.src='images/menu_start.gif'" border="0"></a> |
Det virker på samme måde
</MOLOKYLE>
| |
| Kommentar
Fra : color |
Dato : 09-07-04 00:28 |
|
Det hjalp! Så virker begge ting...
Dog er der stadig et lille problem som jeg vil høre om du kan løse! ?
se på http://www.ridderne.dk/lukas/aktuelt_test.htm
Counter-scriptet bryder rammen (der er lagt som baggrund i tabellen) kan denne counter-ting rykkes lidt til højre, så den kommer inden for rammen?
Pft. tak for hjælpen!
| |
| Accepteret svar
Fra : molokyle | 
Modtaget 200 point
Dato : 09-07-04 09:56 |
|
Prøv at centrer det :
Kode
<td><form name="countupform">
<div style="text-align:center">
<input size="75" name="countupinput">
</div>
</form></td> |
...eller brug en posisition CSS ting, hvor du selv styrr din venstre margin : http://www.w3schools.com/css/css_reference.asp#positioning
</MOLOKYLE>
| |
| Godkendelse af svar
Fra : color |
Dato : 09-07-04 13:45 |
|
Du har ret... Det ville nok være bedre med 2 sp. Sorry.
Men nu virker det! Tak for det.
| |
 | Du har følgende muligheder | |
|
Eftersom du ikke er logget ind i systemet, kan du ikke skrive et indlæg til dette spørgsmål.
Hvis du ikke allerede er registreret, kan du gratis blive medlem, ved at trykke på "Bliv medlem" ude i menuen.
| |
|
|