Notifikationer

Markér alle som læst Log ud

c-sharp Nybegynder

10. januar 2004 - 13:34 Der er 19 kommentarer og
1 løsning

Vil have vist en kalender i et andet lag

Jeg har lavet nogle tekstbokse hvor i man skal skive en dato, man kan også vælge at bruge en kalender, hvis man trykker på en knap ved siden af tekstboksen. Denne kanlender kunne jeg godt tænke mig kom frem i et andet lag på siden, og helst samme sted på siden lige meget hvilken opløsning brugeren køre på hans skærm.

Hvordan laver jeg dette?

Synes godt om

roenving Novice

10. januar 2004 - 13:50 #1

Har du kalenderen allerede ?-)

For det kan komme meget an på, hvordan den ser ud !-)

Synes godt om

c-sharp Nybegynder

10. januar 2004 - 13:54 #2

Ja jeg har kalenderen (bruger den der ligger i .NET framework).

Synes godt om

roenving Novice

10. januar 2004 - 13:56 #3

-- som jeg ikke engang har en forestilling om, hvordan ser ud ...

Synes godt om

thesurfer Nybegynder

10. januar 2004 - 14:04 #4

hmm.. er det ikke bare at placere kalenderen i et span/div område og skifte mellem display='inline' og display='none'..?

Synes godt om

c-sharp Nybegynder

10. januar 2004 - 14:07 #5

Og hvordan gør jeg det?

Vil den så blive vist ovenpå de tekstbokse og labels der måtte være ?

Synes godt om

thesurfer Nybegynder

10. januar 2004 - 14:12 #6

Vis os noget kode, så viser vi dig noget kode :)

Synes godt om

c-sharp Nybegynder

10. januar 2004 - 14:16 #7

Her er siden den skal på:

<body bgColor="#cccccc" MS_POSITIONING="GridLayout">
<table align="center">
<form id="Form1" name="form" method="post" runat="server">
<TBODY>
<TR>
<TD colSpan="6">
<div class="brod_txt_Over" align="center">Oprettelse af nyhed</div>
</TD>
</TR>
<TR>
<TD></TD>
</TR>
<TR>
<TD class="brod_txt_hvid"> </TD>
<TD colSpan="4"> </TD>
<TR>
<TD class="brod_txt" width="70"><STRONG>Dato:</STRONG></TD>
<TD colSpan="4"><INPUT class="inputText" id="Text4" name="dato" runat="server"> <span class="brod_txt">kalender</span></TD>
</TR>
<TR>
<TD class="brod_txt"><STRONG>Visning:</STRONG></TD>
<TD class="brod_txt" width="29">Fra:
</TD>
<TD width="172"><INPUT class="inputText" id="Text2" name="dato3" runat="server"></TD>
<TD class="brod_txt" width="27">Til:
</TD>
<TD width="160"><INPUT class="inputText" id="Text3" name="dato2" runat="server"></TD>
</TR>
<TR>
<TD class="brod_txt"><STRONG>Overskrift:</STRONG></TD>
<TD colSpan="4"><INPUT class="inputText" id="Text1" size="66" name="overskrift" runat="server"></TD>
</TR>
<TR>
<TD class="brod_txt" vAlign="top"><STRONG>Nyhed:</STRONG></TD>
<TD vAlign="top" colSpan="4"><TEXTAREA class="inputText" id="TEXTAREA1" style="OVERFLOW: auto" name="Nyhed" rows="10" cols="50"
runat="server"></TEXTAREA></TD>
</TR>
<TR>
<TD> </TD>
<TD align="right" colSpan="5"><INPUT class="knap" id="Submit1" type="submit" value="Post" name="Submit" runat="server"></TD>
</TR>
</form>
</TBODY></table>
</body>
</HTML>

Og her er min kalender:

<asp:calendar id="Calendar1" runat="server" OnSelectionChanged="Calendar1_SelectionChanged" OnDayRender="Calendar1_DayRender"
showtitle="true" DayNameFormat="FirstTwoLetters" SelectionMode="Day" BackColor="#ffffff" FirstDayOfWeek="Monday"
BorderColor="#000000" ForeColor="#00000" Height="60" Width="120" CssClass="brod_txt">
<NextPrevStyle ForeColor="White" BackColor="Navy"></NextPrevStyle>
<TitleStyle ForeColor="White" BackColor="Navy"></TitleStyle>
<OtherMonthDayStyle ForeColor="Silver"></OtherMonthDayStyle>
</asp:calendar>

Synes godt om

c-sharp Nybegynder

10. januar 2004 - 14:17 #8

Den skal komme frem nedenunder "<span class="brod_txt">kalender</span>" når jeg trykker på kalender.

Synes godt om

roenving Novice

10. januar 2004 - 14:23 #9

Så er det vel:

<TR>
<TD class="brod_txt" width="70"><STRONG>Dato:</STRONG></TD>
<TD colSpan="4"><INPUT class="inputText" id="Text4" name="dato" runat="server"> <span class="brod_txt">kalender</span>
<asp:calendar id="Calendar1" runat="server" OnSelectionChanged="Calendar1_SelectionChanged" OnDayRender="Calendar1_DayRender"
showtitle="true" DayNameFormat="FirstTwoLetters" SelectionMode="Day" BackColor="#ffffff" FirstDayOfWeek="Monday"
BorderColor="#000000" ForeColor="#00000" Height="60" Width="120" CssClass="brod_txt">
<NextPrevStyle ForeColor="White" BackColor="Navy"></NextPrevStyle>
<TitleStyle ForeColor="White" BackColor="Navy"></TitleStyle>
<OtherMonthDayStyle ForeColor="Silver"></OtherMonthDayStyle>
</asp:calendar></TD>
</TR>

Synes godt om

roenving Novice

10. januar 2004 - 14:27 #10

Eller rettere:

<TR>
<TD class="brod_txt" width="70"><STRONG>Dato:</STRONG></TD>
<TD colSpan="4"><INPUT class="inputText" id="Text4" name="dato" runat="server"> <span class="brod_txt" onclick="dst=document.getElementById('calDiv').style;dst.display=(dst.display!='block')?'block':'none';">kalender</span>
<div id="calDiv" style="display:none;"><asp:calendar id="Calendar1" runat="server" OnSelectionChanged="Calendar1_SelectionChanged" OnDayRender="Calendar1_DayRender"
showtitle="true" DayNameFormat="FirstTwoLetters" SelectionMode="Day" BackColor="#ffffff" FirstDayOfWeek="Monday"
BorderColor="#000000" ForeColor="#00000" Height="60" Width="120" CssClass="brod_txt">
<NextPrevStyle ForeColor="White" BackColor="Navy"></NextPrevStyle>
<TitleStyle ForeColor="White" BackColor="Navy"></TitleStyle>
<OtherMonthDayStyle ForeColor="Silver"></OtherMonthDayStyle>
</asp:calendar></div></TD>
</TR>

Synes godt om

thesurfer Nybegynder

10. januar 2004 - 14:29 #11

Kan man ikke bare bruge en helt alm "dropdownmenu"? Den placeres jo over elementer, dvs den dække dem, i stedet for at skubbe dem ned ad siden..

Synes godt om

roenving Novice

10. januar 2004 - 14:30 #12

-- og hvis du vil undgå, at den skubber rundt på andre elementer, kan du til føje z-index og position:

<div id="calDiv" style="display:none;position:absolute;z-index:1">

-- og også tilføje position til td'en:

<TD colSpan="4" style="position:relative;">

Synes godt om

c-sharp Nybegynder

10. januar 2004 - 14:36 #13

Nu kør den ikke i lag, for den rykker alt det der står nedenunder, den skulle gerne komme ovenpå det der står nedenunder.

Synes godt om

thesurfer Nybegynder

10. januar 2004 - 14:36 #14

..og så kan han jo også placere den med left og top:
<div id="calDiv" style="display:none;position:absolute;z-index:1;left:0px;top:5px;">

Synes godt om

c-sharp Nybegynder

10. januar 2004 - 14:37 #15

havde ikke lige fået opdateret min browser, så jeg så ikke lige de sidste svar

Synes godt om

thesurfer Nybegynder

10. januar 2004 - 14:39 #16

.. værdierne til left og top kan også være negative:
left:-200px;top:-123px;

Hvis det er at, du har tænkt at lege med.. :)

Synes godt om

c-sharp Nybegynder

10. januar 2004 - 22:49 #17

Nu skal i to have tusind tak for hjælpen :-) smid et par svar også er der point!

Synes godt om

thesurfer Nybegynder

11. januar 2004 - 03:15 #18

Nej, tak.. det er roenving der skal ha' points :)

Synes godt om

roenving Novice

11. januar 2004 - 03:38 #19

Jamen velbekomme '-)

Synes godt om

roenving Novice

11. januar 2004 - 23:09 #20

-- og tak for points ;~}

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 HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

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