JavaScript - Please Help With My Javascript Css Rollover Script

I am trying to get the images on this page to revert back to the original photo after hover releases. I am assuming this is a simple fix, but I am no programmer and just did this in dreamweaver.

http://www.dataflurry.com/joey/

I'm trying to do some rollover images for a webpage I need to design, for class. I have them set up, and they work.. but the issue is that I set it up in such a way that the .js file is dynamic, and works for each page. You know, so that I don't actually have to specify the images within the .js file. The problem with THAT is that it doesn't automatically load the rollover version of each image, when the page loads.. so it's a bit sluggish.

Here's my .js file

Code:

function swap_image(name,source) {
    document.images[name].src=source;
    var argv=swap_image.arguments;
    if(argv[2] && argv[3] && document.getElementById) {
        element=document.getElementById(argv[2]);
        element.innerHTML=argv[3];
        }
    }

Here's how I have it in the HTML

Code:

<a href="gallery" onmouseover="swap_image('gallery','/images/galleryro.jpg')" onmouseout="swap_image('gallery','/images/gallery.jpg')"> 
<img style = "top:150px; left:100px;" border="0" id="gallery" src="/images/gallery.jpg"/> </a>

Is there anything I can do to force it to load the rollover image, without sacrificing my dynamic .js code?

Hi i have two images which are part of a rollover button that i want to have paused until the intro animation finishes. I have the javascript code but the rollover images are specified in the css. I just have the id to them in the html. I was wondering if anyone knew how to include the rollover files with the pausing javascript code. the files are profile.gif and profileover.gif. I tried to add the files to the preload part of the javascript but that didn't work. The website is www.creationindex.com/indextest.html thank you

Hey guys,

Lookin' for a little help, not sure if it can even be done? hopefully someone has the answer.

I'm trying to design myself an online portfolio; here's what I got so far...

http://www.gregorymstevens.com/testsite/site.html

As you can see my navigation is represented by each bird on the tree (every bird is a link), when you rollver one of the green birds they turn white, however, I am looking to not only have the green bird rollver to white but ALSO have the "choose a" image on the bottom right change to the corresponding page.

For instance, when the mouse rolls over a bird-- this image:



will turn into this image:



while maintaining the original "white bird" rollover.



Hopefully I'm explaining this correctly -- Any help greatly appreciated!

Hi,
I was wondering how to load an external .php script file in javascript, and make use of a php variable in the javascript.

Thanks in advance.

EDIT: If this is not possible, is there some way to send the php data to the javascript by using php, and then accessing the data that was sent in the javascript, and making use of it? What I'm trying to do is get a OpenTok session id from a .php script to javascript.

Hello everyone,

I have setup a script called Uploadify it is a basic file uploader script however by default it does not show a link to the uploaded file.

I have had to look in the documentation on to do this but there is no clear guide on how to do it. I found this function though which I belieave is the solution: http://www.uploadify.com/documentati.../oncomplete-2/

Here are the functions I am using:

Code:

	'onComplete'  : function(event, ID, fileObj, response, data) {
	   document.write('http://www.cqwebdesign.co.uk' + fileObj.filePath +'');
	}

This works kinda but when it shows the link the page continues loading as if it is stuck in some loop? You can try it out he http://www.cqwebdesign.co.uk/SC2/index.html

Thanks

I embedded the following into my blog;

Code:

<br><script language="javascript" src="http://www.quotedb.com/quote/quote.php?action=random_quote&=&=&"></script>
<br>

It works fine, but I'm trying to find a way to refresh only the script on my blog, instead of having to reload the entire page. Coding a refresh button, for instance. How would I go about doing this?

Thank you in advance.

Hi,

I am trying to add one image in footer of my application.

Code:
<div class="rightLinks">
<a href="#"><script src=https://seal.somesign.com/getseal?host_name=www.validsite.com&size=S&use_flash=NO&use_transparent=NO&lang=en></script></a>
</div>

But this is not working. Please let me know, what is wrong in it. And how can we correct it.

Thanks!!

Regards,
Neha

Hi peeps

I found this script on another forum, It is nearly perfect, I was wondering if you peeps could help me make a few changes...

how do I change the cut off to 8pm I have tried

var c_t = 8; but it does 8am

I have also tried

var c_t = 20; but it doesnt work...

Any ideas?

