Is there a way to have my main web page change at a certain date/time? - html

I'm doing a project for school, and I think my idea is bigger than my capabilities as of now. I'm wanting my homepage to display information from another page on certain days. For example, I would want it to display certain items on Mon/Thurs/Sun, and others on Tues/Fri, etc. How would I go about doing this?

Related

Make phone numbers on the site clickable

Im new to react and im faced with a problem where I have to develop a functionality that would make every phone number clickable (put it in the
SOME_PHONE_NUMBER element). Is there a way to achieve this? Can I scan whole site's visible text every time its refreshed to look for them? The site im working on is a call center management service so there is a lot of non-static text (messages from client's etc.) so it would be hard to introduce this functionality only to specific components, and even then im not sure how that could be done.

How can I program in HTML to show an image at a specific time of the day?

I have been researching and studying various HTML code with similar questions but wanted to try something a little different: (And please forgive me for my silly sounding questions here. I am still quite new with this kinds of things so still experimenting with a lot)
1) I want to know if it's possible to write code in HTML that will allow the display of an image at a certain time. Like let's say for example, the image will only appear at midnight local time from wherever someone is searching.
2) If this is possible, how to I first display one image on a website and then at a specified time have that image replaced by a different image and then after let's say one minute everything will revert back to the original image on the website?
3) How do I "store" the image I want to have displayed at a certain time of the day? I mean, how do I program in HTML to show that new image but obviously not make it possible to be known in the source code?
4) Last, is it possible to prevent proxy servers from being used or other means that could potentially manipulate the time.
Thank you much!

one link to multiple images

This is probably going to seem like a stupid question and I've probably glossed over something and missed the answer but is it possible to have one link which will lead to multiple images or an image directory?
I am making a website for a restaurant and ideally I would like a textual link for the menus (each of which are comprised off 3+ images).
Initially I created a separate page for each menu with an image gallery in it and the link pointing to the respective page but due to the restrictions off needing a user input event to make the gallery full screen I decided against using this idea.
I am currently using I frames for the menus but they don't fit in as nice as I would like with the design off the website and I am running into issues with them going full screen on iOS mobile.

Element Repositioning using only CSS(Volusion Details)

I'm attempting to rearrange elements on a Volusion store for my employer. The products page we currently have looks like This
I've been tasked with moving the details box
(containing "Nothing says "I'm ready to learn!"), up and to the right, to align with the price box.
The box is a table contained in a hierarchy of nested tables, at roughly the same "depth" in a different branch.
I don't have access to the HTML for the page, only a template html file that generates menus and footers along with the relevant CSS. Some JS exists on the site but since I lack experience with it, I'm hesitant to get into it.
Because of the table-and-div structure, and the fact that I cannot edit the HTML, I'm left with tweaking stylesheets and possibly some javascript. My issue is this: How, using only these tools, can I take an element in one container and reposition it relative to elements in another container? I've tried
Position:Relative;
left:some percentage;
top:some negative percentage;
Which, for a single page, I can get to look quite good, but if I allow others to load the page it falls apart completely, due mostly to the fact that the container for the element I'm moving is calculated based on screen width, and the container for the destination is calculated with the width minus a constant value(the image for the product).
My employer is willing to accept that the arrangement won't be perfect, they know Volusion is the devil complex. But it's important to them that their products display all relevant information "above-the-fold". Obviously I've not found any sort of answers on this. I don't find all that many people who have to edit a webpage without access to the raw code, because that's stupid. Worse still, moving an element to align with a completely different container is just bad policy as I gather, but its what I'm being asked to accomplish.
The only way to do this on Volusion is with javascript. You do not have access to the HTML for the product page and given that it is built with tables there is no way to move the product description area up with CSS.
You need to use javascript to detach and append the product description box below the product details area.
There is no way around it... You need access to the HTML files. You could do it with absolute positioning but that is not good practice.
Because you are working with a template; if you change the arrangement of that page then all of the other product pages will follow. So the reason you can't find the HTML is probably because you are looking for a .php containing html..
I suggest to spend time understanding the template or get a volution expert.

Overlay chrome extension?

I am in the middle of a Extension build. Basically I'm trying to do a web-based RPG based off of PMOG(the Nethernet). I'm looking for some kind of overlay function like this:
http://img.skitch.com/20080814-ms5hmqh3433rgt7cg2yg13kcka.jpg
Any ideas?
edit
Also, is there any way I can log the websites someone goes to, without actually logging the websites? I'm trying to base EXP earned and Gold earned on how many times they go to a website per day. (I.E. 40xp/gold the first time and 10 every other time)
To create "pop overs", you would create a <div> on the page with a very high z-index (which is a CSS attribute). z-index determine what goes on top of what else. From there, you can use absolute/relative positioning to determine where it should appear on the screen (again, using CSS). To show/dismiss it, you can use a large variety of JavaScript techniques (including sliding it in from off the page).