The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

is it possible to add a Floating Menu?

5 posters

Go down

is it possible to add a Floating Menu? Empty is it possible to add a Floating Menu?

Post by LeiZhen August 17th 2009, 9:17 am

Is it possible to add a Floating Menu?
If yes, who?

image
Spoiler:
avatar
LeiZhen
New Member

Posts : 20
Reputation : 0
Language : English

Back to top Go down

is it possible to add a Floating Menu? Empty Re: is it possible to add a Floating Menu?

Post by ankillien August 17th 2009, 9:28 am

Hello,

You mean that 'quick links' box? and that should move along as the page scrolls, right?
ankillien
ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

Back to top Go down

is it possible to add a Floating Menu? Empty Re: is it possible to add a Floating Menu?

Post by LeiZhen August 17th 2009, 1:23 pm

ankillien wrote:Hello,

You mean that 'quick links' box? and that should move along as the page scrolls, right?
Hi,
Yes Sir. Smile

Spoiler:
- Source
avatar
LeiZhen
New Member

Posts : 20
Reputation : 0
Language : English

Back to top Go down

is it possible to add a Floating Menu? Empty Re: is it possible to add a Floating Menu?

Post by Master Marc August 17th 2009, 3:33 pm

Hello,
You can modify this code and add in your menu.

Code:
<script>
if (!document.layers)
document.write('<div id="divStayTopLeft" style="position:absolute">')
</script>

<layer id="divStayTopLeft">

<!--Source Of Your Menu-->





<!--END OF Menu-->