Also instead of just saying "your order will ship shifted to tommrow" would it be possible to insert tomorrows date, i.e Thursday 13th
and then for "and your order will ship to Monday" could it say Monday 15th etc

Here is the script,

Code:

<html>

<head>

<script type="text/javascript">
function ord()
{
var c_t = 4;

var dd = new Date();

var ti_h = dd.getHours();

var ti_m = dd.getMinutes();


if(ti_h > c_t)
{

var di_t_h = ti_h - c_t;

var di_t_mi = 60 - ti_m;

var h = 24 - di_t_h;

var mi = di_t_mi;

var mess = h+"hours"+mi+"minutes";

}



var da = dd.getDay();

//var da = document.getElementById("da").value;

switch(da)
{
case 2:
case 3:
case 4:
case 5:
document.write("Place your order within the next 1 day"+mess+"and your order will ship shifted to tommrow");
break;
case 6:
case 7:
case 1:
document.write("and your order will ship to Monday");
break;
}
}

ord();

</script>

</head>

<body>

</body>

</html>

Hey all

I am not that much good in JS and J* kind of thigs ..
help me out on this ..
I am opening a Dhtmml poopup ,and it's having two buttons
say YES and NO

if user click on YES
(mysql table) field say Yes should increse
else if No
(mysql table) field No should increse

I hope understand the problem
bascically on onclick I m using "window.open "
a phpFile which is updating this all ..

but I dont want to do this with window.open


any help would be appreciated
Thanks
ayiamas

Hi,

I have a little problem with placing a javascript into a php script

If the action "Change" is true then I want to open a new window with a javascript below. I get an error message:
Parse error: syntax error, unexpected '<' in /home/........ on line xx
On that xx line starts the Javascript

What must I do to solve this problem.

<?php....................

