Toon posts:

2 Moveable menu's in 1 pagina

Pagina: 1
Acties:
  • 56 views sinds 30-01-2008

maandag 19 augustus 2002 13:09

Acties:

Verwijderd

Topicstarter
ik heb nu 1 pagina met 1 moveable menu en ik wil er duz nog 1 op hebben hoe doe ik dit??

ik heb nu als standaard dit:

<SCRIPT LANGUAGE="JavaScript">
function VersionCheck() {
var x = navigator.appVersion;
y = x.substring(0,4);
if (y>=4) setVariables();moveOB();
}

function setVariables() {
if (navigator.appName == "Netscape") {
h=".left=";v=".top=";dS="document.";sD="";
}
else{
h=".pixelLeft=";v=".pixelTop=";dS="";sD=".style";
}
objectX="object11"
XX=-70;
YY=-70;
OB=11;
}

function setObject(a) {
objectX="object"+a;
OB=a;
XX=eval("xpos"+a);
YY=eval("ypos"+a);
}

function getObject() {
if (isNav) document.captureEvents(Event.MOUSEMOVE);
}

function releaseObject() {
if (isNav) document.releaseEvents(Event.MOUSEMOVE);
check="no";
objectX="object11";
document.close();
}

function moveOB() {
eval(dS + objectX + sD + h + Xpos);
eval(dS + objectX + sD + v + Ypos);
}

var isNav = (navigator.appName.indexOf("Netscape") !=-1);
var isIE = (navigator.appName.indexOf("Microsoft") !=-1);
nsValue=(document.layers);
check="no";
function MoveHandler(e) {
Xpos = (isIE) ? event.clientX : e.pageX;
Ypos = (nsValue) ? e.pageY : event.clientY;
if (check=="no") {
diffX=XX-Xpos;
diffY=YY-Ypos;
check="yes";
if (objectX=="object11") check="no";
}
Xpos+=diffX;
Ypos+=diffY;
if (OB=="1") xpos1=Xpos,ypos1=Ypos;
moveOB();
}
if (isNav) {
document.captureEvents(Event.CLICK);
document.captureEvents(Event.DBLCLICK);
}
xpos1=50; // make this the left pixel value for object1 below
ypos1=50; // make this the top pixel value for object1 below
xpos11 = -50;
ypos11 = -50;
Xpos=5;
Ypos=5;
document.onmousemove = MoveHandler;
document.onclick = getObject;
document.ondblclick = releaseObject;
// End -->
</script>
</HEAD>

<!-- Insert the onLoad in your body tag -->

<BODY OnLoad="VersionCheck()">

<!-- Copy this code into the BODY of your HTML document -->

<b>Click once on "Move Menu" to pick<br>
it up and Double Click to drop</b>
<br>
<div id="object1" style="position:absolute; visibility:show; left:50px; top:50px; z-index:2">
<table border=1 cellpadding=5>
<tr>
<td bgcolor="#eeeeee"><a href="javascript:void(0)" onmousedown="setObject(1)">Move Menu</a></td>
</tr>
<tr>
<td>
<br>
<A HREF="javascript:void(0)">Menu Item # 1</A><br>
<A HREF="javascript:void(0)">Menu Item # 2</a><br>
<A HREF="javascript:void(0)">Menu Item # 3</a>
</td>
</tr>
</table>
</div>
<div id="object11" style="position:absolute; visibility:show; left:-70px; top:-70px; z-index:2">
</div>

maandag 19 augustus 2002 13:11

Acties:
  • whoami
  • Registratie: December 2000
  • Laatst online: 23:04

whoami

Javascript, HTML etc... hoort thuis in W&G en niet in P&W.

Lees ook even de P&W FAQ en Quickstart (want dat heb je blijkbaar nog niet gedaan). Daar staat alles in vermeld hoe je een duidelijk topic opent, aan wat je topic title moet voldoen en in welk (sub)forum jouw topic thuishoort.

https://fgheysels.github.io/

maandag 19 augustus 2002 13:16

Acties:

Verwijderd

Dit lijkt me een gevalletje van ik-post-een-lap-source-en-zij-lossen-het-wel-op maar dat mag ik natuurlijk niet zeggen :o

maandag 19 augustus 2002 13:21

Acties:
  • ET
  • Registratie: Mei 2000
  • Laatst online: 17-06 18:00

ET

Wat heb je al geprobeerd en wat werkt er niet? Je vraag is nu wel erg algemeen.

maandag 19 augustus 2002 13:30

Acties:
  • André
  • Registratie: Maart 2002
  • Laatst online: 01-09 14:07

André

Analytics dude

Dan doe je dit: (2 keer de tekst) O-)

Of je gaat even zoeken op hotscripts.com naar een goed menu.

<SCRIPT LANGUAGE="JavaScript">
function VersionCheck() {
var x = navigator.appVersion;
y = x.substring(0,4);
if (y>=4) setVariables();moveOB();
}

function setVariables() {
if (navigator.appName == "Netscape") {
h=".left=";v=".top=";dS="document.";sD="";
}
else{
h=".pixelLeft=";v=".pixelTop=";dS="";sD=".style";
}
objectX="object11"
XX=-70;
YY=-70;
OB=11;
}

function setObject(a) {
objectX="object"+a;
OB=a;
XX=eval("xpos"+a);
YY=eval("ypos"+a);
}

function getObject() {
if (isNav) document.captureEvents(Event.MOUSEMOVE);
}

function releaseObject() {
if (isNav) document.releaseEvents(Event.MOUSEMOVE);
check="no";
objectX="object11";
document.close();
}

function moveOB() {
eval(dS + objectX + sD + h + Xpos);
eval(dS + objectX + sD + v + Ypos);
}

var isNav = (navigator.appName.indexOf("Netscape") !=-1);
var isIE = (navigator.appName.indexOf("Microsoft") !=-1);
nsValue=(document.layers);
check="no";
function MoveHandler(e) {
Xpos = (isIE) ? event.clientX : e.pageX;
Ypos = (nsValue) ? e.pageY : event.clientY;
if (check=="no") {
diffX=XX-Xpos;
diffY=YY-Ypos;
check="yes";
if (objectX=="object11") check="no";
}
Xpos+=diffX;
Ypos+=diffY;
if (OB=="1") xpos1=Xpos,ypos1=Ypos;
moveOB();
}
if (isNav) {
document.captureEvents(Event.CLICK);
document.captureEvents(Event.DBLCLICK);
}
xpos1=50; // make this the left pixel value for object1 below
ypos1=50; // make this the top pixel value for object1 below
xpos11 = -50;
ypos11 = -50;
Xpos=5;
Ypos=5;
document.onmousemove = MoveHandler;
document.onclick = getObject;
document.ondblclick = releaseObject;
// End -->
</script>
</HEAD>

<!-- Insert the onLoad in your body tag -->

<BODY OnLoad="VersionCheck()">

<!-- Copy this code into the BODY of your HTML document -->

<b>Click once on "Move Menu" to pick<br>
it up and Double Click to drop</b>
<br>
<div id="object1" style="position:absolute; visibility:show; left:50px; top:50px; z-index:2">
<table border=1 cellpadding=5>
<tr>
<td bgcolor="#eeeeee"><a href="javascript:void(0)" onmousedown="setObject(1)">Move Menu</a></td>
</tr>
<tr>
<td>
<br>
<A HREF="javascript:void(0)">Menu Item # 1</A><br>
<A HREF="javascript:void(0)">Menu Item # 2</a><br>
<A HREF="javascript:void(0)">Menu Item # 3</a>
</td>
</tr>
</table>
</div>
<div id="object11" style="position:absolute; visibility:show; left:-70px; top:-70px; z-index:2">
</div>
<SCRIPT LANGUAGE="JavaScript">
function VersionCheck() {
var x = navigator.appVersion;
y = x.substring(0,4);
if (y>=4) setVariables();moveOB();
}

function setVariables() {
if (navigator.appName == "Netscape") {
h=".left=";v=".top=";dS="document.";sD="";
}
else{
h=".pixelLeft=";v=".pixelTop=";dS="";sD=".style";
}
objectX="object11"
XX=-70;
YY=-70;
OB=11;
}

function setObject(a) {
objectX="object"+a;
OB=a;
XX=eval("xpos"+a);
YY=eval("ypos"+a);
}

function getObject() {
if (isNav) document.captureEvents(Event.MOUSEMOVE);
}

function releaseObject() {
if (isNav) document.releaseEvents(Event.MOUSEMOVE);
check="no";
objectX="object11";
document.close();
}

function moveOB() {
eval(dS + objectX + sD + h + Xpos);
eval(dS + objectX + sD + v + Ypos);
}

var isNav = (navigator.appName.indexOf("Netscape") !=-1);
var isIE = (navigator.appName.indexOf("Microsoft") !=-1);
nsValue=(document.layers);
check="no";
function MoveHandler(e) {
Xpos = (isIE) ? event.clientX : e.pageX;
Ypos = (nsValue) ? e.pageY : event.clientY;
if (check=="no") {
diffX=XX-Xpos;
diffY=YY-Ypos;
check="yes";
if (objectX=="object11") check="no";
}
Xpos+=diffX;
Ypos+=diffY;
if (OB=="1") xpos1=Xpos,ypos1=Ypos;
moveOB();
}
if (isNav) {
document.captureEvents(Event.CLICK);
document.captureEvents(Event.DBLCLICK);
}
xpos1=50; // make this the left pixel value for object1 below
ypos1=50; // make this the top pixel value for object1 below
xpos11 = -50;
ypos11 = -50;
Xpos=5;
Ypos=5;
document.onmousemove = MoveHandler;
document.onclick = getObject;
document.ondblclick = releaseObject;
// End -->
</script>
</HEAD>

<!-- Insert the onLoad in your body tag -->

<BODY OnLoad="VersionCheck()">

<!-- Copy this code into the BODY of your HTML document -->

<b>Click once on "Move Menu" to pick<br>
it up and Double Click to drop</b>
<br>
<div id="object1" style="position:absolute; visibility:show; left:50px; top:50px; z-index:2">
<table border=1 cellpadding=5>
<tr>
<td bgcolor="#eeeeee"><a href="javascript:void(0)" onmousedown="setObject(1)">Move Menu</a></td>
</tr>
<tr>
<td>
<br>
<A HREF="javascript:void(0)">Menu Item # 1</A><br>
<A HREF="javascript:void(0)">Menu Item # 2</a><br>
<A HREF="javascript:void(0)">Menu Item # 3</a>
</td>
</tr>
</table>
</div>
<div id="object11" style="position:absolute; visibility:show; left:-70px; top:-70px; z-index:2">
</div>

maandag 19 augustus 2002 13:59

Acties:

Verwijderd

Topicstarter
ok ok ik weet nu dus dat ik dit niet hier moest posten (dit iz mijn eerste post). ik heb nog weinig geprobeerd omdat ik nie zou weten wat en wat yogho zij heb ik geprobeerd maar dat werkt ook niet :'(

maandag 19 augustus 2002 14:06

Acties:

Verwijderd

Ga het dan eerst maar zelf proberen, en een beetje javascript leren, van even knippen en in een topic plakken met 1 regeltje tekst erbij is not done.
Het is hier geen "we zetten het wel even voor u in elkaar" service :)
Pagina: 1

Dit topic is gesloten.