/ Forside/ Teknologi / Internet / Hjemme sider / Spørgsmål
Login
Glemt dit kodeord?
Brugernavn 

Kodeord  


Reklame
Top 10 brugere
Hjemme sider
#NavnPoint
molokyle 23766
bentjuul 7763
Klaudi 7497
BjarneD 4584
severino 4460
Manse9933 4366
disken 3947
natmaden 3885
miritdk 3593
10  refi 3578
2 scripts på samme side
Fra : color
Vist : 155 gange
200 point
Dato : 08-07-04 17:44

Hej
Jeg har en side hvor jeg gerne vil have et count-up script. Men når jeg
prøver at kopiere det ind virker mouseover i menuen ikke. Håber virkelig at
nogen kan og vil hjælpe mig, da jeg bestemt ikke er nogen haj til det her.

Hilsen baldrian

Siden er her: http://www.ridderne.dk/lukas/aktuelt.htm
Count-up scriptet skal være i den store tomme tabel.

Scriptet er her: http://www.jjam.de/JavaScript/Datum_Uhrzeit/Countup.html


 
 
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

En direkte copy/paste af ovenstående giver:http://ridderne.dk/lukas/test3.htm

Jeg har prøvet selv, og counter scriptet virker fint, men mouseover i menuen virker ikke mere...
http://ridderne.dk/lukas/test2.htm

Håber at du har mod på at kigge på det igen! - Er yderst taknemlig!

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 : molokyle


Dato : 08-07-04 21:29

Ps. ...men så skal du også lige huske at fjerne kaldet til : preloadImages(); i din <body...>'s onload

</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>

Kommentar
Fra : molokyle


Dato : 09-07-04 10:04

Ps. Inden jeg sidder og koder hele dit site ...skulle du måske overveje at stille nye spørgsmål ved at oprette nye tråde. Du behøver altså ikke gi' noget særligt i point. Ikke fordi jeg ikke gider hjælpe dig, men mere fordi andre vil kunne få glæde af at læse de specifikke svar på specifikke spørgsmål

Jeg følger altid med i : Websites, Hjemmesider, HTML, DHTML, Javascript, Java og Andet internet

</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.            

Kommentar
Fra : molokyle


Dato : 09-07-04 13:58

Velbekomme color

Go' week-end og ....vi ses på kandu.dk.

Citat
Velkommen til kandu.dk
Vejen til en hurtig løsning, gennem bruger til bruger hjælp, danske nyhedsgrupper, kurser og vidensdeling.


</MOLOKYLE>

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.
Søg
Reklame
Statistik
Spørgsmål : 173637
Tips : 31664
Nyheder : 719565
Indlæg : 6383624
Brugere : 218258

Månedens bedste
Årets bedste
Sidste års bedste