yet again my rollover hell

deckerjohnc

Hey, any dreamweaver users out there have any experience getting the rollover image js to take php-mysql input.....several different people have tryed to help me, and their suggestions all parsed and made good sense, but still no rolling. The fusterating thing about all this is that I got it working this morning, but alas, i messed up and cant recapture the magic. I know the images are working because when i img src them, they come up fine. the preloaders are also ok. Currently my line looks like this.

[SIZE=1]    <td> <div align="center"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','<? echo =$row->front_image2?>',1)"><img name="Image3" border="0" src="<? echo = $row->front_image1?>"></a><center> </A> [/SIZE]

the post parse html is also ok getting 'image1.jpg' and 'image2' respectively

Does anyone know what to do...or have an easier to manage rollover script that works great with php?

John "The Ultimate Newbie"

Mordecai

Try posting in the Dreamweaver forum, you might have a bit more luck there.

crosbystillsnas

reading people are clearly in advantage, btw... :p

<?=$variable?> or <? echo ($variable) ?> or <? echo $variable ?>

but <? echo = $variable ?> would be new to me, and it does not work on my system.

briansol

Originally posted by crosbystillsnas
but <? echo = $variable ?> would be new to me, and it does not work on my system.

same here....

leatherback

Hi,

Nope. Not the answer, but an other cross-browser rollover script which works fine for me, everywhere.:

<SCRIPT LANGUAGE = "JavaScript">
<!--      

        if (document.images) {

        img1on = new Image(); 
        img1on.src = "gif/web_on.gif";

        img1off = new Image(); 
        img1off.src = "gif/web_off.gif";

   }

function imgOn(imgName) {
        if (document.images) {
            document[imgName].src = eval(imgName + "on.src");
        }
}

function imgOff(imgName) {
        if (document.images) {
            document[imgName].src = eval(imgName + "off.src");
        }
}
// --> 
</SCRIPT>


<LINK REL=stylesheet HREF="layout/main.css" TYPE="text/css">


</head>
<body>


<A HREF = "" 
    onMouseOver = "imgOn('img1')"    

    onMouseOut = "imgOff('img1')"><img src="gif/web_off.gif" 
    width="150" height="150" NAME="img1" border="0" ALT = ""></a>

You could very easily fill this through PhP.

img1 becomes img2 on all locations for the next rollover, change the image on and img off source names for the next image, and ready.
So you need to:

Replace img1 with <? echo $imgname ?>
and
gif/web_off.gif with <? echo $imgoff ?>
and
gif/web_on.gif with <? echo $imgon ?>

Grab in a loop the 3 vars from the database/.., and fill the script.

Happy coding.

deckerjohnc

<SCRIPT LANGUAGE = "JavaScript">
<!--

if (document.images) {

        img1on = new Image(); 
        img1on.src = "image2.jpg";

        img1off = new Image(); 
        img1off.src = "image1.jpg";

   }

function imgOn(imgName) {
if (document.images) {
document[imgName].src = eval(imgName + "on.src");
}
}

function imgOff(imgName) {
if (document.images) {
document[imgName].src = eval(imgName + "off.src");
}
}

Ok...here is the code standard...without any php I have two database variables front_image1 and front_image2

I did this to make sure that my theory on how this works is correct!!!

Now....my two database variables represent the two states...front_image1 is the rest state...and front_image2(and they do work fine by the way....(the pics load..they just don't roll i

So...theoretically if I then work the code so that it looks like this
<A HREF = "#"
onMouseOver = "imgOn('<? echo $row->front_image2 ?>')"

onMouseOut = "imgOff('<? echo $row->front_image1 ?>')"><img src="<? echo $row->front_image1 ?>" width="150" height="150" NAME="img1" border="0" ALT = ""></a>

and at the top

img1on = new Image();

        img1on.src = "<? echo $row->front_image2 ?>" ";

        img1off = new Image(); 
        img1off.src = "<? echo $row->front_image1 ?>" ";

   }

Thank you so much for helping an idiot...John

"What I lack in intelligence I will make up for in persistance"

function imgOn(imgName) {
if (document.images) {
document[imgName].src = eval(imgName + "on.src");
}
}
";

        img1off = new Image(); 
        img1off.src = "image1.jpg";

   }

function imgOn(imgName) {
if (document.images) {
document[imgName].src = eval(imgName + "on.src");
}
}
";

        img1off = new Image(); 
        img1off.src = "image1.jpg";

   }

function imgOn(imgName) {
if (document.images) {
document[imgName].src = eval(imgName + "on.src");
}
}

See up top here is where the code wouldn't parse for some reason...it didnt kick out an error...just came up blank in post parse

leatherback

Why did you change the script (Order etc).
I am not surprised it stops working if you do that too oftern.

Do the replacing, but do not change the layout of the script!

crosbystillsnas

<SCRIPT LANGUAGE = "JavaScript">
<!--      

        if (document.images) {

        img1on = new Image(); 
        img1on.src = "image2.jpg";

        img1off = new Image(); 
        img1off.src = "image1.jpg";

   }

function imgOn(imgName) {
        if (document.images) {
            document[imgName].src = eval(imgName + "on.src");
        }
}

function imgOff(imgName) {
        if (document.images) {
            document[imgName].src = eval(imgName + "off.src");
        }
}
// --> 
</SCRIPT>


<LINK REL=stylesheet HREF="layout/main.css" TYPE="text/css">


</head>
<body>


<A HREF = "#" 
    onMouseOver = "imgOn('<? echo $row->front_image2 ?>')"    

    onMouseOut = "imgOff('<? echo $row->front_image1 ?>')">
<img src="gif/web_off.gif" width="150" height="150" NAME="img1" border="0" ALT = ""></a>

deckerjohnc

Yes, I understood that part..but what goes at the top in the lines

img1on = new Image();
img1on.src = "image2.jpg";

        img1off = new Image(); 
        img1off.src = "image1.jpg";

when I put the php in there...it just comes up empty on post parse!! The other lines I got just fine!!

Thanks,

John

crosbystillsnas

ah, you probably call the instance of $row after that javascript.
there should be something like:

$row = new whatever();

maybe there is another function $row->GetImages() or similar that fills the class variables $row->front_image1 and $row->front_image2.

if so place this function call before the javascript.... and try again.

the variables $row->front_image1 and 2 must exist and be filled with their values before using them.

good luck this time.