Website HELP!! - Hovering Feedback Form
Thread Starter
Registered User
Joined: Jan 2003
Posts: 543
From: West Vancouver / Coquitlam, BC, Canada
Website HELP!! - Hovering Feedback Form
HTML/Web Devel gurus I need your help!
This is my website http://www.v6firefury.com/
What I want to do is create a hovering table on the left hand side of the main table on my page. This table will contain a feedback form so people can send me email anytime they have a question about mods, car, etc...
how can I make a table hover, so that when u scroll down the feedback form moves and hovers down the page too??
any help will be greatly appreciated
This is my website http://www.v6firefury.com/
What I want to do is create a hovering table on the left hand side of the main table on my page. This table will contain a feedback form so people can send me email anytime they have a question about mods, car, etc...
how can I make a table hover, so that when u scroll down the feedback form moves and hovers down the page too??
any help will be greatly appreciated
im not sure the code for that, but advertising web pages always have those so you could just view the source HTML then cut and paste it. It will have some advanced java script most likely. I dunno how good you are, but you may have trouble understanding it to make any modifications, or even determining which part of the script is for the scrolling window. A much easier solution would be to have the window split so that there is a small column on the left instead. I saw your page, and it would have plenty of room for this column idea without having a sideways scroll on the main page, with my screen resolution anyways. This code is quite simple and I'd be glad to send it over if you don't already know it.
here you go:
<script>
if (!document.layers)
document.write('<div id="divStayTopLeft" style="position:absolute">')
</script>
<layer id="divStayTopLeft">
<!--EDIT BELOW CODE TO YOUR OWN MENU-->
<table border="1" width="130" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" bgcolor="#FFFFCC">
<p align="center"><b><font size="4">Menu</font></b></td>
</tr>
<tr>
<td width="100%" bgcolor="#FFFFFF">
<p align="left"> <a href="http://www.dynamicdrive.com">Dynamic Drive</a><br>
<a href="http://www.dynamicdrive.com/new.htm">What's New</a><br>
<a href="http://www.dynamicdrive.com/hot.htm">What's Hot</a><br>
<a href="http://www.dynamicdrive.com/faqs.htm">FAQs</a><br>
<a href="http://www.dynamicdrive.com/morezone/">More Zone</a></td>
</tr>
</table>
<!--END OF EDIT-->
</layer>
<script type="text/javascript">
/*
Floating Menu script- Roy Whittle (http://www.javascript-fx.com/)
Script featured on/available at http://www.dynamicdrive.com/
This notice must stay intact for use
*/
//Enter "frombottom" or "fromtop"
var verticalpos="frombottom"
if (!document.layers)
document.write('</div>')
function JSFX_FloatTopDiv()
{
var startX = 3,
startY = 150;
var ns = (navigator.appName.indexOf("Netscape") != -1);
var d = document;
function ml(id)
{
var el=d.getElementById?d.getElementById(id):d.all?d.a ll[id]:d.layers[id];
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x;this.style.t op=y;};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function()
{
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : document.body.scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("divStayTopLeft");
stayTopLeft();
}
JSFX_FloatTopDiv();
</script>
I found this script at http://www.dynamicdrive.com/dynamici...staticmenu.htm
This is the script for the floating menu alone so you dont need to modify anything but the contents and size of the window, and possibly the scroll speed. Just ask if you need any other code. Go to the link if you want to see the example of what it looks like.
if (!document.layers)
document.write('<div id="divStayTopLeft" style="position:absolute">')
</script>
<layer id="divStayTopLeft">
<!--EDIT BELOW CODE TO YOUR OWN MENU-->
<table border="1" width="130" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" bgcolor="#FFFFCC">
<p align="center"><b><font size="4">Menu</font></b></td>
</tr>
<tr>
<td width="100%" bgcolor="#FFFFFF">
<p align="left"> <a href="http://www.dynamicdrive.com">Dynamic Drive</a><br>
<a href="http://www.dynamicdrive.com/new.htm">What's New</a><br>
<a href="http://www.dynamicdrive.com/hot.htm">What's Hot</a><br>
<a href="http://www.dynamicdrive.com/faqs.htm">FAQs</a><br>
<a href="http://www.dynamicdrive.com/morezone/">More Zone</a></td>
</tr>
</table>
<!--END OF EDIT-->
</layer>
<script type="text/javascript">
/*
Floating Menu script- Roy Whittle (http://www.javascript-fx.com/)
Script featured on/available at http://www.dynamicdrive.com/
This notice must stay intact for use
*/
//Enter "frombottom" or "fromtop"
var verticalpos="frombottom"
if (!document.layers)
document.write('</div>')
function JSFX_FloatTopDiv()
{
var startX = 3,
startY = 150;
var ns = (navigator.appName.indexOf("Netscape") != -1);
var d = document;
function ml(id)
{
var el=d.getElementById?d.getElementById(id):d.all?d.a ll[id]:d.layers[id];
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x;this.style.t op=y;};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function()
{
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : document.body.scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("divStayTopLeft");
stayTopLeft();
}
JSFX_FloatTopDiv();
</script>
I found this script at http://www.dynamicdrive.com/dynamici...staticmenu.htm
This is the script for the floating menu alone so you dont need to modify anything but the contents and size of the window, and possibly the scroll speed. Just ask if you need any other code. Go to the link if you want to see the example of what it looks like.
Almost forgot, if you wanna have the contents of the feedback form posted or mailed to you automatically, you need to use CGI script. It's pretty simple compared to C++ or Java, so if you have experience with those you should have no problem using it.
Thread
Thread Starter
Forum
Replies
Last Post
CARiD
Supporting Vendor Group Purchases and Sales
0
Sep 7, 2015 08:21 AM
cmsmith
2010 - 2015 Camaro News, Sightings, Pictures, and Multimedia
0
Aug 27, 2015 06:37 PM



