onMouseOver -->display in second frame

[marco]

Hi !

I have one top frame with link pointed to right frame.
When you go with mouse, over some picture in the top frame, i want to
display the details of that picture, in the right frame.

So, top frame just pictures .... right frame just details.
I have cca 20 pictures so i have to arange ID for each picture and the
coresponding text to this ID.
How to make this in JS ?

 

[Randy Webb]

marco said the following on 6/19/2006 5:19 AM:

Hi !

I have one top frame with link pointed to right frame.
When you go with mouse, over some picture in the top frame, i want to
display the details of that picture, in the right frame.

So, top frame just pictures .... right frame just details.
I have cca 20 pictures so i have to arange ID for each picture and the
coresponding text to this ID.
How to make this in JS ?

onmouseover="showText('some text')"
onmouseout ="showText('')"

function showText(textToShow){
window.frames['frameName'].document.getElementById('someDivInTheFrame').innerHTML=textToShow;
}

 

[marco]

onmouseover="showText('some text')"

onmouseout ="showText('')"
function showText(textToShow){
window.frames['frameName'].document.getElementById('someDivInTheFrame').inne
rHTML=textToShow;
}

*** This is what i need but there could be some problem with it....

<script type="text/javascript">
onmouseover="showText('bla,bla')"
//onmouseout ="showText('')"
function showText(textToShow){

window.frames['rightFrame'].document.getElementById('imageID').innerHTML=tex
tToShow; }
</script>

In the top frame i have image slider ( look at my "left-right horizontal
scroller" post ) and when i go onMouseOver some picture slider stops. When i
move mouse away from the picture, slider continues to roll.

How to implement showText function into such concept ?

 

[Randy Webb]

marco said the following on 6/20/2006 4:39 AM:

onmouseover="showText('some text')"
onmouseout ="showText('')"
function showText(textToShow){
window.frames['frameName'].document.getElementById('someDivInTheFrame').inne
rHTML=textToShow;
}

*** This is what i need but there could be some problem with it....

<script type="text/javascript">
onmouseover="showText('bla,bla')"
//onmouseout ="showText('')"
function showText(textToShow){

window.frames['rightFrame'].document.getElementById('imageID').innerHTML=tex
tToShow; }
</script>

In the top frame i have image slider ( look at my "left-right horizontal
scroller" post ) and when i go onMouseOver some picture slider stops. When i
move mouse away from the picture, slider continues to roll.

How to implement showText function into such concept ?

The same way you do it if your images don't move:

onmouseover="someFunctionToStopTheScroll();showText('bla bla bla')"
onmouseover="someFunctionToStartTheScroll();showText('')"

 

[RC]

<frameset rows="30%,*">
<frame src="top.html" name="top" scrolling="auto">
<frame src="bottom.html" name="bottom" scrolling="auto">
</frameset>


in your top.html

<a href="#" onMouseOver="window.open('yourPicture.jpg', 'bottom')">
move mouse over here</a>