Indsætte værdi i et felt

Følg venligst op på dine gamle spørgsmål:

http://www.eksperten.dk/list.phtml?sort=&order=DESC&status_1=on&status_2=on&spm_creator=michael_f&spm_part=&spm_answer=&find=&engine=exp

/theSurfer

Hvilket spørgsmål mener du?

Dem alle, da der ikke er eet eneste med et blåt flag ...

jeg har fulgt op på dem nu

Det kommer stærkt an på, hvordan din funktion ser ud !-)

PS. Det er vel også noget javascript og ikke det helt forskellige programmeringssprog Java, det er lavet i ?-)

Jeg vil tro, at det er JavaScript han mener..
og så er det val bare at tage dato-feltet, og plusse med 2.. måske skal man konvertere det til Dato-format først..

Ellers skal man vel kigge på de sidste (4?) cifre: 29-6-2005

Jeg regner med at roenving tager over... :-)

Jeg er hoppet ud af dette spm (abonnerer ikke længere på det = ingen mails)..
Hvis I har en vigtig besked til mig, skriv en henvisning her: http://www.eksperten.dk/spm/501654

/theSurfer

jo det er javascript men hvordan får jeg automatisk overført værdien til udløbsdatofeltet samt lægge 2 år til efter at jeg har valgt dato?

Ved at reagere, på at datoen indsættes, og det sker i dit script, derfor er det helt afgørende hvordan din kode ser ud !-)

Her er koden til datofunktionen:



    <tr>

    <td width="25%">Manufactor</td>
    <td width="25%"><input type="text" name="manufactor" style="width: 190px"></td>
  </tr>


    <script language=javascript type="text/javascript" src="/calendar/datetimepicker.js">
    <script type="text/javascript" src="/calendar/jscalendar/calendar.js"></script>
    <script type="text/javascript" src="/calendar/jscalendar/jscalendar-setup.js"></script>
    <script type="text/javascript" src="/calendar/jscalendar/lang/calendar-da.js"></script>
    <style type="text/css">import @ url("/calendar/jscalendar/calendar-win2k-1.css"); </style>

<tr>
                  <td width="25%">Shipping date</td>
<td>              <input type="" readonly name="shipping_date" id="shipping_date" style="width: 190px">
                  <a href="java script:NewCal('shipping_date','ddmmmyyyy',false,24)">
                  <img src="/Calendar/images/cal.gif" border="0" alt="Pick a date">

</tr>

-- så er det funktionen NewCal, som sikkert ligger i calendar.js, vi skal have fat i !-)

ok så smider jeg et eksemplar af den her :) :