</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.all[id]:d.layers[id];
      if(d.layers)el.style=el;
      el.sP=function(x,y){this.style.left=x;this.style.top=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>

Edit the code and add in your menu between these tags. The space where the red text are is the place you can enter your menu in the code.


<!--Source Of Your Menu-->

***/Youe menu here

<!--END OF Menu-->

Hope I helped, Hello
Master Marc
Master Marc
Hyperactive

Male Posts : 3661
Reputation : 47
Language : English and Spanish.

Back to top Go down

is it possible to add a Floating Menu? Empty Re: is it possible to add a Floating Menu?

Post by blogger August 17th 2009, 4:11 pm

Where do you put it?
avatar
blogger
Forumember

Female Posts : 366
Reputation : 0
Language : English, webkinz, beepish, baby talk, and tech
Location : WONDER-LAND!!! XD

Back to top Go down

is it possible to add a Floating Menu? Empty Re: is it possible to add a Floating Menu?

Post by Master Marc August 17th 2009, 4:26 pm

You can add it anywhere if there is an html source, Wink

Example :

~By using template editing
~On an html page
~Homepage Message
Master Marc
Master Marc
Hyperactive

Male Posts : 3661
Reputation : 47
Language : English and Spanish.

Back to top Go down

is it possible to add a Floating Menu? Empty Re: is it possible to add a Floating Menu?

Post by blogger August 17th 2009, 4:28 pm

How would you do it on an HTML page? I get lost when i try to do HTML pages. Hem
avatar
blogger
Forumember

Female Posts : 366
Reputation : 0
Language : English, webkinz, beepish, baby talk, and tech
Location : WONDER-LAND!!! XD

Back to top Go down

is it possible to add a Floating Menu? Empty Re: is it possible to add a Floating Menu?

Post by Master Marc August 17th 2009, 4:32 pm

blogger wrote:How would you do it on an HTML page? I get lost when i try to do HTML pages. Hem
First, you'll have to get a little knowledge about html.

Tutorials => http://www.w3schools.com/

Then, you'll be able to create your own html pages once you learnt about html.

ACP=>Modules Tab=>HTML=>HTML pages management=>Create a new html page

Add the code, and make sure that you have lots of content on your page so that there are scroll bars, so when you scroll down, the floating menu would scroll as well, Wink
Master Marc
Master Marc
Hyperactive

Male Posts : 3661
Reputation : 47
Language : English and Spanish.

Back to top Go down

is it possible to add a Floating Menu? Empty Re: is it possible to add a Floating Menu?

Post by ankillien August 17th 2009, 5:41 pm

Well, I am not sure if this is exactly what you wnt but try putting this code in homepage message.

Code:
<div style="position:fixed; bottom:30px; right:20px; padding:5px; background:white; border:1px solid #666; color : #333; width:150px; min-height:100px;">

<a href="LINK URL HERE">TEXT</a><br />
<a href="LINK URL HERE">TEXT</a><br />
<a href="LINK URL HERE">TEXT</a><br />
<a href="LINK URL HERE">TEXT</a><br />
<a href="LINK URL HERE">TEXT</a>

</div>
ankillien
ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

Back to top Go down

is it possible to add a Floating Menu? Empty Re: is it possible to add a Floating Menu?

Post by blogger August 17th 2009, 5:50 pm

I did it and both didn't work. Can you just give me a step-by-step guide on how to do this?
avatar
blogger
Forumember

Female Posts : 366
Reputation : 0
Language : English, webkinz, beepish, baby talk, and tech
Location : WONDER-LAND!!! XD

Back to top Go down

is it possible to add a Floating Menu? Empty Re: is it possible to add a Floating Menu?

Post by Master Marc August 17th 2009, 5:58 pm

Hello Blogger,
I've added Ankillien's menu to the code I've posted.

Code:
<script>
if (!document.layers)
document.write('<div id="divStayTopLeft" style="position:absolute">')
</script>

<layer id="divStayTopLeft">

<!--Source Of Your Menu-->

<div style="position:fixed; bottom:30px; right:20px; padding:5px; background:white; border:1px solid #666; color : #333; width:150px; min-height:100px;">

<a href="LINK URL HERE">TEXT</a><br />
<a href="LINK URL HERE">TEXT</a><br />
<a href="LINK URL HERE">TEXT</a><br />
<a href="LINK URL HERE">TEXT</a><br />
<a href="LINK URL HERE">TEXT</a>

</div>

<!--END OF Menu-->

</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.all[id]:d.layers[id];
      if(d.layers)el.style=el;
      el.sP=function(x,y){this.style.left=x;this.style.top=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>

You can change the menu if you would like. Modify Ankillien's menu and add it between these tags as I said before:


<!--Source Of Your Menu-->

***/Youe menu here

<!--END OF Menu-->

Note : You have to scroll down your page so that this script would work, Wink
Master Marc
Master Marc
Hyperactive

Male Posts : 3661
Reputation : 47
Language : English and Spanish.

Back to top Go down

is it possible to add a Floating Menu? Empty Re: is it possible to add a Floating Menu?

Post by Mystic_gohan2 August 21st 2009, 3:51 pm

Master Marc wrote:Hello Blogger,
I've added Ankillien's menu to the code I've posted.

Code:
<script>
if (!document.layers)
document.write('<div id="divStayTopLeft" style="position:absolute">')
</script>

<layer id="divStayTopLeft">

<!--Source Of Your Menu-->

<div style="position:fixed; bottom:30px; right:20px; padding:5px; background:white; border:1px solid #666; color : #333; width:150px; min-height:100px;">

<a href="LINK URL HERE">TEXT</a><br />
<a href="LINK URL HERE">TEXT</a><br />
<a href="LINK URL HERE">TEXT</a><br />
<a href="LINK URL HERE">TEXT</a><br />
<a href="LINK URL HERE">TEXT</a>

</div>

<!--END OF Menu-->

</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.all[id]:d.layers[id];
      if(d.layers)el.style=el;
      el.sP=function(x,y){this.style.left=x;this.style.top=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>

You can change the menu if you would like. Modify Ankillien's menu and add it between these tags as I said before:


<!--Source Of Your Menu-->

***/Youe menu here

<!--END OF Menu-->

Note : You have to scroll down your page so that this script would work, Wink

o copied it right but it come sin a red box and there is no x to close it my use is complaining about it
avatar
Mystic_gohan2
Forumember

Posts : 700
Reputation : 30
Language : English

Back to top Go down

is it possible to add a Floating Menu? Empty Re: is it possible to add a Floating Menu?

Post by Master Marc August 21st 2009, 4:14 pm

Hello,
Am getting the feeling that you don't want this for an html page...

I think you will like the pop up log in menu that forumotion provides.

Please read this tutorial here.
Master Marc
Master Marc
Hyperactive

Male Posts : 3661
Reputation : 47
Language : English and Spanish.

Back to top Go down

is it possible to add a Floating Menu? Empty Re: is it possible to add a Floating Menu?

Post by Mystic_gohan2 August 21st 2009, 4:16 pm

sorry i know about pop up .
avatar
Mystic_gohan2
Forumember

Posts : 700
Reputation : 30
Language : English

Back to top Go down

is it possible to add a Floating Menu? Empty Re: is it possible to add a Floating Menu?

Post by Master Marc August 21st 2009, 4:19 pm

Oh. You wanted the floating menu to close.

Add this code please where ever you want the close button.

Code:
<form><input type=button value="Close Window" onClick="javascript:window.close();"></form>
Master Marc
Master Marc
Hyperactive

Male Posts : 3661
Reputation : 47
Language : English and Spanish.

Back to top Go down

is it possible to add a Floating Menu? Empty Re: is it possible to add a Floating Menu?

Post by Mystic_gohan2 August 21st 2009, 4:24 pm

when i click on close window it does not close
avatar
Mystic_gohan2
Forumember

Posts : 700
Reputation : 30
Language : English

Back to top Go down

is it possible to add a Floating Menu? Empty Re: is it possible to add a Floating Menu?

Post by Master Marc August 21st 2009, 4:32 pm

Try this:
Code:
<script>
if (!document.layers)
document.write('<div id="divStayTopLeft" style="position:absolute">')
</script>

<layer id="divStayTopLeft">

<!--Source Of Your Menu-->

<div style="position:fixed; bottom:30px; right:20px; padding:5px; background:white; border:1px solid #666; color : #333; width:150px; min-height:100px;">

<a href="LINK URL HERE">TEXT</a><br />
<a href="LINK URL HERE">TEXT</a><br />
<a href="LINK URL HERE">TEXT</a><br />
<a href="LINK URL HERE">TEXT</a><br />
<a href="LINK URL HERE">TEXT</a>
<br/>
<form><input type=button value="Close Window" onClick="javascript:window.close();"></form>
</div>

<!--END OF Menu-->

</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.all[id]:d.layers[id];
      if(d.layers)el.style=el;
      el.sP=function(x,y){this.style.left=x;this.style.top=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>
Master Marc
Master Marc
Hyperactive

Male Posts : 3661
Reputation : 47
Language : English and Spanish.

Back to top Go down

is it possible to add a Floating Menu? Empty Re: is it possible to add a Floating Menu?

Post by Mystic_gohan2 August 21st 2009, 5:19 pm

not working
avatar
Mystic_gohan2
Forumember

Posts : 700
Reputation : 30
Language : English

Back to top Go down

is it possible to add a Floating Menu? Empty Re: is it possible to add a Floating Menu?

Post by Master Marc August 22nd 2009, 1:18 am

Mystic_gohan2 wrote:not working
I forgot to ask you to add it between your body tags,sorry.

Code:
<body></body>

Test : Click Here
Master Marc
Master Marc
Hyperactive

Male Posts : 3661
Reputation : 47
Language : English and Spanish.

Back to top Go down

is it possible to add a Floating Menu? Empty Re: is it possible to add a Floating Menu?

Post by Mystic_gohan2 August 22nd 2009, 4:56 am

thankyou it works
avatar
Mystic_gohan2
Forumember

Posts : 700
Reputation : 30
Language : English

Back to top Go down

is it possible to add a Floating Menu? Empty Re: is it possible to add a Floating Menu?

Post by LeiZhen September 8th 2009, 3:23 pm

Master Marc wrote:
Mystic_gohan2 wrote:not working
I forgot to ask you to add it between your body tags,sorry.

Code:
<body></body>

Test : Click Here

the position of the box is fixed?
avatar
LeiZhen
New Member

Posts : 20
Reputation : 0
Language : English

Back to top Go down

is it possible to add a Floating Menu? Empty Re: is it possible to add a Floating Menu?

Post by LeiZhen September 15th 2009, 10:23 am

thanks for the help.

have a nice day Smile
avatar
LeiZhen
New Member

Posts : 20
Reputation : 0
Language : English

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum