Archivlink: javarea.de Forum > JavaScript > kontextmenüscript öffnet sich nicht in kontextmenü
Vollständigen Link anzeigen: javarea.de Forum > JavaScript > kontextmenüscript öffnet sich nicht in kontextmenü

Pages: [1]
geschrieben von mr-smile am 11.07.2005 - 15:31
ich habe ein script was ein contextmenümit menüpunkten öffnen sollte.

HTML-Quelltext
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 
24: 
25: 
26: 
27: 
28: 
29: 
30: 
31: 
32: 
33: 
34: 
35: 
36: 
37: 
38: 
39: 
40: 
41: 
42: 
43: 
44: 
45: 
46: 
47: 
48: 
49: 
50: 
51: 
52: 
53: 
54: 
55: 
56: 
57: 
58: 
59: 
60: 
61: 
62: 
63: 
64: 
65: 
66: 
67: 
68: 
69: 
70: 
71: 
72: 

<STYLE>
#ie5menu   {BACKGROUND-COLOR: menu; BORDER-BOTTOM: #990000 2px solid; BORDER-LEFT: #990000 1px solid; BORDER-RIGHT: #990000 2px solid; BORDER-TOP: #990000 1px solid; CURSOR: default; FONT-FAMILY: Verdana; LINE-HEIGHT: 20px; POSITION: absolute; VISIBILITY: hidden; WIDTH: 200px}
.menuitems {PADDING-LEFT: 15px; PADDING-RIGHT: 15px}
</STYLE>

<SCRIPT language=JavaScript1.2>
var display_url=1
function showmenuie5(){
var rightedge=document.body.clientWidth-event.clientX
var bottomedge=document.body.clientHeight-event.clientY

if (rightedge<ie5menu.offsetWidth)
ie5menu.style.left=document.body.scrollLeft+event.clientX-ie5menu.offsetWidth
else
ie5menu.style.left=document.body.scrollLeft+event.clientX

if (bottomedge<ie5menu.offsetHeight)
ie5menu.style.top=document.body.scrollTop+event.clientY-ie5menu.offsetHeight
else
ie5menu.style.top=document.body.scrollTop+event.clientY

ie5menu.style.visibility="visible"
return false
}

function hidemenuie5(){
ie5menu.style.visibility="hidden"
}

function highlightie5(){
if (event.srcElement.className=="menuitems"){
event.srcElement.style.backgroundColor="highlight"
event.srcElement.style.color="white"
if (display_url==1)
window.status=event.srcElement.url
}
}

function lowlightie5(){
if (event.srcElement.className=="menuitems"){
event.srcElement.style.backgroundColor=""
event.srcElement.style.color="black"
window.status=''
}
}

function jumptoie5(){
if (event.srcElement.className=="menuitems")
window.location=event.srcElement.url
}
</SCRIPT>

<div id="ie5menu" onMouseover="highlightie5()" onMouseout="lowlightie5()" onClick="jumptoie5()">
<div class="menuitems" url="#0">Hallo</div>
<div class="menuitems" url="#1">About me</div>
<div class="menuitems" url="#2">Chat familie</div>
<div class="menuitems" url="#3">What I made</div>
<div class="menuitems" url="#4">Links</div>
<div class="menuitems" url="#9">Wo ich mitmache</div>
<div class="menuitems" url="#5">Jugendschmutzgesetzt</div>
<div class="menuitems" url="#6">Bildlinks</div>
<div class="menuitems" url="#7">Danke und schöö</div>
<div class="menuitems" url="#8">Shoutbox / Umfrage</div>
<hr color="#990000">
<div class="menuitems" url="mailto:">eMail</div>
</div>

<script language="JavaScript1.2">
document.oncontextmenu=showmenuie5
if (document.all&&window.print)
document.body.onclick=hidemenuie5
</script>


wenn man an´s ende meiner HP geht (also da wo ich alle scripts stehen hab ) und dann rechtsklick macht erscheinen dort die menüpunkte aber nicht in einem kontetmenü