function NewCal(pCtrl,pFormat,pShowTime,pTimeMode)
{
        Cal=new Calendar(dtToday);
        if ((pShowTime!=null) && (pShowTime))
        {
                Cal.ShowTime=true;
                if ((pTimeMode!=null) &&((pTimeMode=='12')||(pTimeMode=='24')))
                {
                        TimeMode=pTimeMode;
                }
        }
        if (pCtrl!=null)
                Cal.Ctrl=pCtrl;
        if (pFormat!=null)
                Cal.Format=pFormat.toUpperCase();

        exDateTime=document.getElementById(pCtrl).value;
        if (exDateTime!="")//Parse Date String
        {
                var Sp1;//Index of Date Separator 1
                var Sp2;//Index of Date Separator 2
                var tSp1;//Index of Time Separator 1
                var tSp1;//Index of Time Separator 2
                var strMonth;
                var strDate;
                var strYear;
                var intMonth;
                var YearPattern;
                var strHour;
                var strMinute;
                var strSecond;
                //parse month
                Sp1=exDateTime.indexOf(DateSeparator,0)
                Sp2=exDateTime.indexOf(DateSeparator,(parseInt(Sp1)+1));

                if ((Cal.Format.toUpperCase()=="DDMMYYYY") || (Cal.Format.toUpperCase()=="DDMMMYYYY"))
                {
                        strMonth=exDateTime.substring(Sp1+1,Sp2);
                        strDate=exDateTime.substring(0,Sp1);
                }
                else if ((Cal.Format.toUpperCase()=="MMDDYYYY") || (Cal.Format.toUpperCase()=="MMMDDYYYY"))
                {
                        strMonth=exDateTime.substring(0,Sp1);
                        strDate=exDateTime.substring(Sp1+1,Sp2);
                }
                if (isNaN(strMonth))
                        intMonth=Cal.GetMonthIndex(strMonth);
                else
                        intMonth=parseInt(strMonth,10)-1;
                if ((parseInt(intMonth,10)>=0) && (parseInt(intMonth,10)<12))
                        Cal.Month=intMonth;
                //end parse month
                //parse Date
                if ((parseInt(strDate,10)<=Cal.GetMonDays()) && (parseInt(strDate,10)>=1))
                        Cal.Date=strDate;
                //end parse Date
                //parse year
                strYear=exDateTime.substring(Sp2+1,Sp2+5);
                YearPattern=/^\d{4}$/;
                if (YearPattern.test(strYear))
                        Cal.Year=parseInt(strYear,10);
                //end parse year
                //parse time
                if (Cal.ShowTime==true)
                {
                        tSp1=exDateTime.indexOf(":",0)
                        tSp2=exDateTime.indexOf(":",(parseInt(tSp1)+1));
                        strHour=exDateTime.substring(tSp1,(tSp1)-2);
                        Cal.SetHour(strHour);
                        strMinute=exDateTime.substring(tSp1+1,tSp2);
                        Cal.SetMinute(strMinute);
                        strSecond=exDateTime.substring(tSp2+1,tSp2+3);
                        Cal.SetSecond(strSecond);
                }
        }
        winCal=window.open("","DateTimePicker","toolbar=0,status=0,menubar=0,fullscreen=no,width=195,height=245,resizable=0,top="+cnTop+",left="+cnLeft);
        docCal=winCal.document;
        RenderCal();
}

-- og den kalder videre til funktionen RenderCal() ...

-- måske er Calendar-funktionen nødvendig ...

her er rendercal() i første omgang:

function RenderCal()
{
        var vCalHeader;
        var vCalData;
        var vCalTime;
        var i;
        var j;
        var SelectStr;
        var vDayCount=0;
        var vFirstDay;

        docCal.open();
        docCal.writeln("<html><head><title>"+WindowTitle+"</title>");
        docCal.writeln("<script>var winMain=window.opener;</script>");
        docCal.writeln("</head><body background='"+ThemeBg+"' link="+FontColor+" vlink="+FontColor+"><form name='Calendar'>");

        vCalHeader="<table border=1 cellpadding=1 cellspacing=1 width='100%' align=\"center\" valign=\"top\">\n";
        //Month Selector
        vCalHeader+="<tr>\n<td colspan='7'><table border=0 width='100%' cellpadding=0 cellspacing=0><tr><td align='left'>\n";
        vCalHeader+="<select name=\"MonthSelector\" onChange=\"java script:winMain.Cal.SwitchMth(this.selectedIndex);winMain.RenderCal();\">\n";
        for (i=0;i<12;i++)
        {
                if (i==Cal.Month)
                        SelectStr="Selected";
                else
                        SelectStr="";
                vCalHeader+="<option "+SelectStr+" value >"+MonthName[i]+"\n";
        }
        vCalHeader+="</select></td>";
        //Year selector
        vCalHeader+="\n<td align='right'><a href=\"java script:winMain.Cal.DecYear();winMain.RenderCal()\"><b><font color=\""+YrSelColor+"\"><</font></b></a><font face=\"Verdana\" color=\""+YrSelColor+"\" size=2><b> "+Cal.Year+" </b></font><a href=\"java script:winMain.Cal.IncYear();winMain.RenderCal()\"><b><font color=\""+YrSelColor+"\">></font></b></a></td></tr></table></td>\n";
        vCalHeader+="</tr>";
        //Calendar header shows Month and Year
        if (ShowMonthYear)
                vCalHeader+="<tr><td colspan='7'><font face='Verdana' size='2' align='center' color='"+MonthYearColor+"'><b>"+Cal.GetMonthName(ShowLongMonth)+" "+Cal.Year+"</b></font></td></tr>\n";
        //Week day header
        vCalHeader+="<tr bgcolor="+WeekHeadColor+">";
        for (i=0;i<7;i++)
        {
                vCalHeader+="<td align='center'><font face='Verdana' size='2'>"+WeekDayName[i].substr(0,WeekChar)+"</font></td>";
        }
        vCalHeader+="</tr>";
        docCal.write(vCalHeader);

        //Calendar detail
        CalDate=new Date(Cal.Year,Cal.Month);
        CalDate.setDate(1);
        vFirstDay=CalDate.getDay();
        vCalData="<tr>";
        for (i=0;i<vFirstDay;i++)
        {
                vCalData=vCalData+GenCell();
                vDayCount=vDayCount+1;
        }
        for (j=1;j<=Cal.GetMonDays();j++)
        {
                var strCell;
                vDayCount=vDayCount+1;
                if ((j==dtToday.getDate())&&(Cal.Month==dtToday.getMonth())&&(Cal.Year==dtToday.getFullYear()))
                        strCell=GenCell(j,true,TodayColor);//Highlight today's date
                else
                {
                        if (j==Cal.Date)
                        {
                                strCell=GenCell(j,true,SelDateColor);
                        }
                        else
                        {
                                if (vDayCount%7==0)
                                        strCell=GenCell(j,false,SaturdayColor);
                                else if ((vDayCount+6)%7==0)
                                        strCell=GenCell(j,false,SundayColor);
                                else
                                        strCell=GenCell(j,null,WeekDayColor);
                        }
                }
                vCalData=vCalData+strCell;

                if((vDayCount%7==0)&&(j<Cal.GetMonDays()))
                {
                        vCalData=vCalData+"</tr>\n<tr>";
                }
        }
        docCal.writeln(vCalData);
        //Time picker
        if (Cal.ShowTime)
        {
                var showHour;
                showHour=Cal.getShowHour();
                vCalTime="<tr>\n<td colspan='7' align='center'>";
                vCalTime+="<input type='text' name='hour' maxlength=2 size=1 style=\"WIDTH: 22px\" value="+showHour+" onchange=\"java script:winMain.Cal.SetHour(this.value)\">";
                vCalTime+=" : ";
                vCalTime+="<input type='text' name='minute' maxlength=2 size=1 style=\"WIDTH: 22px\" value="+Cal.Minutes+" onchange=\"java script:winMain.Cal.SetMinute(this.value)\">";
                vCalTime+=" : ";
                vCalTime+="<input type='text' name='second' maxlength=2 size=1 style=\"WIDTH: 22px\" value="+Cal.Seconds+" onchange=\"java script:winMain.Cal.SetSecond(this.value)\">";
                if (TimeMode==12)
                {
                        var SelectAm =(parseInt(Cal.Hours,10)<12)? "Selected":"";
                        var SelectPm =(parseInt(Cal.Hours,10)>=12)? "Selected":"";

                        vCalTime+="<select name=\"ampm\" onchange=\"java script:winMain.Cal.SetAmPm(this.options[this.selectedIndex].value);\">";
                        vCalTime+="<option "+SelectAm+" value=\"AM\">AM</option>";
                        vCalTime+="<option "+SelectPm+" value=\"PM\">PM<option>";
                        vCalTime+="</select>";
                }
                vCalTime+="\n</td>\n</tr>";
                docCal.write(vCalTime);
        }
        //end time picker
        docCal.writeln("\n</table>");
        docCal.writeln("</form></body></html>");
        docCal.close();
}

-- og videre til GenCell ...

