Hallo liebe Forengemeinde,
da man mit CSS select tags nicht schön formatieren kann habe ich beschlossen eine eigenes Script für zu schreiben. Es klappt auch alles soweit ganz gut. Nur habe ich ein Problem mit dem window.setTimout und window.clearTimeout. Ich hoffe Ihr könnt mir helfen. Als Javascript - Framework nutz ich jQuery.
Hier der Code:
CODE
var PRICEBRACETSDD = new (function() {
return {
init: function() {
var timer = window.setTimeout("PRICEBRACETSDD.hoverout()", 1000);
$("div#PRICEBRACETS").click( function() { PRICEBRACETSDD.hover() } );
},
hover: function() {
$("div#PRICEBRACETS").removeClass("normal").addClass("hover");
$('div#PRICEBRACETSBOX').css({
position: "absolute",
top: $("div#PRICEBRACETS").position()['top']+25,
left: $("div#PRICEBRACETS").position()['left']+3,
width: $("div#PRICEBRACETS").width(),
background: "red"
}).mouseover( function() {
if ( timer ) {
window.clearTimeout(timer);
timer = null;
}
}).mouseout( function() {
timer = window.setTimeout("PRICEBRACETSDD.hoverout()", 1000);
}).show();
},
hoverout: function() {
$("div#PRICEBRACETS").removeClass("hover").addClass("normal")
$('div#PRICEBRACETSBOX').hide();
},
show: function(){
}
};
})();
da man mit CSS select tags nicht schön formatieren kann habe ich beschlossen eine eigenes Script für zu schreiben. Es klappt auch alles soweit ganz gut. Nur habe ich ein Problem mit dem window.setTimout und window.clearTimeout. Ich hoffe Ihr könnt mir helfen. Als Javascript - Framework nutz ich jQuery.
Hier der Code:
CODE
var PRICEBRACETSDD = new (function() {
return {
init: function() {
var timer = window.setTimeout("PRICEBRACETSDD.hoverout()", 1000);
$("div#PRICEBRACETS").click( function() { PRICEBRACETSDD.hover() } );
},
hover: function() {
$("div#PRICEBRACETS").removeClass("normal").addClass("hover");
$('div#PRICEBRACETSBOX').css({
position: "absolute",
top: $("div#PRICEBRACETS").position()['top']+25,
left: $("div#PRICEBRACETS").position()['left']+3,
width: $("div#PRICEBRACETS").width(),
background: "red"
}).mouseover( function() {
if ( timer ) {
window.clearTimeout(timer);
timer = null;
}
}).mouseout( function() {
timer = window.setTimeout("PRICEBRACETSDD.hoverout()", 1000);
}).show();
},
hoverout: function() {
$("div#PRICEBRACETS").removeClass("hover").addClass("normal")
$('div#PRICEBRACETSBOX').hide();
},
show: function(){
}
};
})();