(script von http://javarea.de/index.php3?openca....amp;id=378 )

Edit hatte ich vergessenich
ist zu bewundern unter
http://www.knuddels.de/hp/mr-smile#8 (muss man nur ein ganz kleines bisschen scrollen)

geschrieben von mr-smile am 11.07.2005 - 22:33
irgendwie kann mir keiner helfen

geschrieben von weisnix am 12.07.2005 - 08:26
Hallo,

doch da kann geholfen werden.

Wenn du aber deine Scripte etwas sorgfältiger einbauen würdest, wäre es die selbst aufgefallen.

Preisfrage: Wo muss ein <STYLE> ...Inhalt.... </STYLE> stehen.

Richtig: im ..............</head>

Und dann noch was – was sollen die <br>´s da drin.

Wenn du das änderst tut das Kontextmenü.

Gruß

geschrieben von mr-smile am 12.07.2005 - 09:51
ja das script hab ich so übernommen deswegen die <br>´s da drin

hast recht hät ich selber drauf kommen können

geschrieben von mr-smile am 12.07.2005 - 21:06
hab ich geändert (also das mit dem head ).

geht nicht

was könnte da noch falsch sein

(mal abgesehen das es irgendwie sch***** ist, das auf http://www.javarea.de scripts angeboten werden, die falsch sind)

___________________________
Keep ing

geschrieben von weisnix am 13.07.2005 - 09:35
Hallo,

ich habe mal wieder einen Blick in deine Quelltext riskiert. Brrrrrrrrrrrrr!!!!!

Nichts hast Du geändert, auf alle Fälle nicht das was ich gemeint hatte.

Ich werde mich auch hüten, dort Ordnung zu schaffen bei 4 body-Tag´s. Nur so viel es handelt sich um diese Passage:

HTML-Quelltext
1: 
2: 
3: 
4: 

<br><STYLE>
<br>#ie5menu   {BACKGROUND-COLOR: menu; BORDER-BOTTOM: #990000 2px solid; BORDER-LEFT: #990000 1px solid; BORDER-RIGHT: #990000 2px solid; BORDER-TOP: #990000 1px solid; CURSOR: default; FONT-FAMILY: Verdana; LINE-HEIGHT: 20px; POSITION: absolute; VISIBILITY: hidden; WIDTH: 200px}
<br>.menuitems {PADDING-LEFT: 15px; PADDING-RIGHT: 15px}
<br></STYLE>


da nützt es nichts mitten im 3. oder 4. body einen neuen head zu kreieren.

Stell dir eine Webseite als Mensch vor. Wie würde der aussehen mit mehreren Köpfen und Leibern?

Also, der obere Code ohne die <br> drin muss in den Kopfteil <head> .... </head>.

Und Ordnung auf der Seite schaffen!

Gruß

geschrieben von mr-smile am 13.07.2005 - 20:24
ich versteh nur bahnhof

ich hb das script so von javarea übernommen ich kenn mich nicht besonders mit diesen body bzw. head sachen aus.

geschrieben von weisnix am 13.07.2005 - 21:45
Hallo,

Anhang einfach in eine html-Seite speichern.
Ich würde dir empfehlen bei Selfhtml vorbei zu schauen, und die Grundlagen eines Seitenaufbaus nachlesen.

Gruß

geschrieben von mr-smile am 20.07.2005 - 20:58
was hast du den da geändert ich hab mal durchgeguckt und nix gefunden

sorry das das so lange gedauert hat aber war im urlaub

geschrieben von weisnix am 21.07.2005 - 08:09
Hallo,

das deine Seite mit Scripts zu sehr überlagert ist scheint dir nicht bewusst. Aber lassen wir das mal weg.
So wie ich das sehe, nimmst du die Scriptvorlagen die du findest, und die dir einfach gefallen, und kopierst sie kommplet in die Seite ohne nachzudenken ob sie dort auch hingehören. Den Quelltext von Javarea hast du einfach unten in dein Quelltext kopiert und dabei auch noch in das STYLE- Tag Zeilenumbrüche (<br>) eingebaut. Deshalb kann es nicht funktionieren.

Zum Script Kontextmenü so wird es richtig in den Quelltext eingesetzt:

In den head- Bereich muss:
HTML-Quelltext
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 
24: 
25: 
26: 
27: 
28: 
29: 
30: 
31: 
32: 
33: 
34: 
35: 
36: 
37: 
38: 
39: 
40: 
41: 
42: 
43: 
44: 
45: 
46: 
47: 
48: 
49: 
50: 
51: 

<STYLE>
#ie5menu   {BACKGROUND-COLOR: menu; BORDER-BOTTOM: #990000 2px solid; BORDER-LEFT: #990000 1px solid; BORDER-RIGHT: #990000 2px solid; BORDER-TOP: #990000 1px solid; CURSOR: default; FONT-FAMILY: Verdana; LINE-HEIGHT: 20px; POSITION: absolute; VISIBILITY: hidden; WIDTH: 200px}
.menuitems {PADDING-LEFT: 15px; PADDING-RIGHT: 15px}
</STYLE>

<SCRIPT language=JavaScript1.2>
var display_url=1
function showmenuie5(){
var rightedge=document.body.clientWidth-event.clientX
var bottomedge=document.body.clientHeight-event.clientY

if (rightedge<ie5menu.offsetWidth)
ie5menu.style.left=document.body.scrollLeft+event.clientX-ie5menu.offsetWidth
else
ie5menu.style.left=document.body.scrollLeft+event.clientX

if (bottomedge<ie5menu.offsetHeight)
ie5menu.style.top=document.body.scrollTop+event.clientY-ie5menu.offsetHeight
else
ie5menu.style.top=document.body.scrollTop+event.clientY

ie5menu.style.visibility="visible"
return false
}

function hidemenuie5(){
ie5menu.style.visibility="hidden"
}

function highlightie5(){
if (event.srcElement.className=="menuitems"){
event.srcElement.style.backgroundColor="highlight"
event.srcElement.style.color="white"
if (display_url==1)
window.status=event.srcElement.url
}
}

function lowlightie5(){
if (event.srcElement.className=="menuitems"){
event.srcElement.style.backgroundColor=""
event.srcElement.style.color="black"
window.status=''
}
}

function jumptoie5(){
if (event.srcElement.className=="menuitems")
window.location=event.srcElement.url
}
</SCRIPT>


In den body-Bereich muss:
HTML-Quelltext
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 

<div id="ie5menu" onMouseover="highlightie5()" onMouseout="lowlightie5()" onClick="jumptoie5()">
<div class="menuitems" url="http://www.javarea.de">javarea.de</div>
<div class="menuitems" url="http://www.javarea.de">Guestbook</div>
<div class="menuitems" url="http://www.javarea.de">Forum</div>
<div class="menuitems" url="http://www.javarea.de">FAQs</div>
<div class="menuitems" url="http://www.javarea.de">Submit</div>
<hr color="#990000">
<div class="menuitems" url="mailto:">eMail</div>
</div>

<script language="JavaScript1.2">
document.oncontextmenu=showmenuie5
if (document.all&&window.print)
document.body.onclick=hidemenuie5
</script>


Zusammen sieht die Seite dann so aus:
HTML-Quelltext
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 
24: 
25: 
26: 
27: 
28: 
29: 
30: 
31: 
32: 
33: 
34: 
35: 
36: 
37: 
38: 
39: 
40: 
41: 
42: 
43: 
44: 
45: 
46: 
47: 
48: 
49: 
50: 
51: 
52: 
53: 
54: 
55: 
56: 
57: 
58: 
59: 
60: 
61: 
62: 
63: 
64: 
65: 
66: 
67: 
68: 
69: 
70: 
71: 
72: 
73: 
74: 
75: 
76: 
77: 
78: 
79: 

<html>
<head> 
<title>Titel deiner Seite</title>
<STYLE>
#ie5menu   {BACKGROUND-COLOR: menu; BORDER-BOTTOM: #990000 2px solid; BORDER-LEFT: #990000 1px solid; BORDER-RIGHT: #990000 2px solid; BORDER-TOP: #990000 1px solid; CURSOR: default; FONT-FAMILY: Verdana; LINE-HEIGHT: 20px; POSITION: absolute; VISIBILITY: hidden; WIDTH: 200px}
.menuitems {PADDING-LEFT: 15px; PADDING-RIGHT: 15px}
</STYLE>

<SCRIPT language=JavaScript1.2>
var display_url=1
function showmenuie5(){
var rightedge=document.body.clientWidth-event.clientX
var bottomedge=document.body.clientHeight-event.clientY

if (rightedge<ie5menu.offsetWidth)
ie5menu.style.left=document.body.scrollLeft+event.clientX-ie5menu.offsetWidth
else
ie5menu.style.left=document.body.scrollLeft+event.clientX

if (bottomedge<ie5menu.offsetHeight)
ie5menu.style.top=document.body.scrollTop+event.clientY-ie5menu.offsetHeight
else
ie5menu.style.top=document.body.scrollTop+event.clientY

ie5menu.style.visibility="visible"
return false
}

function hidemenuie5(){
ie5menu.style.visibility="hidden"
}

function highlightie5(){
if (event.srcElement.className=="menuitems"){
event.srcElement.style.backgroundColor="highlight"
event.srcElement.style.color="white"
if (display_url==1)
window.status=event.srcElement.url
}
}

function lowlightie5(){
if (event.srcElement.className=="menuitems"){
event.srcElement.style.backgroundColor=""
event.srcElement.style.color="black"
window.status=''
}
}

function jumptoie5(){
if (event.srcElement.className=="menuitems")
window.location=event.srcElement.url
}
</SCRIPT>


</head> 

<body>

<div id="ie5menu" onMouseover="highlightie5()" onMouseout="lowlightie5()" onClick="jumptoie5()">
<div class="menuitems" url="http://www.javarea.de">javarea.de</div>
<div class="menuitems" url="http://www.javarea.de">Guestbook</div>
<div class="menuitems" url="http://www.javarea.de">Forum</div>
<div class="menuitems" url="http://www.javarea.de">FAQs</div>
<div class="menuitems" url="http://www.javarea.de">Submit</div>
<hr color="#990000">
<div class="menuitems" url="mailto:">eMail</div>
</div>

<script language="JavaScript1.2">
document.oncontextmenu=showmenuie5
if (document.all&&window.print)
document.body.onclick=hidemenuie5
</script>

</body>

</html>



Zu deiner Frage oben:
Ich habe nur das STYLE an die richtige Stelle gesetzt und die <br>´s entfernt. Ebenfalls die zu oft verwendeten <body>´s. Die Seite ist deshalb immer noch nicht in Ordnung. Du musst dir einfach mahl die Frage stellen ob die vielen Scripts da rein müssen. Du könntest einfach mehrere Seiten verwenden.

Grüssle

geschrieben von mr-smile am 30.07.2005 - 22:28
das problem mit den mehreren seiten hatten wir schon


Powered by: JBB v.2.0.4 Copyright ©2000-2006, www.javarea.de.