Hyperlink/Input Box question 1

[cyberprof]

Not sure if this is the right place to ask this question.

I've got a calender on a webpage, each date on the calender is a hyperlink with the date value in the link. (e.g. a href="page.asp?06/01/05">

When I click the date on the calender, how can I dynamically populate an input box on the same page.

Also, how easy will it be to lock the input box so only the date can be selected from the calender.

Cheers

J

 

[vbkris]

for this the calendar has to be a popup...

Known is handfull, Unknown is worldfull

 

[cLFlaVA]

On the same page? Won't you immediately be taken away from that page when the user clicks the link?

Anyway, you could do something like this:

<script language="javascript"><!--

function fillBox(str) {
    var targ = document.forms['formname'].elements['textfieldname'];
    var dt = str.split("?");
    if (dt.length > 0) targ.value = dt[1];
}

--></script>

AND IN YOUR LINK:

<a href="page.asp?06/01/2004" onclick="fillBox(this.href);">Click Me</a>

AND YOUR TEXT BOX:

<input type="text" name="thename" onfocus="this.blur();" />

*cLFlaVA
----------------------------
[tt]Sigs cause cancer.[/tt]

 

[cyberprof]

OK. I'll give it a try. Cheers

 

[cyberprof]

You have a good point regarding the link taking you to another page.

That doesn't have to happen. All I need is the date value from the calender to the input box

 

[cLFlaVA]

Okay, then one solution is:

<a href="#" onclick="fillBox('01/01/04'); return false;">Date Here</a>

Or you could do:

<a href="#" onclick="fillBox(this.innerHTML); return false;">Date Here</a>

*cLFlaVA
----------------------------
[tt]Sigs cause cancer.[/tt]

 

[cyberprof]

Works fine.

I've changed:

<a href="page.asp?06/01/2004" onclick="fillBox(this.href);">Click Me</a>

to

<a href="#?06/01/2004" onclick="fillBox(this.href);">06</a>

The input box fills OK, and the link remains inactive.

Thanks

J

 

[cyberprof]

Just hit a problem.

When I move back and forward to other months, I carry forward the year and month in a querystring value.

calender.asp?M=12&Y=2004

"M=12&Y=2004" is now forming part of the link in "#?"

Any ideas how to stop that happening, or is that an ASP thing.

 

[cyberprof]

I'm carrying out my tests at

http://e-v.no-ip.info/calender.asp

 

[cLFlaVA]

what happened to "return false;" ?

*cLFlaVA
----------------------------
[tt]Sigs cause cancer.[/tt]

 

[cyberprof]

I had to change the value in your example as the calender is dynamically created

from

onclick="fillBox('01/01/04'); return false;">

to

onclick="fillBox('<%=thisdate %>'); return false;">

but the value was lost

 

[cLFlaVA]

Whuh?

It should be:

<a href="#?05/03/2005" onclick="fillBox(this.href); [blue]return false;[/blue]">

But again, you don't need that unnecessary code there at all. Why not do this:

<a href="#" onclick="fillBox('<%=thisdate %>'); [blue]return false;[/blue]">

*cLFlaVA
----------------------------
[tt]Sigs cause cancer.[/tt]

 

[cLFlaVA]

That is the way I strongly suggest doing it. And your function would then change slightly, to:

function fillBox(str) {
    var targ = document.forms['formname'].elements['textfieldname'];
    targ.value = str;
}

*cLFlaVA
----------------------------
[tt]Sigs cause cancer.[/tt]

 

[cyberprof]

I've gone back to

<a href="#?<%=thisdate %>" onclick="fillBox(this.href); return false;">

and changed to

function fillBox(str) {
var targ = document.forms['formname'].elements['textfieldname'];
targ.value = str;
}

Now the whole URL is appearing in the text box

 

[cLFlaVA]

You are still not even pretending to listen to the advice!

With the function you have there, use this link:

<a href="#" onclick="fillBox('<%=thisdate %>'); return false;">

*cLFlaVA
----------------------------
[tt]Sigs cause cancer.[/tt]

 

[cyberprof]

Thanks, that has worked.

Sorry about this, I just got lost with all the examples, and the number of changes I had made.

I really appreciate the help

J

 

[cLFlaVA]

indeed, i gave a lot of examples. i shouldn't give examples that i don't suggest using, that doesn't make much sense. sorry for the confusion, glad you got it working.



*cLFlaVA
----------------------------
[tt]Sigs cause cancer.[/tt]