Code to control display of time-sensitive link?

•

What is DaniWeb IT Discussion Community?

You're currently browsing the JavaScript / DHTML / AJAX section within the Web Development category of DaniWeb, a massive community of 391,769 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 3,202 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.

Join our community!

Please support our JavaScript / DHTML / AJAX advertiser: Lunarpages Web Hosting

Thread Tools Display Modes

Views: 952 | Replies: 6 | Solved

•

Join Date: Jan 2008

Posts: 5

Reputation: NancyNancyNancy is an unknown quantity at this point

Rep Power: 0

Solved Threads: 0

NancyNancyNancy NancyNancyNancy is offline

Offline

Newbie Poster

Code to control display of time-sensitive link?

Apr 4th, 2008

I'm looking for a piece of code I used years ago to reveal a link at a later date. All I had to do was wrap the link in this piece of code and - presto - it revealed on the date and time that I wanted it to reveal.

I cannot remember if it was JavaScript or HTML. If you could offer any solutions I would be most grateful.

Thank you so much. I hope it's okay for me to cross-post in the HTML area.

Nancy

•

Join Date: Nov 2007

Location: Arkansas

Posts: 347

Reputation: buddylee17 will become famous soon enough

Rep Power: 2

Solved Threads: 68

buddylee17 buddylee17 is offline

Offline

Posting Whiz

Re: Code to control display of time-sensitive link?

Apr 4th, 2008

JavaScript will do this. HTML can't make decisions based on the date. A Server side script would be even better because the user can't disable it the way they can JavaScript. Anyway, here you go:

 Help with Code Tags 
 JavaScript Syntax (Toggle Plain Text) 
<script type="text/javascript">
var display_date=new Date('04/04/2008');//this will be the date the link starts displaying
var currentTime = new Date();
var month = currentTime.getMonth() + 1;
var day = currentTime.getDate();
var year = currentTime.getFullYear();
//get all dates in the same format
var current_date = new Date(month +'/' + day + '/' + year);
if(current_date>=display_date){
document.write('<a href="newlink.html">new link</a>');
}
</script>
<script type="text/javascript">
var display_date=new Date('04/04/2008');//this will be the date the link starts displaying
var currentTime = new Date();
var month = currentTime.getMonth() + 1;
var day = currentTime.getDate();
var year = currentTime.getFullYear();
//get all dates in the same format
var current_date = new Date(month +'/' + day + '/' + year);
if(current_date>=display_date){
document.write('<a href="newlink.html">new link</a>');
}
</script>

•

Join Date: Jan 2008

Posts: 5

Reputation: NancyNancyNancy is an unknown quantity at this point

Rep Power: 0

Solved Threads: 0

NancyNancyNancy NancyNancyNancy is offline

Offline

Newbie Poster

Re: Code to control display of time-sensitive link?

Apr 4th, 2008

Wow, thanks for the prompt response, BuddyLee17! I will give it a go. Much appreciated.

Nancy

•

Join Date: Jan 2008

Posts: 5

Reputation: NancyNancyNancy is an unknown quantity at this point

Rep Power: 0

Solved Threads: 0

NancyNancyNancy NancyNancyNancy is offline

Offline

Newbie Poster

Re: Code to control display of time-sensitive link?

Apr 4th, 2008

•

Originally Posted by buddylee17

JavaScript will do this. HTML can't make decisions based on the date. A Server side script would be even better because the user can't disable it the way they can JavaScript. Anyway, here you go:
Help with Code Tags

JavaScript Syntax (Toggle Plain Text)
<script type="text/javascript">
var display_date=new Date('04/04/2008');//this will be the date the link starts displaying
var currentTime = new Date();
var month = currentTime.getMonth() + 1;
var day = currentTime.getDate();
var year = currentTime.getFullYear();
//get all dates in the same format
var current_date = new Date(month +'/' + day + '/' + year);
if(current_date>=display_date){
document.write('<a href="newlink.html">new link</a>');
}
</script>
<script type="text/javascript"> var display_date=new Date('04/04/2008');//this will be the date the link starts displaying var currentTime = new Date(); var month = currentTime.getMonth() + 1; var day = currentTime.getDate(); var year = currentTime.getFullYear(); //get all dates in the same format var current_date = new Date(month +'/' + day + '/' + year); if(current_date>=display_date){ document.write('<a href="newlink.html">new link</a>'); } </script>

Okay, I'm an idiot. Well, I guess 'newbie' is kinder.

I'm tinkering with your code... if I want something to display tomorrow, is this enough editing (below)? I could tinker better if I could do it by minutes instead of days because then I wouldn't have to wait very long to see if I made a mistake....

 Help with Code Tags 
 JavaScript Syntax (Toggle Plain Text) 
<script type="text/javascript">
var display_date=new Date('04/05/2008');//this will be the date the link starts displaying
var currentTime = new Date('04/04/2008');
var month = currentTime.getMonth();
var day = currentTime.getDate() + 1;
var year = currentTime.getFullYear();
//get all dates in the same format
var current_date = new Date(month +'/' + day + '/' + year);
if(current_date>=display_date){
document.write('<a href="http://www.whatever.com">Press Release</a>');
}
</script>
<script type="text/javascript">
var display_date=new Date('04/05/2008');//this will be the date the link starts displaying
var currentTime = new Date('04/04/2008');
var month = currentTime.getMonth();
var day = currentTime.getDate() + 1;
var year = currentTime.getFullYear();
//get all dates in the same format
var current_date = new Date(month +'/' + day + '/' + year);
if(current_date>=display_date){
document.write('<a href="http://www.whatever.com">Press Release</a>');
}
</script>

Sorry, not sure how many lines need editing. I changed the date to '+1' and removed same from the 'getMonth' line.

Thank you for your patience.

Nancy

Last edited by NancyNancyNancy : Apr 4th, 2008 at 10:52 pm.

•

Join Date: Nov 2007

Location: Arkansas

Posts: 347

Reputation: buddylee17 will become famous soon enough

Rep Power: 2

Solved Threads: 68

buddylee17 buddylee17 is offline

Offline

Posting Whiz

Re: Code to control display of time-sensitive link?

Apr 4th, 2008

No, don't edit anything except for display_date on line 2 and link location in line 10. The rest of the script is how JavaScript reads the current date from your machine.

•

Join Date: Jan 2008

Posts: 5

Reputation: NancyNancyNancy is an unknown quantity at this point

Rep Power: 0

Solved Threads: 0

NancyNancyNancy NancyNancyNancy is offline

Offline

Newbie Poster

Re: Code to control display of time-sensitive link?

Apr 4th, 2008

THANKS!!! Glad you didn't have to take much time to correct my misunderstanding!! I was confused by "//get all dates in the same format"

Have a good night.
Nancy

Last edited by NancyNancyNancy : Apr 4th, 2008 at 11:17 pm.

•

Join Date: Jan 2008

Posts: 5

Reputation: NancyNancyNancy is an unknown quantity at this point

Rep Power: 0

Solved Threads: 0

NancyNancyNancy NancyNancyNancy is offline

Offline

Newbie Poster

Re: Code to control display of time-sensitive link?

Apr 22nd, 2008

I think I'll keep this thread open, because my question still involves 'code to control display of time-sensitive link'... now I would like to figure out how to HIDE a link at a certain time. Any suggestions greatly appreciated. And, if you would like, please feel free to refer me to any tutorials that you think would answer these types of questions. Thank you for your help, it's very kind of you.

Nancy