---
title: "\"Få med sig\" div-id?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/69978-få-med-sig-div-id"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Jesper T"
published: "2003-03-04T01:36:45.000Z"
updated: "2003-03-05T11:59:29.000Z"
replies: 7
views: 289
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/69978-få-med-sig-div-id"
---

# "Få med sig" div-id?

## #1 — Jesper T, 2003-03-04T01:36Z

I mitt lilla "högerklicksmenyscript" så skulle jag vilja få med mig div id:et i länkarna (querystrings). Alltså klickar jag på div 1, så skall detta id stå med i länken/arna i högerklicksmenyn. Hur gör jag det?

```
<style>
.hSmellCell {
   font-family:arial;
   background-color:#cccccc;
   font-size:10pt;
   cursor:default;
   margin:1px;
}
.hSmellOver {
   font-family:arial;
   background-color:#999999;
   font-size:10pt;
   cursor:default;
   margin:1px;
}
</style>

<script language="javascript">
<!--
function tMenu(a) {
var X = event.clientX;
X += document.body.scrollLeft;
var Y = event.clientY;
Y += document.body.scrollTop;
hSmellMenu.style.left=X;
hSmellMenu.style.top=Y;
 if(a) {
   hSmellMenu.style.display = 'block';
 } else {
   hSmellMenu.style.display = 'none';
 }
return false;
}
function cColor(o) {
 if (o.className == 'hSmellOver') {
   o.className = 'hSmellCell';
 } else {
   o.className = 'hSmellOver';
 }
}

function goMenu(str) {
 window.location.href = str;
}
//-->
</script>

</head>
<Body> 
<div oncontextmenu="return tMenu(true);" onClick="tMenu(false);" id="1" style="border:1px solid blue;width:200px; height:20px;">1</div>
<div oncontextmenu="return tMenu(true);" onClick="tMenu(false);" id="2" style="border:1px solid blue;width:200px; height:20px;">2</div>
<div oncontextmenu="return tMenu(true);" onClick="tMenu(false);" id="3" style="border:1px solid blue;width:200px; height:20px;">3</div>

<div id="hSmellMenu" style="border:1px groove #999999;display:none;position:absolute;background-color:#cccccc;margin:1px;">
  
    <div class="hSmellCell" onMouseOver="cColor(this);" onMouseOut="cColor(this);" onClick="javascript:goMenu('/htmlp.asp')"> 
      html</div>
 
    <div class="hSmellCell" onMouseOver="cColor(this);" onMouseOut="cColor(this);" onClick="javascript:goMenu('http://www.dhtml.net')"> 
      dhtml</div>
	  
</div>
```

Tips?

Permalänk: https://www.webforum.nu/p/69978

## #2 — Peter S, 2003-03-04T11:54Z

Skicka med en till in-parameter till funktionen tMenu(), d.v.s. en referens till objektet i fråga:

```
...
function tMenu(a, [b]o[/b]) {
[b]alert(o);[/b]
var X = event.clientX;
X += document.body.scrollLeft;
var Y = event.clientY;
Y += document.body.scrollTop;
hSmellMenu.style.left=X;
hSmellMenu.style.top=Y;
 if(a) {
   hSmellMenu.style.display = 'block';
 } else {
   hSmellMenu.style.display = 'none';
 }
return false;
}

...
<div oncontextmenu="return tMenu(true, [b]this.id[/b])...
...
```

 :)

Permalänk: https://www.webforum.nu/p/967597

## #3 — Jesper T, 2003-03-04T12:53Z

...men, men, hur får jag "ner" aktuell div:s id till högerklicksmenyn?
om jag skriver:\<script\>document.write(objId);\</script\>
Så står det att variabeln är odefinerad.

Så här skulle jag önska att det såg ut:
![](http://member.webforum.nu/Jesper%20T/lager.gif)

Permalänk: https://www.webforum.nu/p/967650

## #4 — Peter S, 2003-03-04T16:21Z

Vet inte riktigt om det är så här du menar, men...

```
<script language="javascript">
<!--

var menu1 = ["Redigera","Radera"];

function tMenu(a, o) {

var hSmellMenu = document.getElementById("hSmellMenu");
var subs = hSmellMenu.getElementsByTagName("div");

for(var i=0; i<subs.length; i++){
	subs[i].innerHTML = menu1[i] + " " + o;
}

var X = event.clientX;
X += document.body.scrollLeft;
var Y = event.clientY;
Y += document.body.scrollTop;
hSmellMenu.style.left=X;
hSmellMenu.style.top=Y;
 if(a) {
   hSmellMenu.style.display = 'block';
 } else {
   hSmellMenu.style.display = 'none';
 }
return false;
}
function cColor(o) {
 if (o.className == 'hSmellOver') {
   o.className = 'hSmellCell';
 } else {
   o.className = 'hSmellOver';
 }
}

function goMenu(str) {
 window.location.href = str;
}
//-->
</script>
...
<div oncontextmenu="return tMenu(true, this.id);" onClick="tMenu(false);" id="1" style="border:1px solid blue;width:200px; height:20px;">1</div>
<div oncontextmenu="return tMenu(true, this.id);" onClick="tMenu(false);" id="2" style="border:1px solid blue;width:200px; height:20px;">2</div>
<div oncontextmenu="return tMenu(true, this.id);" onClick="tMenu(false);" id="3" style="border:1px solid blue;width:200px; height:20px;">3</div>

<div id="hSmellMenu" style="border:1px groove #999999;display:none;position:absolute;background-color:#cccccc;margin:1px;">
  
    <div class="hSmellCell" onMouseOver="cColor(this);" onMouseOut="cColor(this);" onClick="javascript:goMenu('/htmlp.asp')"> 
      Redigera</div>
 
    <div class="hSmellCell" onMouseOver="cColor(this);" onMouseOut="cColor(this);" onClick="javascript:goMenu('http://www.dhtml.net')"> 
      Radera</div>
	  
</div>
...
```

 :)

Permalänk: https://www.webforum.nu/p/967849

## #5 — Jesper T, 2003-03-04T17:00Z

Nästan, länkarna skall ha en querystring med motsvarande id.
ex lank.asp?Id=1

Permalänk: https://www.webforum.nu/p/967878

## #6 — Peter S, 2003-03-04T17:18Z

Så här?

```
...
for(var i=0; i<subs.length; i++){
	subs[i].innerHTML = menu1[i] + " " + o;
	subs[i].onclick = function(){
		location.href = "lank.asp?id=" + o;
	}
}
...
```

 :)

Permalänk: https://www.webforum.nu/p/967890

## #7 — Jesper T, 2003-03-04T21:11Z

Aaaa, men då får båda länkarna(redigera,radera) samma url ju :(

Permalänk: https://www.webforum.nu/p/968035

## #8 — Peter S, 2003-03-05T11:59Z

Testa följande:

```
...
for(var i=0; i<subs.length; i++){
	subs[i].innerHTML = menu1[i] + " " + o;
	subs[i].onclick = function(){
		goMenu(this.innerHTML.toLowerCase().substring(0, this.innerHTML.indexOf(" "))+".asp?id="+o);
	}
}
...
```

 :)

Permalänk: https://www.webforum.nu/p/968502

---

Tråden på webben: https://www.webforum.nu/amne/javascript/69978-få-med-sig-div-id
