2017-01-05 4 views
0

Я просто задаю вопрос, который был в основном у меня возникла проблема z-index, которая была решена сейчас. Но теперь есть еще одна проблема, с которой я столкнулся, когда я нажимаю кнопку «Назад», она работает в IE, а открывает папку в папке, где находится конкретный файл. Есть ли специальный способ вернуться в исходное положение в IE.IE открыть файл explorer on href = ""

Моей скрипка находится в этом месте - fiddle link

Во всяком случае я проводки моего кода -

<!DOCTYPE HTML> 
<html> 
<head> 
<script src="http://canvasjs.com/assets/script/canvasjs.min.js"></script> 
<!-- <link type='text/css' rel="stylesheet" href='style.css' /> --> 
<style> 
#chartContainerpie{ 
    position: absolute; 
    top: 130px; 
    left: 0px; 
} 
#chartContainer{ 
    position: absolute; 
    top: 0px; 
    left: 0px; 
} 
#link { 
visibility : hidden; 
top : 0px; 
left : 0px; 
position:relative; 
z-index:100; 
} 
</style> 
<script type="text/javascript"> 

window.onload = function() { 
    var chart = new CanvasJS.Chart("chartContainer", { 
    title: { 
    text: "My First Chart in CanvasJS" 
    }, 
    backgroundColor: "transparent", 
    data: [{ 
    click: function(e){ 
     anotherchart(); 
    }, 
    // Change type to "doughnut", "line", "splineArea", etc. 
    type: "doughnut", 
    dataPoints: [{ 
     label: "apple", 
     y: 10 
    }, { 
     label: "orange", 
     y: 15 
    }, { 
     label: "banana", 
     y: 25 
    }, { 
     label: "mango", 
     y: 30 
    }, { 
     label: "grape", 
     y: 28 
    }] 
    }] 
}); 
chart.render(); 
var chart = new CanvasJS.Chart("chartContainerpie", { 
    backgroundColor: "transparent", 
    data: [{ 
    // Change type to "doughnut", "line", "splineArea", etc. 
    indexLabelPlacement: "inside", 
    indexLabelFontColor: "white", 
    indexLabelFontSize: "14px", 
    type: "pie", 
    dataPoints: [{ 
     label: "apple", 
     y: 10 
    }, { 
     label: "orange", 
     y: 15 
    }, { 
     label: "banana", 
     y: 25 
    }, { 
     label: "mango", 
     y: 30 
    }, { 
     label: "grape", 
     y: 28 
    }] 
    }] 
}); 
chart.render(); 
} 
function anotherchart() { 
document.getElementById("chartContainerpie").innerHTML = ""; 
    document.getElementById("chartContainer").innerHTML = ""; 
    document.getElementById("link").style.visibility = "visible"; 
// alert( e.dataSeries.type+ ", dataPoint { x:" + e.dataPoint.x + ", y: "+ e.dataPoint.y + " }"); 
    var chart = new CanvasJS.Chart("chartContainernew", { 
    backgroundColor: "transparent", 
    data: [{ 
    // Change type to "doughnut", "line", "splineArea", etc. 
    indexLabelPlacement: "inside", 
    indexLabelFontColor: "white", 
    indexLabelFontSize: "14px", 
    type: "doughnut", 
    dataPoints: [{ 
     label: "apple", 
     y: 10 
    }, { 
     label: "orange", 
     y: 15 
    }, { 
     label: "banana", 
     y: 25 
    }, { 
     label: "mango", 
     y: 30 
    }, { 
     label: "grape", 
     y: 28 
    }] 
    }] 
}); 
chart.render(); 
} 

</script> 
</head> 
<body> 
<div> 
    <div id="chartContainerpie" style="height: 188px; width: 100%;"></div> 
    <div id="chartContainer" style="height: 400px; width: 100%; "></div> 
</div> 
<div> 
    <a id="link" href="">Back</a> 
    <div id="chartContainernew" style="height: 400px; width: 100%; "></div> 
</div> 
<div> 

</div> 
</body> 
</html> 
+0

Адрес, использованный для входа в систему: В исходное положение вы указываете в верхней части страницы? –

+0

@AreWojciechowski no Я имею в виду, что я подпрыгиваю от одного графика к другому ... так что обратно означает переход в то же начальное состояние, когда загруженная страница – shv22

+0

, нажав кнопку возврата браузеров в любом браузере, перейдет на предыдущую страницу, загруженную в браузер, а не к произвольному «состоянию» текущей динамически созданной страницы. –

ответ

2

В IE, пустой HTML HREF приводит к листингу каталога. Для получения дополнительной информации вы можете обратиться к this link.

В то же время вы можете использовать

<a id="link" href='#' onclick='location.reload(true); return false;'>Back</a> 

Это позволит обновить страницу, и вы получите ваш старый график назад. Но есть лучшие способы сделать это. Поскольку вы размещаете один div на другом, вы всегда можете разместить еще один скрытый div, который вы можете показать при нажатии, скрывая исходный 2 div.

+0

Спасибо ... Я поменяю ваши комментарии – shv22

Смежные вопросы