A) Changing the color after a long 'loop' statement???
B) Changing the color, then waiting a bit, then changing the color
again???
To me it seems B would be less cpu/browser intensive. Does anyone know
how exactly this works and an example script?
i've got a drop down menu and an image fader. i need the drop down menu to overlay on top of the fader. currently it drops down under it. i've tried messing about with z-index but not getting far.
View 1 Replies View RelatedI am looking for a script that fades Text (description above and below a banner Banner) with Banners and hyperlink. A mouseoverstop would be very nice too. Here's an example of one of my Friendsbanners I would like to fade (all together there a 5 of these Friends Banners
<font face="verdana" font-weight="700" color="darkgreen">Some Topic above <p>
</p><a href="[URL]" target="_blank"><img src="[URL]" WIDTH="200" />
</a> Some Topc below</center>
i have a module in my site where there is a scroll of images.i would like to know if its possible to remove the marquee script and add images who are fading.
View 1 Replies View RelatedI have just inherited a website which has a javascript tab and picture fader on the home page. This moves through 6 states changing a tab and main picture beneath to make it look like you're flicking through the menu yourself. This works perfectly, apart from the fact that every time the picture changes the page flicks back to the top. Very annoying if you are reading things further down! I am a PHP man just starting to learn Javascript and don't understand why it is doing this,
[Code]...
I would like to animate a number of thumbnails in a gallery. My idea is to have each thumb transit to another thumb, i.e. you put your mouse over a thumbnail, and it slowly fades to a different image. I have spent a lot of time trying to get this to work, using exhaustive combinations of fadeToggle() and stop(false, false) etc etc and I still can't get a smooth effect.
I have created my own fade engine using a variable that drives the opacity of the image that fades in/out over the other image. My issue is that I would like to get this into a function, as it works beautifully for one image, or if you simply duplicate the code for other thumbnails. The problem is there could be up to 32 thumbnails on the page, which means a lot of repeated code.
[Code]....
Both work IE but not on Firefox. These are seperate frames.
or:
Its run via a couple text boxes and a button with thats built into the innerHTML using the following code.
Any ideas to get this working in Firefox? If I leave the coding on one page it works fine, its only when I do two frames that it screws up.
I have script for moving background:
It works normally - but don't work lightbox script for pictures of the site, so IE 8 write such: Object doesn'n work with prototype.js and mootools.js. CMS is a MODx, please, tell me how to make work this scripts correctly and together?
im trying to make the left Product Categories background position "rollover" menu work on this page: [URL] at the moment the page loads and CSS hover works to set the background position so that the graphic behind makes a roll over effect. i put some javascript to set the background position permantly to the roll over on click (so the user can see which one they are on) but then this knocks out the roll over effect on all other categories - it knocks out the CSS hover: onclick="setStyle('c1','backgroundPosition','0px 0px');
it means that c1:hover no longer works.. i tried putting !important in the CSS c1:hover background position and this fixed it in Firefox but not IE. So how can i write something in Javascript to also say: onclick="setStyle('c1:hover','backgroundPosition','-276px 0px');
i know Javascript does not do hyphens and the way to get for example "background-position" in CSS is to ditch the hyphen and make "P"osition capitol. perhaps something can be done also to get to the CSS hover attribute?
I am trying to change my sites background color. The color changes but it doesn't go back to the first image anymore. does anybody know what the problem could be?
jQuery Code:
HTML Code:
I'm putting together a portfolio site and I'd like to use high-res images that take up most of the screen to show different works. There
would be a menu bar with links to each work, where a click on that work's link would change the background by doing a standard "dissolve"
effect.I have seen many different plugins for "rotating" images and changing background colors at the click of a button. Is there a method
specifically for this purpose? As an alternative to altering the background-image of the body itself,I would be willing to use a properly sized div (or div's) to achieve this effect.
provide javascript to create something like the image below: Things I can't workout are:
1. top and bottom background colors as the above image
2. add two text
3. border color same as top background color
[Code]....
I need to have three text boxes, user will enter a number in each box.Then i have four buttons, add, subtract, divide and multiply.When i click on each button, the numbers in the first two text boxes should match the answer in the third text box.ex. (first box has a 4, second box has a 4, and the third box has an 8. if i click the add button, i should get a "correct" answer in the div below with a green background and if i hit the multiply button the div should say "wrong" with a red background.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>[code].....
The "Permission denied" cross site issue.
I have to check from my external domain if a service is running on localhost:8080 of a local machine.
I'm using XMLHttpRequest to do it.
I'm checking a local-web-server, not a file.
Every browser doesn't work, but Firefox. So I'm looking for a work-aorund.
An iframe? a flash swf? an applet java? HTA applications?
A side question is, why does FF work? Because it's a local-web-server?
I cant get my cookie to work. I believe its not my javascript that is wrong. Can anyone take a look to see what i did wrong in my cookie? I have to pages dropdown1.html and dropdown2.html. Both pages have the same exact dropdown list. There is also a javascript file called script.js which makes it so you get an error if you select the same option on the second drop down list as the first. Also in the script.js i have a cookie that should run so dropdown2.html should now what was selected in dropdown1.html Can anyone see if i made a mistake in either my javascript code in my cookie? Right now I am not getting the error message if you select the same option as the first. Ill show all my code incase you need it for reference
dropdown1.html
Code:
Code:
Script.js (this is the part where I cant figure out why the error message does not appear on the second dropdown menu if user selects the same option as the first)
Code:
I have a problem, I don't know why this code doesn't work on IE ver 8 On Firefox, Chrome it is like I want, on IE - no reaction Is this some html/css problem or my fault on js? I'm sure about .js code is correct.. I think.. link html/css/js
View 6 Replies View Relatedthis will not work on change. also the innerhtml wont display. please help. here is the js:
function checkemail(){
if (document.suform.email.value && document.suform.emailcheck.value)
{
if (document.suform.email.value == document.suform.emailcheck.value)
[code]...
and here is the html:
Re-type Email: <input type='text' class='rfield' name='emailcheck' id='emailcheck' onchange='checkemail()'></td><td style='position: relative;'><div id='wm' style=' font-size: 11PX; position: relative;'></div>
background-repeat: repeat-x works fine in IE and FF and as expected,
produces something like
............
hello
............
On Safari, the output is not what is desired.
||||||||||||||........
|||h|e|l|l|o||
||||||||||||||........
Is there a reason why this would happen?
I would like to make a table or a div with a transparent background. The
solution found does work only with FireFox using a png image. The second
one works with IE and FireFox but make the text inside the div be
transparent. Code:
how to : another body background every day?
View 2 Replies View RelatedI been racking my brain for about an hour now, and cant seem to work this one out. I need to in javascript, get the HEX value (#FFFFFF) of a div's background color. style.backgroundColor doesnt seem to work. ut it seems to be different in every browser, and i cant seem to make it work. (it must work in IE, FF, Chrome, Safari) I have tried using a couple of examples, but nothing seems to work...
View 6 Replies View RelatedI am assuming that this is an issue with the js on my index page:
[URL]
The main menu on this page has a sub-menu under "About". I've tried changing the CSS for the menu in order to make that sub-menu background be 50% transparent, but nothing is fixing it. I see things about "fade" within the js code, but I just don't see how to set how far it fades in or out.
so i want a background that changes each day. and ideally i wouldn't be using an array for this.. and instead could just do something like...
var d = new Date()
document.write("<body background='"d.getMonth(),d.getDate()".jpg'>")
with the images in the same directory being named 01.jpg for jan 1st, 031.jpg for jan 31st, etc. etc.
but i know nothing about the syntax or structure that that would require. i think my non-working example should at least explain what i want to accomplish... can someone tell me how i can do this? i know it's possible... i've seen every part i need in other scripts, and ten different ways to do it, but i just don't know how to make them all work together without getting a bunch of errors... :(
p.s. this is actually on my windows desktop, not a website. it seems like some scripts won't work in an html set as the desktop background, but will on a webpage.
BackgroundButtons Is simply just a bunch of buttons that change the background. This is useful for someone who's eyes hurt, or just wanna have fun. This file includes a readme and a sample.
<h1>Customization</h1>
<h2>What do you want the background color to be?</h2>
<form>
<input type="button" Value="Click for Black" onClick="document.bgColor='Black'">
<input type="button" Value="Click for White" onClick="document.bgColor='White'">
<input type="button" Value="Click for Green" onClick="document.bgColor='green'">
<input type="button" Value="Click for blue" onClick="document.bgColor='blue'">
<input type="Button" Value="Click for red" onClick="document.bgColor='red'"
</form>
all i want to do is make the background image of a couple of pages fit perfectly in the browser window of different screen resolutions.
the problem i am having is that i am using 1024 x 768 screen resolution. and the background images fit perfectly in the pages for me but when someone with a lower or higher resolution views the page, the background image either gets cutoff or starts repeating.
is there any code that will fix my problem??
i have found some code (see below) that resizes the image according to the window size but it is for an image on the page and not the background image. Code:
I have simple code that I need to make function. The idea is to change background on <tr> or all <td> that belong to one tr.
Code HTML4Strict:
<html>
<head>[code]....