StefanBrinkmann_KRZ
Grünschnabel
Hallo, habe nen Prob.
Ich habe ein paar Image Buttons und es soll so sein, das man wenn man auf diese Buttons nen rechtsklick macht sich mein eigenes Kontextmenü öffnet. allerdings soll das script in einer getrennten datei sein... scripte.js
Ich habe schon mit den anderen Tutorial angaben versucht es einzubinden, daoch das Problem ist, das ich in der *.js Datei, kein html code schreiben kann, also wäre dieses hier nicht nützlich:
<script language="JavaScript1.2">
//set the skin of the menu (0 or 1, with 1 rendering a default Windows menu like skin)
var menuskin=0
//set this variable to 1 if you wish the URLs of the highlighted menu to be displayed in the status bar
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="#EBE8BC"
if (display_url==1)
window.status=event.srcElement.url
}
}
function lowlightie5(){
if (event.srcElement.className=="menuitems"){
event.srcElement.style.backgroundColor="#EBE8BC"
event.srcElement.style.color="black"
window.status=''
}
}
function jumptoie5(){
if (event.srcElement.className=="menuitems"){
if (event.srcElement.getAttribute("target")!=null)
window.open(event.srcElement.url,event.srcElement.getAttribute("target"))
else
window.location=event.srcElement.url
}
}
</script>
<!-- eNDE sCRIPT -->
</HEAD>
<body bgcolor="#EBE8BC" text="#0000FF" link="#000000">
<center>
<h2>Kontextmenü</h2>
<div align="center">
<center>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="100%">
<p align="center">
<img border="0" src="../bilder/ie.gif" width="25" height="25">
<img border="0" src="../bilder/ns.gif" width="25" height="25"></td>
</tr>
</table>
</center>
</div><p align="center"><font face="Arial" color="#FF0000">?<script src="http://www.metaman.de/cgi-bin/textlinks/link.pl?kat=js4all&java=on"></script>?</font></p>
<!--aNFANG 2. Teil Script-->
<!--[if IE]>
<div id="ie5menu" class="skin0" onMouseover="highlightie5()" onMouseout="lowlightie5()" onClick="jumptoie5()">
<div class="menuitems" url="http://lalala.de" target="_blank">lalal.de</div>
<div class="menuitems" url="#">Link2</div>
<div class="menuitems" url="#">Link3</div>
<div class="menuitems" url="#">Link4</div>
<div class="menuitems" url="#">Link5</div>
<div class="menuitems" url="#">Link6</div>
<hr>
<div class="menuitems" url="http://www.blub.de" target="_blank">solala</div>
</div>
<![endif]-->
<script language="JavaScript1.2">
if (document.all&&window.print){
if (menuskin==0)
ie5menu.className="skin0"
else
ie5menu.className="skin1"
document.oncontextmenu=showmenuie5
document.body.onclick=hidemenuie5
}
</script>
Wäre nett, wenn ihr mir hier ne Beschreibung rein stellen könntet, wie man die *:js Datei mit der Datei, wo der style von dem Kontextmenü ist, verbindet. Wäre auch wunderbar, wenn ihr mir ein fertige script-Datei + style-Datei + Ausgabedatei(html) per E-mail schicken könntet.
Als anhang habe ich diese 3Dateien gehängt, wo das Kontextmenü reingeschrieben werden muß.
Stefan Brinkmann
Ich habe ein paar Image Buttons und es soll so sein, das man wenn man auf diese Buttons nen rechtsklick macht sich mein eigenes Kontextmenü öffnet. allerdings soll das script in einer getrennten datei sein... scripte.js
Ich habe schon mit den anderen Tutorial angaben versucht es einzubinden, daoch das Problem ist, das ich in der *.js Datei, kein html code schreiben kann, also wäre dieses hier nicht nützlich:
<script language="JavaScript1.2">
//set the skin of the menu (0 or 1, with 1 rendering a default Windows menu like skin)
var menuskin=0
//set this variable to 1 if you wish the URLs of the highlighted menu to be displayed in the status bar
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="#EBE8BC"
if (display_url==1)
window.status=event.srcElement.url
}
}
function lowlightie5(){
if (event.srcElement.className=="menuitems"){
event.srcElement.style.backgroundColor="#EBE8BC"
event.srcElement.style.color="black"
window.status=''
}
}
function jumptoie5(){
if (event.srcElement.className=="menuitems"){
if (event.srcElement.getAttribute("target")!=null)
window.open(event.srcElement.url,event.srcElement.getAttribute("target"))
else
window.location=event.srcElement.url
}
}
</script>
<!-- eNDE sCRIPT -->
</HEAD>
<body bgcolor="#EBE8BC" text="#0000FF" link="#000000">
<center>
<h2>Kontextmenü</h2>
<div align="center">
<center>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="100%">
<p align="center">
<img border="0" src="../bilder/ie.gif" width="25" height="25">
<img border="0" src="../bilder/ns.gif" width="25" height="25"></td>
</tr>
</table>
</center>
</div><p align="center"><font face="Arial" color="#FF0000">?<script src="http://www.metaman.de/cgi-bin/textlinks/link.pl?kat=js4all&java=on"></script>?</font></p>
<!--aNFANG 2. Teil Script-->
<!--[if IE]>
<div id="ie5menu" class="skin0" onMouseover="highlightie5()" onMouseout="lowlightie5()" onClick="jumptoie5()">
<div class="menuitems" url="http://lalala.de" target="_blank">lalal.de</div>
<div class="menuitems" url="#">Link2</div>
<div class="menuitems" url="#">Link3</div>
<div class="menuitems" url="#">Link4</div>
<div class="menuitems" url="#">Link5</div>
<div class="menuitems" url="#">Link6</div>
<hr>
<div class="menuitems" url="http://www.blub.de" target="_blank">solala</div>
</div>
<![endif]-->
<script language="JavaScript1.2">
if (document.all&&window.print){
if (menuskin==0)
ie5menu.className="skin0"
else
ie5menu.className="skin1"
document.oncontextmenu=showmenuie5
document.body.onclick=hidemenuie5
}
</script>
Wäre nett, wenn ihr mir hier ne Beschreibung rein stellen könntet, wie man die *:js Datei mit der Datei, wo der style von dem Kontextmenü ist, verbindet. Wäre auch wunderbar, wenn ihr mir ein fertige script-Datei + style-Datei + Ausgabedatei(html) per E-mail schicken könntet.
Als anhang habe ich diese 3Dateien gehängt, wo das Kontextmenü reingeschrieben werden muß.
Stefan Brinkmann
