CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

krk Nybegynder

05. november 2012 - 14:36 Der er 13 kommentarer og
1 løsning

Valg af dato

Hej

Jeg er ved at lave åbningstider på en hjemmeside.
Jeg kunne godt tænke mig at man kan se åbningstiderne for alle dagen, men ugedagen for i dag skal være fremhævet.
Noget i denne stil:

man 9-15
tir 9-16
<b>ons 8-16</b>
tor 9-16
fre 9-12

man-, tir-, tor- og fredag er fadet ud og onsdag står med fed.

Jeg skal så have den til at skifte automatisk :-)

Kan nogle pege mig i den rigtig retning?

Synes godt om

dennisbjorn Juniormester

05. november 2012 - 17:13 #1

<div>

<html>
<head>
<script>
window.onload=function(){
var d = new Date();
var n = d.getDay();
if (n=1) document.getElementById('man').style.fontWeight="bold";
if (n=2) document.getElementById('man').style.fontWeight="bold";
if (n=3) document.getElementById('man').style.fontWeight="bold";
if (n=4) document.getElementById('man').style.fontWeight="bold";
if (n=5) document.getElementById('man').style.fontWeight="bold";
}
</script>
</head>
<body>
<div id="man">man 9-15</div>
<div id="tir">tir 9-16</div>
<div id="ons">ons 8-16</div>
<div id="tor">tor 9-16</div>
<div id="fre">fre 9-12</div>
</body>
</html>

</div>

Synes godt om

dennisbjorn Juniormester

05. november 2012 - 17:31 #2

Ohh der var et par fejl i den første - denne skulle virke:

<html>
<head>
<script>
window.onload=function(){
var d = new Date();
var n = d.getDay();
if (n==1) {document.getElementById('man').style.fontWeight="bold";}
if (n==2) {document.getElementById('tir').style.fontWeight="bold";}
if (n==3) {document.getElementById('ons').style.fontWeight="bold";}
if (n==4) {document.getElementById('tor').style.fontWeight="bold";}
if (n==5) {document.getElementById('fre').style.fontWeight="bold";}
}
</script>
</head>
<body>
<div id="man">man 9-15</div>
<div id="tir">tir 9-16</div>
<div id="ons">ons 8-16</div>
<div id="tor">tor 9-16</div>
<div id="fre">fre 9-12</div>
</body>
</html>

Synes godt om

olsensweb.dk Ekspert

05. november 2012 - 18:01 #3

du er godt nok godtroende at stole på brugerens ur går rigtigt :), du bør gøre det serverside

her er en anden løsning i js, hvor du skifter css classen istedet

<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8">
    <title></title>
    <style type="text/css">
    .bold{
        font-family:arial, helvetica; font-size:12px; font-weight:bold;
    }
    .gray{
        color:gray;
    }    
    </style>
    <script type="text/javascript">
    function marker(){
        var weekday=Array("søn","man","tir","ons","tor","fre","lør");        
        var d = new Date();
        var n = d.getDay();    
        if(n==0 || n==5 || n==6);
        else document.getElementById(weekday[n]).className="bold";        
    }  
    </script>
</head>
<body>
  <div class ="gray" id="man">man 9-15</div>
  <div class ="gray" id="tir">tir 9-16</div>
  <div class ="gray" id="ons">ons 8-16</div>
  <div class ="gray" id="tor">tor 9-16</div>
  <div class ="gray" id="fre">fre 9-12</div>
  <script type="text/javascript">
    marker();
  </script>
</body>
</html>

Synes godt om

krk Nybegynder

05. november 2012 - 18:10 #4

Tak for begge jeres indslag. jeg får lige kigget på dem i morgen og så vender jeg tilbage :-)

Lige et hurtigt spørgsmål til ronols. Hvad er det der gør at dit er serverside? Eller det er det måske heller ikke, du mener bare at jeg skal skrive koden i noget andet end JS?

Synes godt om

olsensweb.dk Ekspert

05. november 2012 - 18:19 #5

så var det min tur til at lave en smutter
if(n==0 || n==5 || n==6);
skulle se sådan ud
if(n==0 || n==6);

fredag er vist ikke en lukke dag, der er jo kun lukket lørdag og søndag, men det plejer man faktisk at skrive

Synes godt om

olsensweb.dk Ekspert

05. november 2012 - 18:23 #6

>Hvad er det der gør at dit er serverside?
mit er ikke serverside, men jeg vil fårslå du idet mindste dagnummer serverside.

>var d = new Date();
>var n = d.getDay();
du skal finde n serverside

Synes godt om

krk Nybegynder

05. november 2012 - 18:30 #7

Jeg skal lige have det klippet ud i pap.
Det vil sige at hvis mit site er oprettet på et webhotel der bruger asp, så skal jeg hente date fra ASP kode.
Men må jeg godt skrive ASP kode i en JS kode?

Undskyld, men jeg har altså ikke en pind forstand på det ;-)

Synes godt om

olsensweb.dk Ekspert

05. november 2012 - 19:06 #8

>Men må jeg godt skrive ASP kode i en JS kode?
ja.

med PHP

<script type="text/javascript">
function marker(){
    var weekday=Array("søn","man","tir","ons","tor","fre","lør");        
    var n =  <?php echo date("N")%7; echo ";\n";?> 
    if(n==0 || n==6);
    else document.getElementById(weekday[n]).className="bold";        
}  
</script>

jeg ved ikke ret meget om ASP, så tag følgende med forbehold (utested)
men kiggede lidt på http://www.aspwebpro.com/aspscripts/dates/dayofweek.asp

<script type="text/javascript">
function marker(){
    var weekday=Array("søn","man","tir","ons","tor","fre","lør");        
    var n =  <% Response.Write DatePart("w", Date())-1 %>; 
    if(n==0 || n==6);
    else document.getElementById(weekday[n]).className="bold";        
}  
</script>

Synes godt om

krk Nybegynder

05. november 2012 - 19:25 #9

Hej Ronols
Tak for det. Jeg får først kigget på det i morgen, men tak for hjælpen :-)

Synes godt om

krk Nybegynder

06. november 2012 - 09:51 #10

Hej igen
Det virker fint :-)
Mange tak for hjælpen, du henter bare point

Synes godt om

olsensweb.dk Ekspert

06. november 2012 - 10:59 #11

pointne bør tilfalde dennisbjorn da han var først med løsningen, jeg lavede i mine øjne nogle forbedringer.
jeg springer over

@dennisbjorn smid et svar

Synes godt om

dennisbjorn Juniormester

06. november 2012 - 12:32 #12

hermed svar..

ronols kunne jo evt. få halvdelen af pointene for hans forbedringer..

Synes godt om

krk Nybegynder

06. november 2012 - 12:47 #13

Tak for hjælpen til jer begge. Det var en super hjælp, nu skal jeg bare have det til at virke i umbraco :-)
Det må blive i en anden tråd.

Da jeg gav point fik jeg ikke læst hvad dennisbjorn havde skrevet, så jeg var lidt for hurtig til at give ham alle pointes.
Ronols, skal jeg oprettet et nyt indlæg og give dig point denne vej?

Synes godt om

olsensweb.dk Ekspert

06. november 2012 - 13:29 #14

>Ronols, skal jeg oprettet et nyt indlæg og give dig point denne vej?
nej jeg springer point over, har ikke noget at bruge dem til

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Sæt vindue størrelse Af poulmadsen i JavaScript	1	08/10/202417:18	13/10/202412:33
Opgavestyring Af ingeman i JavaScript	1	15/09/202416:06	15/09/202420:40
Returner ikke alt Af ingeman i JavaScript	13	26/06/202414:40	01/07/202417:00
Vis og skjul sektioner - virker kun på den første sektion Af nemlig i JavaScript	4	24/06/202422:50	26/06/202420:33
Hente og gemme Cookies like this. Af DanishBear i JavaScript	6	04/06/202416:23	05/06/202414:23

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS