holm/egroupware
1
1
Fork 0
forked from extern/egroupware
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix not working quick-add mouseover in jdots

Browse Source
This commit is contained in:
Ralf Becker 2014-02-16 10:23:41 +00:00
parent 2b1aaa4fba
commit 691caf3954
1 changed files with 87 additions and 88 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

161
pixelegg/js/slider.js
View File

@ -66,6 +66,42 @@ function hide_pixelegg_header(_toggle, _delay)
$j(_toggle).parent().addClass("slidedown");
}
/*
* Replace all SVG images with inline SVG
*/
function replace_svg()
{
$j('img.svg').each(function()
{
var $img = $j(this);
var imgID = $img.attr('id');
var imgClass = $img.attr('class');
var imgURL = $img.attr('src');
$j.get(imgURL, function(data)
{
// Get the SVG tag, ignore the rest
var $svg = $j(data).find('svg');
// Add replaced image's ID to the new SVG
if(typeof imgID !== 'undefined') {
$svg = $svg.attr('id', imgID);
}
// Add replaced image's classes to the new SVG
if(typeof imgClass !== 'undefined') {
$svg = $svg.attr('class', imgClass+' replaced-svg');
}
// Remove any invalid XML tags as per http://validator.w3.org
$svg = $svg.removeAttr('xmlns:a');
// Replace image with new SVG
$img.replaceWith($svg);
}, 'xml');
});
}
egw_LAB.wait(function() {
$j(document).ready(function() {
@ -99,85 +135,48 @@ egw_LAB.wait(function() {
+ 5;
return height;
};
/**
* replace [+] on mouseover with quick-add selectbox
*
* Must run after DOM is ready!
*/
$j('#quick_add').on({
mouseover: function(ev){
// do NOT react on bubbeling events from contained selectbox
if (ev.relatedTarget.id != 'quick_add_selectbox')
{
$j(this).css({
transition: "0.2s ease-out 0s",
width: "166px",
'border-top-left-radius': "20px",
'background-color': "#0B5FA4"
});
$j('select', this).css({
transition: "0.1s linear 0.2s",
visibility: "visible"
});
}
ev.stopPropagation();
},
mouseout: function(ev){
// do NOT react on bubbeling events from contained selectbox
if (ev.relatedTarget.id != 'quick_add_selectbox')
{
$j(this).css({
transition: "0.2s ease-out 0s",
width: "16px",
'border-top-left-radius': "0px",
'background-color': "transparent"
});
$j('select', this).css({
transition: "0s linear 0s",
visibility: "hidden"
});
}
ev.stopPropagation();
}
});
replace_svg();
});
// ADD Button
function add_quick_Listeners(){
if(window.addEventListener) {
// ADD
document.getElementById('quick_add').addEventListener("mouseover",quick_add_func_over,false);
document.getElementById('quick_add').addEventListener("mouseout",quick_add_func_out,false);
} else if (window.attachEvent){ // Added For Inetenet Explorer versions previous to IE9
document.getElementById('quick_add').attachEvent("onmouseover",quick_add_func_over);
document.getElementById('quick_add').attachEvent("onmouseout",quick_add_func_out);
}
}
// Write your functions here
function quick_add_func_over(){
this.style.transition = "0.2s ease-out 0s";
this.style.width = "166px";
this.style.borderTopLeftRadius = "20px";
this.style.backgroundColor = "#0B5FA4";
quick_add_selectbox.style.transition = "0.1s linear 0.2s";
quick_add_selectbox.style.visibility = "visible";
}
function quick_add_func_out(){
this.style.transition = "0.2s ease-out 0s";
this.style.width = "16px";
this.style.borderTopLeftRadius = "0px";
this.style.backgroundColor = "transparent";
quick_add_selectbox.style.transition = "0s linear 0s";
quick_add_selectbox.style.visibility = "hidden";
}
window.onload = add_quick_Listeners;
/* #egw_fw_topmenu_info_items {
bottom: 0;
display: flex;
float: right;
padding-right: 20px;
position: fixed;
text-align: right;
white-space: nowrap;
z-index: 1000;
} */
/*
* Replace all SVG images with inline SVG
*/
$j('img.svg').each(function(){
var $img = $j(this);
var imgID = $img.attr('id');
var imgClass = $img.attr('class');
var imgURL = $img.attr('src');
$j.get(imgURL, function(data) {
// Get the SVG tag, ignore the rest
var $svg = $j(data).find('svg');
// Add replaced image's ID to the new SVG
if(typeof imgID !== 'undefined') {
$svg = $svg.attr('id', imgID);
}
// Add replaced image's classes to the new SVG
if(typeof imgClass !== 'undefined') {
$svg = $svg.attr('class', imgClass+' replaced-svg');
}
// Remove any invalid XML tags as per http://validator.w3.org
$svg = $svg.removeAttr('xmlns:a');
// Replace image with new SVG
$img.replaceWith($svg);
}, 'xml');
});