function GenCell(pValue,pHighLight,pColor)//Generate table cell with value
{
        var PValue;
        var PCellStr;
        var vColor;
        var vHLstr1;//HighLight string
        var vHlstr2;
        var vTimeStr;

        if (pValue==null)
                PValue="";
        else
                PValue=pValue;

        if (pColor!=null)
                vColor="bgcolor=\""+pColor+"\"";
        else
                vColor="";
        if ((pHighLight!=null)&&(pHighLight))
                {vHLstr1="color='red'><b>";vHLstr2="</b>";}
        else
                {vHLstr1=">";vHLstr2="";}

        if (Cal.ShowTime)
        {
                vTimeStr="winMain.document.getElementById('"+Cal.Ctrl+"').value+=' '+"+"winMain.Cal.getShowHour()"+"+':'+"+"winMain.Cal.Minutes"+"+':'+"+"winMain.Cal.Seconds";
                if (TimeMode==12)
                        vTimeStr+="+' '+winMain.Cal.AMorPM";
        }
        else
                vTimeStr="";
        PCellStr="<td "+vColor+" width="+CellWidth+" align='center'><font face='verdana' size='2'"+vHLstr1+"<a href=\"java script:winMain.document.getElementById('"+Cal.Ctrl+"').value='"+Cal.FormatDate(PValue)+"';"+vTimeStr+";window.close();\">"+PValue+"</a>"+vHLstr2+"</font></td>";
        return PCellStr;
}

Der var den !-)

Nu ved vi, at du har false i time-parameteren, så den kan vi springe over, så du skal sætte en ny funktion ind i en javascript-blok:

function setRunOutDate(dato){
  var year = +dato.replace(/^.*?\d{4}$/,"$1")
  year += 2;
  var newDate = dato.replace(/^.*?\d{4}$/,""+year);
  document.getElementById('runOut_date').value = newDate;//ID på det felt, som skal have udløbsdatoen !-)
}

-- og så skal det sidste af GenCell ændres til:

        else
                vTimeStr="";
        PCellStr="<td "+vColor+" width="+CellWidth+" align='center'><font face='verdana' size='2'"+vHLstr1+"<a href=\"java script:winMain.document.getElementById('"+Cal.Ctrl+"').value='"+Cal.FormatDate(PValue)+"';"+vTimeStr+";winMain.setRunOutDate(Cal.FormatDate(PValue));window.close();\">"+PValue+"</a>"+vHLstr2+"</font></td>";
        return PCellStr;
}

Hov, der var da lige en gang vrøvl:

function setRunOutDate(dato){
  var year = +dato.replace(/^.*?(\d{4})$/,"$1")
  year += 2;
  var newDate = dato.replace(/^(.*?)\d{4}$/,"$1"+year);
  document.getElementById('runOut_date').value = newDate;//ID på det felt, som skal have udløbsdatoen !-)
}

Kan jeg få dig til at forklare den bid kode du har lave? Jeg er ikke så fortrolig med JavaScript.

Nu har jeg ændret koden, men det virker desværre ikke:

else

                vTimeStr="";
        PCellStr="<td "+vColor+" width="+CellWidth+" align='center'><font face='verdana' size='2'"+vHLstr1+"<a href=\"java script:winMain.document.getElementById('"+Cal.Ctrl+"').value='"+Cal.FormatDate(PValue)+"';"+vTimeStr+";winmain.setRunOutdDate(Cal.FormatDate(PValue));window.close();\">"+PValue+"</a>"+vHLstr2+"</font></td>";
        return PCellStr;


        function setRunOutDate(dato)
        {
                var year = +dato.replace(/^.*?(\d{4})$/,"$1");
                year += 2;
                var newDate = dato.replace(/^(.*?)\d{4}$/,"$1"+year);
                document.getElementById('runOut_date').value = end_guarentee;//ID på det felt, som skal have udløbsdatoen !-)
        }

end_guarentee er navnet på den variabel som datoen skal indsættes i.

Her er koden til feltet:

<tr>

    <td width="25%">No guarentee end date</td>
    <td width="25%"><input type="" name="end_guarentee" style="width: 190px"></td>
    </tr>

-- Husk at setRunOutDate skal sættes, så den er tilgængelig i hovedsiden !-)

-- og så misforstod du mig vist med feltnavnet:

        function setRunOutDate(dato)
        {
                var year = +dato.replace(/^.*?(\d{4})$/,"$1");
                year += 2;
                var newDate = dato.replace(/^(.*?)\d{4}$/,"$1"+year);
                document.getElementById('end_guarentee').value = newDate;//ID på det felt, som skal have udløbsdatoen !-)
        }

-- og feltet skal så have et id:

<tr>

    <td width="25%">No guarentee end date</td>
    <td width="25%"><input type="" name="end_guarentee" id="end_guarentee" style="width: 190px"></td>
    </tr>

"-- Husk at setRunOutDate skal sættes, så den er tilgængelig i hovedsiden !-)"

... skrev du. Hvad mener du med det?

Har afprøvet det andet kode og det virker desværre ikke, men det er nok fordi jeg ikke har sat setRunOutDate tilgængeligt for hovedprogrammet som du skriver.

Hvis du har sat det, som du viste ovenfor, mangler der en afsluttende tuborg foran funktionen:

();\">"+PValue+"</a>"+vHLstr2+"</font></td>";
        return PCellStr;
}

        function setRunOutDate(dato)
        {

Der mangler ikke nogen tuborgparantes - den er sat senere i koden.

Den må _ikke_ være sat senere i koden, der skal være en lige præcis der !-)

her er koden:


else

                vTimeStr="";
        PCellStr="<td "+vColor+" width="+CellWidth+" align='center'><font face='verdana' size='2'"+vHLstr1+"<a href=\"java script:winMain.document.getElementById('"+Cal.Ctrl+"').value='"+Cal.FormatDate(PValue)+"';"+vTimeStr+";winmain.setRunOutdDate(Cal.FormatDate(PValue));window.close();\">"+PValue+"</a>"+vHLstr2+"</font></td>";
        return PCellStr;


        function setRunOutDate(dato)
        {
                var year = +dato.replace(/^.*?(\d{4})$/,"$1");
                year += 2;
                var newDate = dato.replace(/^(.*?)\d{4}$/,"$1"+year);
                document.getElementById('end_guarentee').value = newDate;;//ID på det felt, som skal have udløbsdatoen !-)


        }
        /*    original kode
                vTimeStr="";
        PCellStr="<td "+vColor+" width="+CellWidth+" align='center'><font face='verdana' size='2'"+vHLstr1+"<a href=\"java script:winMain.document.getElementById('"+Cal.Ctrl+"').value='"+Cal.FormatDate(PValue)+"';"+vTimeStr+";window.close();\">"+PValue+"</a>"+vHLstr2+"</font></td>";
        return PCellStr;
        */
}

Så er funktionen ikke til rådighed udenfor funktionen GenCell, som den jo ligger indeni !-)

-- samme kodestump kan f.eks. i stedet se således ud:

else

                vTimeStr="";
        PCellStr="<td "+vColor+" width="+CellWidth+" align='center'><font face='verdana' size='2'"+vHLstr1+"<a href=\"java script:winMain.document.getElementById('"+Cal.Ctrl+"').value='"+Cal.FormatDate(PValue)+"';"+vTimeStr+";winmain.setRunOutdDate(Cal.FormatDate(PValue));window.close();\">"+PValue+"</a>"+vHLstr2+"</font></td>";
        return PCellStr;

        /*    original kode
                vTimeStr="";
        PCellStr="<td "+vColor+" width="+CellWidth+" align='center'><font face='verdana' size='2'"+vHLstr1+"<a href=\"java script:winMain.document.getElementById('"+Cal.Ctrl+"').value='"+Cal.FormatDate(PValue)+"';"+vTimeStr+";window.close();\">"+PValue+"</a>"+vHLstr2+"</font></td>";
        return PCellStr;
        */
}

        function setRunOutDate(dato)
        {
                var year = +dato.replace(/^.*?(\d{4})$/,"$1");
                year += 2;
                var newDate = dato.replace(/^(.*?)\d{4}$/,"$1"+year);
                document.getElementById('end_guarentee').value = newDate;;//ID på det felt, som skal have udløbsdatoen !-)
        }

