• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

oncontextmenu auf 2 divs

Y

yss

Mitglied
Guten Mittag
Ist es möglich, oncontextmenu auf 2 divs anzuwenden, welche ineinander verschachtelt sind?
Dabei soll aber bei div1 eine andere Funktion aufgerufen werden, als bei div2. Bisher werden dann bei div2 einfach beide Funktionen aufgerufen -.-
HTML: 
<div id="div1" oncontextmenu="alert(1)">
   <div id="div2" oncontextmenu="alert(2)"></div>
</div>
Dazu muss ich noch sagen, dass ich allgemein das Standartmenü des browsers über jQuery deaktiviert habe ;-)
 
Werbung:
Wenn das äußere Element einen Abstand zum Inneren hat - ja, dann sollte das auch klappen. Wenn man auf den Bereich zwischen dem Rahmen des Äußeren und dem Rahmen des Inneren klickt, sollte dann auch das Kontextmenü des äußeren Elements angezeigt werden. Beides zusammen nicht, da das innere Element ja in einer Ebene über dem äußeren Element liegt.
 
So sieht mein HTML aus:
HTML: 
<div id="desktop" onclick="">    
   <div class="folder homeFolder">        
      Home   
   </div>
</div>

Und hier mein CSS:
HTML: 
#desktop{    
  width: auto;    
  background-color: lime;    
  background: no-repeat center center fixed;    
  -webkit-background-size: cover;   
  -moz-background-size: cover;
  -o-background-size: cover;    
  background-size: cover;}

#desktop > .folder{    
  width: 60px;    
  height: 10px;    
  background-repeat: no-repeat;    
  color: silver;    
  font-weight: bold;    
  font-size: 13px;    
  text-align: center;    
  padding-top: 45px;    
  position: absolute;    
  z-index: 100px;}
.homeFolder{    
  background-image: url('../img/homeFolder.png');
}

Was meinst du mit Abstand und wie definiere ich ihn?
 
Werbung:
Mit padding natürlich, welches Du dem äußeren Element gibst. Oder mit margin beim inneren Element.
 
Irgendwie will das noch nicht so richtig:
HTML: 
<html><head><script type="text/javascript">
</script><style type="text/css">#div1{  width: 200px;  height: 200px;  background-color: red;  padding: 10px;}
#div2{  width 50px;  height: 50px;  background-color: blue;  margin-top: 50px;  margin-left: 50px;}</style></head><body><div id="div1" onclick="alert(1)">Div1<div id="div2" onclick="alert(2)">Div2</div></div></body></html>
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben