github/svgedit
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix Issue 233: Highlight the layer when its name is hovered

Browse Source 
git-svn-id: http://svg-edit.googlecode.com/svn/trunk@825 eee81c28-f429-11dd-99c0-75d572ba1ddd
This commit is contained in:
Jeff Schiller
2009-10-14 05:11:51 +00:00
parent ca67ea8af2
commit 8ce44e7755
2 changed files with 79 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
editor/svg-editor.js
View File

@@ -1257,7 +1257,6 @@ function svg_edit_setup() {
$('#sidepanel_handle')
.mousedown(function(evt) {sidedrag = evt.pageX;})
.mouseup(function(evt) {sidedrag = -1;});
// TODO: is there a better way to do this splitter without attaching mouse handlers here?
$('#svg_editor')
.mouseup(function(){sidedrag=-1;})
.mouseout(function(evt){
@@ -1308,6 +1307,26 @@ function svg_edit_setup() {
layerpanel.css('width', parseInt(layerpanel.css('width'))+deltax);
centerCanvasIfNeeded();
};
// this function highlights the layer passed in (by fading out the other layers)
// if no layer is passed in, this function restores the other layers
var toggleHighlightLayer = function(layerNameToHighlight) {
var curNames = new Array(svgCanvas.getNumLayers());
for (var i = 0; i < curNames.length; ++i) { curNames[i] = svgCanvas.getLayer(i); }
if (layerNameToHighlight) {
for (var i = 0; i < curNames.length; ++i) {
if (curNames[i] != layerNameToHighlight) {
svgCanvas.setLayerOpacity(curNames[i], 0.5);
}
}
}
else {
for (var i = 0; i < curNames.length; ++i) {
svgCanvas.setLayerOpacity(curNames[i], 1.0);
}
}
};
var populateLayers = function(){
var layerlist = $('#layerlist tbody');
@@ -1333,13 +1352,20 @@ function svg_edit_setup() {
$('#layerlist tr:first').addClass("layersel");
}
// handle selection of layer
$('#layerlist td.layername').click(function(evt){
$('#layerlist tr.layer').removeClass("layersel");
var row = $(this.parentNode);
row.addClass("layersel");
svgCanvas.setCurrentLayer(this.textContent);
evt.preventDefault();
});
$('#layerlist td.layername')
.click(function(evt){
$('#layerlist tr.layer').removeClass("layersel");
var row = $(this.parentNode);
row.addClass("layersel");
svgCanvas.setCurrentLayer(this.textContent);
evt.preventDefault();
})
.mouseover(function(evt){
toggleHighlightLayer(this.textContent);
})
.mouseout(function(evt){
toggleHighlightLayer();
});
$('#layerlist td.layervis').click(function(evt){
var row = $(this.parentNode).prevAll().length;
var name = $('#layerlist tr.layer:eq(' + row + ') td.layername').text();