har gjort den tilgængelig uden for gencell funktionen, men så skal den vil kaldes?

function GenCell(pValue,pHighLight,pColor)//Generate table cell with value
{
        var PValue;
        var PCellStr;
        var vColor;
        var vHLstr1;//HighLight string
        var vHlstr2;
        var vTimeStr;

        if (pValue==null)
                PValue="";
        else
                PValue=pValue;

        if (pColor!=null)
                vColor="bgcolor=\""+pColor+"\"";
        else
                vColor="";
        if ((pHighLight!=null)&&(pHighLight))
                {vHLstr1="color='red'><b>";vHLstr2="</b>";}
        else
                {vHLstr1=">";vHLstr2="";}

        if (Cal.ShowTime)
        {
                vTimeStr="winMain.document.getElementById('"+Cal.Ctrl+"').value+=' '+"+"winMain.Cal.getShowHour()"+"+':'+"+"winMain.Cal.Minutes"+"+':'+"+"winMain.Cal.Seconds";
                if (TimeMode==12)
                        vTimeStr+="+' '+winMain.Cal.AMorPM";
        }
        else

                vTimeStr="";
        PCellStr="<td "+vColor+" width="+CellWidth+" align='center'><font face='verdana' size='2'"+vHLstr1+"<a href=\"java script:winMain.document.getElementById('"+Cal.Ctrl+"').value='"+Cal.FormatDate(PValue)+"';"+vTimeStr+";winmain.setRunOutdDate(Cal.FormatDate(PValue));window.close();\">"+PValue+"</a>"+vHLstr2+"</font></td>";
        return PCellStr;




        /*    original kode
                vTimeStr="";
        PCellStr="<td "+vColor+" width="+CellWidth+" align='center'><font face='verdana' size='2'"+vHLstr1+"<a href=\"java script:winMain.document.getElementById('"+Cal.Ctrl+"').value='"+Cal.FormatDate(PValue)+"';"+vTimeStr+";window.close();\">"+PValue+"</a>"+vHLstr2+"</font></td>";
        return PCellStr;
        */
}

function setRunOutDate(dato)
        {
                var year = +dato.replace(/^.*?(\d{4})$/,"$1");
                year += 2;
                var newDate = dato.replace(/^(.*?)\d{4}$/,"$1"+year);
                document.getElementById('end_guarentee').value = newDate;;//ID på det felt, som skal have udløbsdatoen !-)


        }

Det bliver den også i href'en på linket !-)

ok. men den virker ikke desværre. Når jeg har trykket på datoen fra kalenderen så bliver datoen indsat men garantidatoen bliver ikke indsat og kalendervinduet lukkes heller ikke.

Øv, der har da sneget sig en tavetosse ind (et d for meget !-)

                vTimeStr="";
        PCellStr="<td "+vColor+" width="+CellWidth+" align='center'><font face='verdana' size='2'"+vHLstr1+"<a href=\"java script:winMain.document.getElementById('"+Cal.Ctrl+"').value='"+Cal.FormatDate(PValue)+"';"+vTimeStr+";winmain.setRunOutDate(Cal.FormatDate(PValue));window.close();\">"+PValue+"</a>"+vHLstr2+"</font></td>";
        return PCellStr;

jeg kan ikke umiddelbart se hvor det ekstra 'd' er sneget ind. Kan du udspecifiere det for mig?

jeg har kopieret din kode ind og slettet det gamle uden forskel. Har du nogen forslag til udbedring af fejl?