Help Needed - Prob. a piece of cake for you guys!

[itsmeroro]

Hello -

(Please be kind - I am new at this...)

I am hoping for some help and direction... I use Homestead, Photoshop CS2, and Dreamweaver for my site.

I am attempting several things - to change the window which comes up when the button is clicked to view the pedigree. http://www.badgercreekdachshunds.com/OurBoys.html

I would like actually to figure out how to streamline the window with the content of the pedigree page. Any thoughts?? The content of the pedigree page - I cant seem to get rid of all of the white space at the top of the pedigree...


ALso, get rid of the "Click Here" button, so when I am using just the mouse over, once it is clicked, it opens the streamlined, re-sized window. I am using the "auto" add mouse over, in the homestead sitebuilder, I don't quite know enough to add the mouseover myself yet... argh.

Any thoughts or ideas would be great. I have TONS of pedigrees to code, so I really would appreciate some help, hints, ideas....

Thank you in advance. Rachelle

[insanemonkey]

you can use javascript onclick

ex.
<a onclick='javascript:window.open("file:///url.htm","blank","toolbar=no,location=no,width=600,height=350,top=0,left=0,scrollbars=yes")';>

try taht and tell me if it works

oh yeh do not make a title like this again.... we need to know whats it about

[itsmeroro]

Hey thanks for being so "friendly" - I can clearly see social tact is not big on the list of the welcome wagon. I would have not known how to describe what I needed help with anyhow --- ever think of that???

Any who - If it was intended as helpful - I have absolutely no idea how or where to put that code. Sitebuilder is quite limiting - and I am stretching it as is.

If someone is familiar with the sitebuilder that I am using, I would appreciate some helpful advice.

To be clear, I am looking for information about how to animate an image link on mouse over - from there I would like the link to pop up into a very streamlined window with limited function. I think this should be pretty easy, but have not figured the tweaks yet.

Thanks in advance - RoRo

[insanemonkey]

well your going to have to find your link in a notepad and edit so you find the link of the button it will probably have something in it with rollover and your going to have to add that onclick function to the button...

im sorry but your going to need to know about html, its the easiest way..

and I wasn't being mean i was just telling you, its forum rules.... and i could come up with like so many titles..
"button open new window"
"pop up button on click"
more and so on...

lol

[itsmeroro]

Thanks, really. I viewed the source and have (I think) located the first roll over I would like to edit. I am sorry to be such a "Dee de Dee", but this is driving me bonkers! Thanks for hangin in here with me with the advice! Could you explain just where to put that code? Here is what I have:

<div style="position: absolute; top: 1193px; left: 198px; width: 169px; height: 113px; z-index: 20;" id="element138"><a onclick="return false;" onMouseOut="if(document.images){document.x77x111x117x115x101x111x118x101x114x32x69x102x102x101x99x116x45x49x52.src='ped75.gif';}" onMouseOver="if(document.images){document.x77x111x117x115x101x111x118x101x114x32x69x102x102x101x99x116x45x49x52.src='pedPAWGLO75.gif';}"><img alt="" name="x77x111x117x115x101x111x118x101x114x32x69x102x102x101x99x116x45x49x52" src="ped75.gif" height="113" border="0" width="169"></a></div><!-- </hs:element138> --><!-- <hs:element139> --><div style="position: absolute; top: 1193px; left: 440px; width: 169px; height: 113px; z-index: 21;" id="element139"><a onclick="return false;" onMouseOut="if(document.images){document.x77x111x117x115x101x111x118x101x114x32x69x102x102x101x99x116x45x49x53.src='showresults75.gif';}" onMouseOver="if(document.images){document.x77x111x117x115x101x111x118x101x114x32x69x102x102x101x99x116x45x49x53.src='showresults75GLOPAW.gif';}"><img alt="" name="x77x111x117x115x101x111x118x101x114x32x69x102x102x101x99x116x45x49x53" src="showresults75.gif" height="113" border="0" width="169"></a></div>

I think this is all?

Many thanks. RoRo

[itsmeroro]

Ok - Another question. Since I am limited by Homestead and Sitebuilder - I am only able to add and edit parts of my page's code - Is there a way to add html into the page that the mouseover is opening - which will size the page, delete the scroll bars and so on? I have the mouseover effect figured, and can add a link to that in a wysiwyg format in the sitebuilder... the problem is the page opens as a full screen - and I really need it to be smaller, lighter and, well prettier... LOL. Thanks... Rachelle

[insanemonkey]

try this and let me know if this works?

<div style="position: absolute; top: 1193px; left: 198px; width: 169px; height: 113px; z-index: 20;" id="element138">
<a onclick="window.open('http://urltopage.com','popup','width=500,height=500,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false" onMouseOut="if(document.images){document.x77x111x117x115x101x111x118x101x114x32x69x102x102x101x99x116x45x49x52.src='ped75.gif';}" onMouseOver="if(document.images){document.x77x111x117x115x101x111x118x101x114x32x69x102x102x101x99x116x45x49x52.src='pedPAWGLO75.gif';}">
<img alt="" name="x77x111x117x115x101x111x118x101x114x32x69x102x102x101x99x116x45x49x52" src="ped75.gif" height="113" border="0" width="169"></a></div>
<!-- </hs:element138> --><!-- <hs:element139> -->
<div style="position: absolute; top: 1193px; left: 440px; width: 169px; height: 113px; z-index: 21;" id="element139">
<a onclick="window.open('http://urltopage.com','popup','width=500,height=500,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false" onMouseOut="if(document.images){document.x77x111x117x115x101x111x118x101x114x32x69x102x102x101x99x116x45x49x53.src='showresults75.gif';}" onMouseOver="if(document.images){document.x77x111x117x115x101x111x118x101x114x32x69x102x102x101x99x116x45x49x53.src='showresults75GLOPAW.gif';}">
<img alt="" name="x77x111x117x115x101x111x118x101x114x32x69x102x102x101x99x116x45x49x53" src="showresults75.gif" height="113" border="0" width="169"></a></div>


god this took me along time..lol... but here it is try this... and let me know if it works...

the blue highlighted text is the url to the page...