Und nocheinmal.. 
Ich möchte, das wenn:
a) ein Element geklickt wird, etwas passiert (weis ich wie)
b) wenn allerdings ein Element lange geklickt wird, die andere Aktion nicht ausgeführt wird sondern eine andere
Idee war sowas wie:
onmousedown >> count(1500) >> if{ mouse nochimmer down >> b(); } else{ a(); }
Habe aber keine Ahnung wie man das umsetzten könnte. (jQuery ist erlaubt.)
hm, drap and drop? 
was mir einfällt:´
onmouse down >> call function chk()
function chk(){
var down = *zeit merken*
onmouseup = function(){ /*onmouserelease ?*/
var up = *zeit merken*
if(up - down > 1500){
call b()
return; /*und wieder raus hier!*/
}
/*sonst das hier*/
call a()
}
}Nein eher wenn klick, leite mich auf die Seite, ansonsten zeige mir nur das Untermenü der Seite und leite mich nicht weg von hier
Und danke, werd das mal verfolgen 
Aber wenn du gerade davon sprichst, hast du dich damit schon mal beschäftigt, ich bräucht da nämlich mal was in näherer Zukunft
wie kann ich *zeit merken* ?
function menu(element){
var down = ;
$(element).mouseup(function() {
var up = ;
if (up - down > 1500) {
seite(element);
}
else{
showMenu(element);
}
}
function showMenu(element){
$(element).toggleClass('show-ul');
}
function seite(element){
//blub
}
$(".h_menu").mousedown(function() {
menu(this);
})Mir fehlt jetzt noch das *zeit merken* gibts sowas wie time_atom() ?
Ein Kumpel hat das letztens mit HTML5 gemacht.
Oder war das Files, .. ja das war für Fileupload ... also nö, hab ich noch net gemacht.
edit:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf8" />
<title></title>
</head>
<body>
<script type="text/javascript">
function _time(){
var d = new Date();
return Math.round(d.getTime()/1000);
}
function chk(elem){
var zeitgrenze = _time()+1.5; /*1.5 sec*/
elem.onmouseup = function(){
if(_time() >= zeitgrenze){
/*call b()*/
alert('lange gedrueckt')
return; /*und wieder raus hier!*/
}
/*sonst das hier*/
/*call a()*/
alert('kurz gedrueckt')
}
}
</script>
<div onmousedown="chk(this);">clickme</div>
</body>
</html>Jaaaaa, jetzt haben wir beide das gleiche gemacht, einmal mit JQuery und einmal ohne, einmal vom pro, einmal vom laie
Danke
Ähhhm geht es auch, dass man ab mousedown, zeit zählt count() und wenn 1,5 vorbei dann b() ?
Mir fehlt grad der kreative Gedanke.
Schönes Thema das hier sollte laufen
EDIT:
sowas zu basteln mach echt laune!
=> http://jsfiddle.net/egwL7/
oder:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf8" />
<title></title>
<style type="text/css">
.clickable{
display:inline-block;
}
.bar{
width:0%;
border-color:#00758C;
border-bottom-style:solid;
border-bottom-width:1px;
}
</style>
<script type="text/javascript">
var OnHold =
{
limit:1500, /*button down long*/
overlimit:2500, /*button down too long*/
animatesteps:20, /*animate every x milliseconds*/
animateif:10, /*animate if percent of limit is >= x*/
timelimit:false,
timeover:false,
ticker:false,
bar:false,
perc:false,
a:false,
debug:false, /*log info and e-msgs in console*/
tagname_bar:'div',
tagname_bar_pos:0,
classname_bar:'bar',
mtime:function(){
var d = new Date();
return d.getTime();
},
animate:function(elem){
if(!OnHold.timeover){
clearInterval(OnHold.ticker);
if(OnHold.bar){
OnHold.bar.style.width = "0%"
OnHold.bar = null;
}
OnHold.perc = null;
OnHold.a = null;
return;
}
if(!OnHold.ar){
OnHold.bar = elem.getElementsByTagName(OnHold.tagname_bar)[OnHold.tagname_bar_pos];
/*debug:*/if(!OnHold.bar){
OnHold.log('elem.getElementsByTagName("'+OnHold.tagname_bar+'")['+OnHold.tagname_bar_pos+'] not found!','animate');
return;
}
/*debug:*/if(OnHold.bar.className != OnHold.classname_bar){
OnHold.log('elem.getElementsByTagName("'+OnHold.tagname_bar+'")['+OnHold.tagname_bar_pos+'].className != "'+OnHold.classname_bar+'"!','animate');
}
}
OnHold.a = (!OnHold.a)
?100/OnHold.limit*OnHold.animatesteps
:OnHold.a;
OnHold.perc = (!OnHold.perc)
?OnHold.a
:(OnHold.perc+OnHold.a>100)
?100
:OnHold.perc+OnHold.a
;
OnHold.bar.style.width = ((OnHold.perc>=OnHold.animateif)?OnHold.perc:0)+"%";
return;
},
event:function(elem){
/*debug:*/OnHold.log('onmousedown triggered','event',true);
/*debug:*/if(this.overlimit < this.limit){
this.log('this.overlimit cannot be lower than this.limit!','event');
return;
}
this.timelimit = this.mtime()+this.limit;
this.timeover = setTimeout(
function(){
OnHold.timeover = false;
C(elem);
return;
},this.overlimit
);
this.ticker = setInterval(
function(){
OnHold.animate(elem);
},this.animatesteps
);
elem.onmouseup = function(){
/*debug:*/OnHold.log('onmouseup triggered','event',true);
if(OnHold.timeover && OnHold.mtime() >= OnHold.timelimit && OnHold.mtime() < OnHold.timelimit+OnHold.overlimit){
clearTimeout(OnHold.timeover);
OnHold.timeover = false;
B(elem);
return;
}else if(OnHold.timeover && OnHold.mtime() < OnHold.timelimit+OnHold.overlimit){
clearTimeout(OnHold.timeover);
OnHold.timeover = false;
A(elem);
return;
}
return;
}
return;
},
log:function(msgs,meth,i)
{
if(OnHold.debug){
console.log(((i)?"Info: ":"Error: ")+"\t"+msgs+"\r\n@OnHold."+meth+"()");
}
return;
}
}
function A(elem){
var el = elem.id,
result = document.getElementById('result');
result.innerHTML += el+' kurz gedrueckt<br>';
}
function B(elem){
var el = elem.id,
result = document.getElementById('result');
result.innerHTML += el+' lange gedrueckt<br>';
}
function C(elem){
var el = elem.id,
result = document.getElementById('result');
result.innerHTML += el+' lange gedrueckt und über der zeit<br>';
}
</script>
</head>
<body>
<h1>OnHold.event(this)</h1>
<div id="element 1" class="clickable" onmousedown="OnHold.event(this);">click me<div class="bar"></div></div>
<br>
<div id="element 2" class="clickable" onmousedown="OnHold.event(this);">or click me<div class="bar"></div></div>
<br>
<div id="element 3" class="clickable" onmousedown="OnHold.event(this);">or perhaps click me<div class="bar"></div></div>
<hr>
<div id="result"></div>
</body>
</html>So, da du leider das alte gelöscht hast, es aber einfacher zu durchblicken ist und hier vllt. noch für jemand zu gebrauchen, poste ich mal dein Code 
Code by Cotton.
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf8" />
<title></title>
</head>
<body>
<script type="text/javascript">
function _utime(){
var d = new Date();
return Math.round(d.getTime());
}
var limit = 1500;
var zeitgrenze,onholdtoolong;
function chk(elem){
zeitgrenze = _utime()+limit;
onholdtoolong = setTimeout(
function(){
if(onholdtoolong){
/*call b()*/
alert('lange gedrueckt und über der zeit')
}
return; /*und wieder raus hier!*/
},limit+2000 /*TESTWEISE +2 sec um zu sehen ob "über der Zeit" oder "lange gedrückt"*/
);
elem.onmouseup = function(){
onholdtoolong = false; /*schnell wieder weg damit, denn user hat losgelassen :D*/
if(_utime() >= zeitgrenze){
/*call b()*/
alert('lange gedrueckt')
return; /*und wieder raus hier!*/
}
/*sonst das hier*/
/*call a()*/
alert('kurz gedrueckt')
}
}
</script>
<div onmousedown="chk(this);">clickme</div>
</body>
</html>&& danke für die Hilfe 
die alte Version ist aber (sehr) buggy.
Und in der neuen Version hast Du eine "Fortschrittsanzeige" mit drin (einfach zu ändern).
Allerdings ist in der neuen Version auch noch ein Bug: wenn User TOTAL wild auf alle Flächen klickt, dann kommt es vor, dass mehrere Fortschrittsanzeigen angesprochen werden.
Wer den Bug findet, darf in fixen
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!