if($_REQUEST['action']=="Change")
{
mysql_query("UPDATE Persons SET Itemstate = '{$_REQUEST['Nr']};' WHERE Nr={$_REQUEST['Nr']};");


<SCRIPT LANGUAGE="javascript">
<!--
window.open ('Examplepage.html')
-->
</SCRIPT>

........
?>

I have an age script running in the attachment below. It works fine for numbers such as 1 22 1980.

Code:

if ((input.search(/\b([1-9]|[12][0-9]|3[01])\b/)!= -1) && (input.search(/\b([1-9]|1[0-2])\b/)!=-1) && (input.search(/\b(19[0-9]{2}|200[0-9]|201[01])\b/)!= -1)) {       
function getBirth() {   
    var now = new Date(); 
    var myMatchy = input.match(/\b(19[0-9]{2}|200[0-9]|201[01])\b/);
    var myMatchm = input.match(/\b([1-9]|1[0-2])\b/)
    var myMatchd = input.match(/\b([1-9]|[12][0-9]|3[01])\b/);
    var year = myMatchy[0]; 
    var month = myMatchm[0];
    var day = myMatchd[0]; 
    var today = 
	{ 
		"year" : now.getFullYear(), 
		"month": now.getMonth()+1, 
		"day"  : now.getDate() 
	} 

    var age = today["year"] - year; 

    if (month > today["month"]) 
        age--; 
    else if (month == today["month"]) 
	         if (day > today["day"]) age--
    return age; 
} 
document.result.result.value = "Your age is "+getBirth()+"."; 
return true;}

However, if someone writes out the month it doesn't. Such as January 22 1980. I did a work-around by inserting the month value. Highlighted below. But that means I would have to duplicate this lengthy code 12 times for each month of the year. Anybody know a better way to handle this? You can test it in the small attachment below. Any help would be appreciated.

Code:

if ((input.search(/\b([1-9]|[12][0-9]|3[01])\b/)!= -1) && (input.search(/(january)/)!= -1) && (input.search(/\b(19[0-9]{2}|200[0-9]|201[01])\b/)!= -1)) {       
function getJan() {   
    var now = new Date(); 
    var myMatchy = input.match(/\b(19[0-9]{2}|200[0-9]|201[01])\b/);
    var myMatchd = input.match(/\b([1-9]|[12][0-9]|3[01])\b/);
     var month = 0;     
    var year = myMatchy[0]; 
    var day = myMatchd[0]; 
    var today = 
	{ 
		"year" : now.getFullYear(), 
		"month": now.getMonth()+1, 
		"day"  : now.getDate() 
	} 

    var age = today["year"] - year; 

    if (month > today["month"]) 
        age--; 
    else if (month == today["month"]) 
	         if (day > today["day"]) age--
    return age; 
} 
document.result.result.value = "Your age is "+getJan()+"."; 
return true;}

I have a Perl script that contains a variety of inputs including a HTML <SELECT> and RADIO buttons. I would like to alter the presentation of a RADIO button choice with a DISABLED, based upon the earlier selection of from a <SELECT> drop down menu.

In Perl I attempted to capture the selection from the <SELECT> and use that value in a IF ELSE block, but this does not work. I have been told that this can be done with a Javascript.

I did a little bit of coding with Javascript around five years ago, so I am a rusty newbie. Can anyone give me a hand on how this should be constructed? The more detailed your examples or suggestions can be the easier it will be for me to grasp the solution.

Hello all,

I'm new to PHP (and web development in general) and have come across something that to me seems really, really bizarre!

Background

I am currently designing and developing an online enrolment form for my employer, a training company. The form consists of 3 pages - pages 1 and 2 are for data input whilst page 3 is a summary page with only one input, a box to check that the customer agrees to our T&Cs. Page 3 also includes a box where calculations are made as to the price of the selected training course based on choices made earlier in the form.

The form displayed on page 2, and some of the text on page 3, changes depending on a choice made on page one - that is, whether they are paying for the course themselves or their employer is funding it. If they choose employer, they get one form, if they choose self funding they get a different one. However, both of these forms are contained within a single .php file, using session variables to decide which one should be displayed.

I am using sessions to transfer the data between the pages. Each page has been made sticky using session variables. Real-time validation is carried out using javascript on each individual page, then a final PHP validation check is run on the whole thing when the customer tries to submit the final page. Javascript is also used on page one to calculate the price of the course in real time so the customer can see how much he/she will be paying before proceeding further.

The Problem

I find this really strange:
In Firefox, everything works perfectly In Internet Explorer, when JavaScript is turned off, everything is fine. But when JS is switched on, the PHP validation on the final page seems to go haywire, thus making it impossible to submit the form. In Chrome, again when JS is switched off, everything works, but when switched on, I can't even get past the first page. Instead of loading the correct form for page 2, I just get a blank screen.
Can anyone help? This is my first major project and I've been working on it for weeks, coming up against all sorts of problems and tearing my hair out but managing to solve them. Now I'm completely stumped, when I'm almost within touching distance of completion!!

I can't post the code here as it's 3 separate documents and very complicated, but if you want to have a look at the form itself go to:

http://testing.xenongroupadmin.com/t.../enrolment.php

I hope someone can help! Thanks very much!

All the best

Chris

Hi,
I'm new to JS and I am trying to build my first script. My problem, is I'm trying to build a multi hide/show script, displaying paragraphs of information. If I want multiple variables for the script do I have to use an array? and if so, how can I construct this array?

Here is my script as of now,

<!--
// this tells jquery to run the function below once the DOM is read
$(document).ready(function() {


// choose text for the show/hide link
var showText="Resume";
var hideText="Hide";
var profile_showText="Profile";
var profile_hideText="Hide";

// append show/hide links to the element directly preceding the element with a class of "toggle"
$(".toggle").prev().append(' (<a href="#" class="toggleLink">'+showText+'</a>)');
$(".profile_toggle").prev().append(' (<a href="#" class="profile_toggleLink">'+profile_showText+'</a>)');


// hide all of the elements with a class of 'toggle'
$('.toggle').hide();
$('.profile_toggle').hide();

// capture clicks on the toggle links
$('a.toggleLink').click(function() {
$('a.profile_toggleLink').click(function() {

// change the link depending on whether the element is shown or hidden
if ($(this).html()==showText) {
$(this).html(hideText);
}
else {
$(this).html(showText);
}
// profile_toggle
if ($(this).html()==profile_showText) {
$(this).html(profile_hideText);
}
else {
$(this).html(profile_showText);
}
// toggle the display
$(this).parent().next('.toggle').toggle('fast');
// profile_toggle
$(this).parent().next('.profile_toggle').profile_toggle('fast');

// return false so any link destination is not followed
return false;
});
});
});

//-->

Right now the script doesn't work with the bottom two variables profile_"ect."
Please help, been working on this for sometime and its probably an easy fix for someone experienced.

Thanks!