i have a feeling it has to do with the getElementById ?
<html>
<head>
<script language="javascript">
today = new Date();
christmas = new Date(2005,11,25);
function switcher() {
if (today==christmas) {
document.getElementById("logo").src="logo1.jpg";
}
}
</script>
</head>
<body onload="switcher()">
<center>
<img id="logo" src="neutral.jpg">
</body>
</html>
I wonder if some one could help me with an issue that I have with an image switcher.
I have 12 Images with a discription to each one. Now, the script is working, as it is now, but the background on the page is black and I am trying to change the font color to white (#FFFFFF).
I believe I have tried it all, and I can get the font color to be white on the working page (FrontPage), but I just can't get the white font to shine up in the preview browser.
Why I know that it is working? Well, I marked the text below the image in the preview browser and as I hover over the links, the marked text is actually changing synchron with the 12 images. Code:
PROBLEM 1:
I spent a lot of time finding code that would play an audio (.wav) file on a
mouseover cue that would work in Internet Explorer 6 and FireFox without any
user prompt to allow active-x scripts to be run etc, but unfortunately the
code does not work in Internet Explorer 7. Can you suggest an alternative?
PROBLEM 2:
When using a image switching code to swap an image to a .gif anim that plays
just once (created using Ulead Gif Animator 5), Internet Explorer 6 and
FireFox begin the animation cycle only when the image has been switched.
Unfortunately, Internet Explorer 7 seems to play the animation as soon as it
has been loaded so when it’s switched you only see the last frame. Can you
suggest an alternative? Code:
I am building a small store that sells T-Shirts, one t-shirt has 3 colours, so I wanted to display a colour swatch, and change the images that are displayed when the colour swatches are clicked.You can see the effect I mean on the following website by clicking on the colour swatch button: Daily Habits - EYE EYE CAPTAIN HOOD - KON Shop - King of Nothing.I have been hunting around for a tutorial on how to achieve this, but so far can't find one.
View 2 Replies View RelatedI am having difficulty trying to change the format of selected date from date picker. This is a test so my code is very simple. Here it is.
[Code]....
Is it possible to do something like this: On a site there is a link that says "Darken Page".Upon clicking the link, the background color turns black.The link then changes to "Brighten things up"So just a style sheet switcher, but with one link and changes
View 2 Replies View RelatedI've been applying a javascript based, user switch button to a site from this article: [URL] On [URL] (right top menu option).So far, it is working but the user selection is not persistent from page to page. I think it may have something to do with the onload and unload
actions in the attached js file: [URL]
}
window.onload = function(e) {
var cookie = readCookie("style");
[code]....
I was wondering if these functions have to be in the header of every page instead of in a linked file, or if there is something else I'm missing...
So. I've been working on this stylesheet switcher for a school project, and basicly there are 3 layouts, "Standaard", "Zwart-wit" and "Printversie". What I want is that when you select one on (for example) the homepage, I want the other pages to apply the same stylesheet. I've been trying to do that with cookies, but it doesn't even work on one page.
PHP Code:
function setup() {
var current_style = read_cookie();
[code]....
I have this style switcher which is awesome, therefore, the cookie does not seem to work, actually it simply doesn't.
<script type="text/javascript">
// *** TO BE CUSTOMISED ***
var style_cookie_name = "style" ;
var style_cookie_duration = 30 ;
// *** END OF CUSTOMISABLE SECTION ***
function switch_style ( css_title ){
// You may use this script on your site free of charge provided you do not remote this notice or the URL below. Script from [URL] .....
How would you go about writing a script to switch the style sheet if low bandwidth is detected? Is this even possible?
View 3 Replies View RelatedI have a start date and end date text boxs. What I would like to achieve is when a submit button is clicked all the available dates between start and end dates should be displayed together with 3 check boxes next to each date (please see below). I am just wondering whether that'sachievablewith jquery, and if so, how I might be able to implement this.
Start date End date
Is it possible to fade the transition between switching one CSS to another? I am currently using
jquery style switcher to get the transition. I am also using prototype/ scriptaculous to make div fields appear and fade in a duration of 0.5, and would like to time the CSS transition to be in sync with the div transition. Please see link below to see the website that I am building and current CSS and div transition timings: [URL].
I am developing a site for a client that requires the printer friendly verison of the site to appear in a separate pop-up window. I am having trouble figuring out the scripting needed to have the current page open in a separate window with a different style sheet applied to it.
View 4 Replies View RelatedI am using the stylesheet switcher on dynamic drive . Is there a way to change stylesheets based on a querystring parameter? Basically, if the query string includes "&StyleSheet=BlueStyle" then call and set the BlueStyle.css and cookie on page load.
View 2 Replies View RelatedI am a jquery newbie and trying to make a template switcher function. Here is what I have so far: [URL]. If I click on "login page" or "member page" first, and then click on "Template 1" or "Template 2", it wont work. IE gave me "permission denied" js error. FF didn't give me error, but nothing happened. Is it because after we click on the login or member page, the DOM elements has changed, so it doesn't work?
Code:
$(document).ready(function(){
var templateframe = $('#templateframe').contents();
noclick();
$("#templateselect li a").click(function() {
var style = $(this).attr('rel');
templateframe.find('link').eq(0).attr("href", "styles/" + style + "/_css/main.css");
alert(templateframe.find('link').eq(0).attr("href"));
return false;
});
$("#pagenav li a").click(function() {
var page = $(this).attr('rel');
$('#templateframe').attr("src", "template/" + page + ".html");
noclick();
return false;
});
$('#applybtn').click(function(event) {
var title = $('#sitetitle').val();
if(title.length > 0){
templateframe.find('.content h1').html(title);
} event.preventDefault();
});
function noclick(){
$('#templateframe').load(function(){
//$('#templateframe').contents().find('.content h1').html('Hey, I've changed content of <body>! Yay!!!');
$('#templateframe').contents().find('a').click(function(event) {
alert("Demo Only");
event.preventDefault();
});});}});
Basically, I'm trying to have a navigation bar on my website with the days of the week on it. I have 7 images of the bar, each starting with a diff day (so one is monday-sunday, the next is tuesday-monday, etc) and I've so far managed to make it display the correct image depending on the day with this code:
var a= new Date();
var b= a.getDay();
switch(b) {
case 0:
document.write("<img src="sunday.jpg">")
break
case 1:
document.write("<img src="monday.jpg">")
break
etc
My problem is that I need the days to be links, so I tried creating an image map:
case 1:
document.write("<map name="Monday">" +
"<area href="tuesday.htm" shape="rect" coords="106, 30, 196, 88">" +
"</map>" +
"<img border="0" src="images/mon.jpg" usemap="Monday" width="770" height="90">")
Which really didn't work either. Which brings me to my question: Is it possible at all to do what I'm trying? And have I made a total mess of the code?
how would i edit the code below so instead of today is day 16 of the month to an actual date eg Today is 10/11/2011 (dd/mm/yyyy or mm/dd/yyyy compatible). I need the code to execute on a specific date.
<script type="text/javascript">
var Date = new Date();
var Today = Date.getDate();
if(Today == 16)
[Code]....
I'm uploading an image every few seconds. I'd like to display the date/time stamp of the image on the web page below the image. I have not seen any code that allows me to do that, so it is possible that javascript (or any other codes) will not be able to do that.
View 14 Replies View RelatedI have added a booking form to a website with belongs to fastbooking.You can see a temporary website here. http:[url]....It works perfectly fine in Mozilla Firefox, Google Chrome, Opera and Safari but it does not load on Internet Explorer.On the other browsers the form loads todays date and the year is generated but on IE the date stays on 01-01 and no year is generated.I'm using wordpress as a cms.I think the code that is not loading is <body onLoad='start();'>But I'm not sure. The code of the year is
<select name='fromyear' class="input" onChange='update_departure();'>
<option value="0"></option>
</select> But since it's no just the year I assume its the onload code.
I tried to add the onload to the header function like this
<body onLoad='start();' <?php if(function_exists('body_class')) body_class(); ?>>
So now wordpress generates the following code when it loads the page
<body onLoad='start();' class="home page page-id-6 page-template page-template-default logged-in">
But sadly the date still does no load on Internet Explorer.
I am trying to use the jquey datepicker. I want to show the date chosen by the user in a <span> element with a particular format. However my code maintains the default format. What am I doing wrong?
[Code]..
We have a little callendar on our website. I have set the format of the date to "dd-mm-y" because I want the date to be saved europian, not american. When comfirming the form, the date is saved as 0000-00-00. The date shows correctly on the form itself. I have two scripts: Calendar.js and Calendar-en-GB.js. Calendar-en-GB.js contains the 'settings'. (Including date format). I can't figure out the problem and thought maybe one of you could. I have uploaded the scripts in one .zip file: [URL]
View 3 Replies View RelatedI want to change date format to insert date in mysql. I tried as below code
<script type="text/javascript">
$(function() {
$("#datepicker").formatDate('yyyy-mm-dd');
$("#datepicker").datepicker();
});
</script>
I have a problem setting the default date of my jquery datepicker to the date that I retrieved from my database. I'm currently using the jquery datepicker linked to selects/ drop downs. I auto-fill my selects (month, day, year) from an external javascript. (fbDateTime.js)
[Code]...
I want to display the alert when user enters the time less than the system time and date should be current date and if the date is greater than current date it should ignore the alert box. Here is the code
<script type="text/javascript">
function check() {
var now = new Date(),
timeParts = document.contact_form.time.value.split(':'),
[Code]....
Can anybody give me complete code and steps wherein i can implement the dtpicker in only "yyyy-mm-dd" format. i want the user to select the date using this dtpicker and the selected date should show in the textbox on the form.
View 4 Replies View RelatedMy question is.. I have one text box there user types the date as follows (d-m-yy) 5-4-09 or 15-3-94 how can i convert them into exact (dd-mm-yyyy) 05-04-2009 or 15-03-1994 is there any 'javascript' code to convert the given date into my desired formt...
View 3 Replies View Related